sync
[roojs1] / docs / json / roodata.json
index 904fcc6..a066c8d 100644 (file)
   },
   "Roo.bootstrap.CheckBox" : {
     "props" : [
-      {
-        "name" : "(button|checkbox|email|file|hidden|image|number|password|radio|range|reset|search|submit|text)",
-        "type" : "String",
-        "desc" : "inputType",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "accept",
         "type" : "String",
         "desc" : "- input group add on after",
         "memberOf" : "Roo.bootstrap.Input"
       },
+      {
+        "name" : "afterButton",
+        "type" : "Roo.bootstrap.Button",
+        "desc" : "to show before",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "align",
         "type" : "String",
         "desc" : "inline the element (default false)",
         "memberOf" : ""
       },
+      {
+        "name" : "inputType",
+        "type" : "String",
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "inputValue",
         "type" : "String",
   },
   "Roo.bootstrap.ComboBox" : {
     "props" : [
-      {
-        "name" : "(button|checkbox|email|file|hidden|image|number|password|radio|range|reset|search|submit|text)",
-        "type" : "String",
-        "desc" : "inputType",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "accept",
         "type" : "String",
         "desc" : "- input group add on after",
         "memberOf" : "Roo.bootstrap.Input"
       },
+      {
+        "name" : "afterButton",
+        "type" : "Roo.bootstrap.Button",
+        "desc" : "to show before",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "align",
         "type" : "String",
         "desc" : "t) default left",
         "memberOf" : "Roo.bootstrap.Input"
       },
+      {
+        "name" : "inputType",
+        "type" : "String",
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "invalidClass",
         "type" : "String",
   },
   "Roo.bootstrap.DateField" : {
     "props" : [
-      {
-        "name" : "(button|checkbox|email|file|hidden|image|number|password|radio|range|reset|search|submit|text)",
-        "type" : "String",
-        "desc" : "inputType",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "accept",
         "type" : "String",
         "desc" : "- input group add on after",
         "memberOf" : "Roo.bootstrap.Input"
       },
+      {
+        "name" : "afterButton",
+        "type" : "Roo.bootstrap.Button",
+        "desc" : "to show before",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "align",
         "type" : "String",
         "desc" : "t) default left",
         "memberOf" : "Roo.bootstrap.Input"
       },
+      {
+        "name" : "inputType",
+        "type" : "String",
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "invalidClass",
         "type" : "String",
   },
   "Roo.bootstrap.HtmlEditor" : {
     "props" : [
-      {
-        "name" : "(button|checkbox|email|file|hidden|image|number|password|radio|range|reset|search|submit|text)",
-        "type" : "String",
-        "desc" : "inputType",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "accept",
         "type" : "String",
         "desc" : "- input group add on after",
         "memberOf" : "Roo.bootstrap.Input"
       },
+      {
+        "name" : "afterButton",
+        "type" : "Roo.bootstrap.Button",
+        "desc" : "to show before",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "align",
         "type" : "String",
   },
   "Roo.bootstrap.Input" : {
     "props" : [
-      {
-        "name" : "(button|checkbox|email|file|hidden|image|number|password|radio|range|reset|search|submit|text)",
-        "type" : "String",
-        "desc" : "inputType",
-        "memberOf" : ""
-      },
       {
         "name" : "accept",
         "type" : "String",
         "desc" : "- input group add on after",
         "memberOf" : ""
       },
+      {
+        "name" : "afterButton",
+        "type" : "Roo.bootstrap.Button",
+        "desc" : "to show before",
+        "memberOf" : ""
+      },
       {
         "name" : "align",
         "type" : "String",
         "desc" : "t) default left",
         "memberOf" : ""
       },
+      {
+        "name" : "inputType",
+        "type" : "String",
+        "desc" : "t)",
+        "memberOf" : ""
+      },
       {
         "name" : "invalidClass",
         "type" : "String",
   },
   "Roo.bootstrap.Markdown" : {
     "props" : [
-      {
-        "name" : "(button|checkbox|email|file|hidden|image|number|password|radio|range|reset|search|submit|text)",
-        "type" : "String",
-        "desc" : "inputType",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "accept",
         "type" : "String",
         "desc" : "- input group add on after",
         "memberOf" : "Roo.bootstrap.Input"
       },
+      {
+        "name" : "afterButton",
+        "type" : "Roo.bootstrap.Button",
+        "desc" : "to show before",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "align",
         "type" : "String",
         "desc" : "t) default left",
         "memberOf" : "Roo.bootstrap.Input"
       },
+      {
+        "name" : "inputType",
+        "type" : "String",
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "invalidClass",
         "type" : "String",
         "memberOf" : ""
       },
       {
-        "name" : "buttons",
-        "type" : "Array",
+        "name" : "buttons[]",
+        "type" : "Roo.bootstrap.Button",
         "desc" : "Array of buttons or standard button set..",
         "memberOf" : ""
       },
   },
   "Roo.bootstrap.MoneyField" : {
     "props" : [
-      {
-        "name" : "(button|checkbox|email|file|hidden|image|number|password|radio|range|reset|search|submit|text)",
-        "type" : "String",
-        "desc" : "inputType",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "accept",
         "type" : "String",
         "desc" : "- input group add on after",
         "memberOf" : "Roo.bootstrap.Input"
       },
+      {
+        "name" : "afterButton",
+        "type" : "Roo.bootstrap.Button",
+        "desc" : "to show before",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "align",
         "type" : "String",
         "desc" : "t) default left",
         "memberOf" : "Roo.bootstrap.Input"
       },
+      {
+        "name" : "inputType",
+        "type" : "String",
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "invalidClass",
         "type" : "String",
       {
         "name" : "store",
         "type" : "Roo.data.Store",
-        "desc" : "The data store to which this combo is bound (defaults to undefined)",
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "desc" : "Store to lookup currency??",
+        "memberOf" : ""
       },
       {
         "name" : "style",
   },
   "Roo.bootstrap.MonthField" : {
     "props" : [
-      {
-        "name" : "(button|checkbox|email|file|hidden|image|number|password|radio|range|reset|search|submit|text)",
-        "type" : "String",
-        "desc" : "inputType",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "accept",
         "type" : "String",
         "desc" : "- input group add on after",
         "memberOf" : "Roo.bootstrap.Input"
       },
+      {
+        "name" : "afterButton",
+        "type" : "Roo.bootstrap.Button",
+        "desc" : "to show before",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "align",
         "type" : "String",
         "desc" : "t) default left",
         "memberOf" : "Roo.bootstrap.Input"
       },
+      {
+        "name" : "inputType",
+        "type" : "String",
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "invalidClass",
         "type" : "String",
       }
     ]
   },
-  "Roo.bootstrap.NavGroup" : {
+  "Roo.bootstrap.NumberField" : {
     "props" : [
+      {
+        "name" : "accept",
+        "type" : "String",
+        "desc" : "o) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.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.Input"
+      },
+      {
+        "name" : "afterButton",
+        "type" : "Roo.bootstrap.Button",
+        "desc" : "to show before",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t)",
+        "desc" : "t) Default left",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "allowBlank",
+        "type" : "Boolean",
+        "desc" : "False to validate that the value length > 0 (defaults to true)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "allowDecimals",
+        "type" : "Boolean",
+        "desc" : "False to disallow decimal values (defaults to true)",
         "memberOf" : ""
       },
       {
         "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.Input"
+      },
+      {
+        "name" : "before",
+        "type" : "string",
+        "desc" : "- input group add on before",
+        "memberOf" : "Roo.bootstrap.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.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.Input"
+      },
       {
         "name" : "cls",
         "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.Input"
+      },
+      {
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "is it disabled",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "fieldLabel",
+        "type" : "string",
+        "desc" : "- the label associated",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "focusClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "forceFeedback",
+        "type" : "Boolean",
+        "desc" : "e) Default false",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "hasFeedback",
+        "type" : "Boolean",
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "hideMode",
         "type" : "String",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "inverse",
-        "type" : "Boolean",
-        "desc" : "",
-        "memberOf" : ""
+        "name" : "indicatorpos",
+        "type" : "String",
+        "desc" : "t) default left",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "inputType",
+        "type" : "String",
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "invalidFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "invalidText",
+        "type" : "String",
+        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelAlign",
+        "type" : "String",
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelWidth",
+        "type" : "Number",
+        "desc" : "set the width of label",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labellg",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelmd",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelsm",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelxs",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "lg",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for large computer-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "listeners",
         "desc" : "list of events and functions to call for 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.Input"
+      },
+      {
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "Roo.bootstrap.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.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.Input"
+      },
+      {
+        "name" : "minLength",
+        "type" : "Number",
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "memberOf" : "Roo.bootstrap.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.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" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "type" : "String",
+        "desc" : "name of the input",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "navId",
+        "name" : "nanText",
         "type" : "String",
-        "desc" : "- reference Id for navbar.",
+        "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" : "pilltype",
+        "name" : "placeholder",
+        "type" : "string",
+        "desc" : "- placeholder to put in text.",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "preventMark",
         "type" : "Boolean",
-        "desc" : "default true (turn to off to disable active toggle)",
-        "memberOf" : ""
+        "desc" : "Do not show tick or cross if error/success",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "readOnly",
+        "type" : "Boolean",
+        "desc" : "Specifies that the field should be read-only",
+        "memberOf" : "Roo.bootstrap.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.Input"
+      },
+      {
+        "name" : "regexText",
+        "type" : "String",
+        "desc" : "-- Depricated - use Invalid Text",
+        "memberOf" : "Roo.bootstrap.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.Input"
+      },
+      {
+        "name" : "size",
+        "type" : "string",
+        "desc" : "- (lg|sm) or leave empty..",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "sm",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for tablet-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "style",
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "thousandsDelimiter",
+        "type" : "String",
+        "desc" : "Symbol of thousandsDelimiter",
+        "memberOf" : ""
+      },
       {
         "name" : "tooltip",
         "type" : "string",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "type",
+        "name" : "validClass",
         "type" : "String",
-        "desc" : "b) default nav",
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "validFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "validateOnBlur",
+        "type" : "Boolean",
+        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
+        "memberOf" : "Roo.bootstrap.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.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.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.Input"
+      },
+      {
+        "name" : "value",
+        "type" : "string",
+        "desc" : "default value of the input",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "valueAlign",
+        "type" : "String",
+        "desc" : "alignment of value",
         "memberOf" : ""
       },
       {
         "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.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.Input"
       }
     ],
     "events" : [
         "returns" : []
       },
       {
-        "name" : "changed",
+        "name" : "blur",
         "type" : "function",
-        "desc" : "Fires when the active item changes",
-        "sig" : "function (_self, selected, prev)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires when this field loses input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.NavGroup",
+            "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.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "selected",
-            "type" : "Roo.bootstrap.Navbar.Item",
-            "desc" : "The item selected",
+            "name" : "newValue",
+            "type" : "Mixed",
+            "desc" : "The new value",
             "isOptional" : false
           },
           {
-            "name" : "prev",
-            "type" : "Roo.bootstrap.Navbar.Item",
-            "desc" : "The previously selected item",
+            "name" : "oldValue",
+            "type" : "Mixed",
+            "desc" : "The original value",
             "isOptional" : false
           }
         ],
         ],
         "returns" : []
       },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Fires when this field receives input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.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.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.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.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" : []
-      }
-    ],
-    "methods" : [
+      },
       {
-        "name" : "addEvents",
+        "name" : "specialkey",
         "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 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.Input",
         "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
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event object",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addItem",
+        "name" : "valid",
         "type" : "function",
-        "desc" : "adds a Navigation item",
-        "sig" : "(the)",
+        "desc" : "Fires after the field has been validated with no errors.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.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" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "the",
-            "type" : "Roo.bootstrap.NavItem",
-            "desc" : "navitem to add",
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "clearAll",
+        "name" : "clearInvalid",
         "type" : "function",
-        "desc" : "clear all the Navigation item",
+        "desc" : "Clear any invalid styles/messages for this field",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           }
         ]
       },
-      {
-        "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" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.bootstrap.NavItem",
-            "desc" : "the current navitem"
-          }
-        ]
-      },
       {
         "name" : "getChildContainer",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "getName",
+        "type" : "function",
+        "desc" : "Returns the name of the field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.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.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.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.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "isVisible",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "markInvalid",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.bootstrap.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
+            "name" : "msg",
             "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 validation message",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "markValid",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
+        "desc" : "Mark this field as valid",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.bootstrap.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "register",
+        "name" : "on",
         "type" : "function",
-        "desc" : "register a Navigation item",
-        "sig" : "(the)",
+        "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" : "the",
-            "type" : "Roo.bootstrap.NavItem",
-            "desc" : "navitem to add",
+            "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" : "register",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "register a Navigation Group",
-        "sig" : "(the)",
-        "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" : "the",
-            "type" : "Roo.bootstrap.NavGroup",
-            "desc" : "navgroup to add",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
         "returns" : []
       },
       {
-        "name" : "setActiveItem",
+        "name" : "reset",
         "type" : "function",
-        "desc" : "sets the active Navigation item",
-        "sig" : "(the)",
+        "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.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "the",
-            "type" : "Roo.bootstrap.NavItem",
-            "desc" : "new current navitem",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "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.bootstrap.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.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.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.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"
+          }
+        ]
       }
     ]
   },
-  "Roo.bootstrap.NavHeaderbar" : {
+  "Roo.bootstrap.Pagination" : {
     "props" : [
       {
         "name" : "actionMode",
         "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" : "Roo.bootstrap.NavSimplebar"
-      },
       {
         "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.NavSimplebar"
-      },
-      {
-        "name" : "autohide",
-        "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" : ""
-      },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "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",
       {
         "name" : "inverse",
         "type" : "Boolean",
-        "desc" : "is inverted color",
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
+        "desc" : "",
+        "memberOf" : ""
       },
       {
         "name" : "listeners",
         "desc" : "list of events and functions to call for 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.NavSimplebar"
-      },
-      {
-        "name" : "main",
-        "type" : "Boolean",
-        "desc" : "e) main nav bar? default false",
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
-      },
-      {
-        "name" : "mobilerow",
-        "type" : "Roo.bootstrap.Row",
-        "desc" : "- a row to display on mobile only..",
-        "memberOf" : ""
-      },
       {
         "name" : "name",
         "type" : "string",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "position",
+        "name" : "size",
         "type" : "String",
-        "desc" : "p) position",
-        "memberOf" : ""
-      },
-      {
-        "name" : "srButton",
-        "type" : "Boolean",
-        "desc" : "generate the (screen reader / mobile) sr-only button   default true",
+        "desc" : "l)",
         "memberOf" : ""
       },
       {
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "tag",
-        "type" : "String",
-        "desc" : "v) default is nav",
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
-      },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "type",
-        "type" : "String",
-        "desc" : "s)",
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
-      },
       {
         "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.NavSimplebar"
-      },
       {
         "name" : "xattr",
         "type" : "Object",
         ],
         "returns" : []
       },
-      {
-        "name" : "beforetoggle",
-        "type" : "function",
-        "desc" : "Fire before toggle the menu",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Navbar",
-        "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.Navbar",
-        "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.Navbar",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "fireEvent",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.NavItem" : {
+  "Roo.bootstrap.PaginationItem" : {
     "props" : [
       {
         "name" : "actionMode",
       {
         "name" : "active",
         "type" : "Boolean",
-        "desc" : "Is item active",
+        "desc" : "e) default false",
         "memberOf" : ""
       },
       {
         "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" : ""
-      },
-      {
-        "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",
       {
         "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",
+        "desc" : "default false",
         "memberOf" : ""
       },
       {
       {
         "name" : "href",
         "type" : "String",
-        "desc" : "link to",
+        "desc" : "the link",
         "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",
+        "desc" : "text",
         "memberOf" : ""
       },
       {
         "desc" : "list of events and functions to call for 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",
       {
         "name" : "preventDefault",
         "type" : "Boolean",
-        "desc" : "e) default false",
+        "desc" : "e) default true",
         "memberOf" : ""
       },
       {
         "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",
         ],
         "returns" : []
       },
-      {
-        "name" : "changed",
-        "type" : "function",
-        "desc" : "Fires when the active item active state changes",
-        "sig" : "function (_self, state)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.NavItem",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "state",
-            "type" : "boolean",
-            "desc" : "the new state",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "scrollto",
-        "type" : "function",
-        "desc" : "Fires when scroll to element",
-        "sig" : "function (_self, options, e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.NavItem",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "show",
         "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" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
       }
     ]
   },
-  "Roo.bootstrap.NavProgressBar" : {
+  "Roo.bootstrap.PagingToolbar" : {
     "props" : [
-      {
-        "name" : "NavProgressBar:bullets[]",
-        "type" : "Roo.bootstrap.NavProgressItem",
-        "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" : "align",
+        "type" : "String",
+        "desc" : "t) alignment",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+      },
       {
         "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" : ""
+      },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "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" : ""
+      },
       {
         "name" : "container_method",
         "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" : ""
+      },
+      {
+        "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" : "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"
+      },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for 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"
+      },
       {
         "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" : ""
+      },
+      {
+        "name" : "store",
+        "type" : "Roo.data.Store",
+        "desc" : "The underlying data store providing the paged data",
+        "memberOf" : ""
+      },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "tag",
+        "type" : "String",
+        "desc" : "v) default is nav",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+      },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "type",
+        "type" : "String",
+        "desc" : "s)",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+      },
       {
         "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"
+      },
       {
         "name" : "xattr",
         "type" : "Object",
         "returns" : []
       },
       {
-        "name" : "changed",
+        "name" : "beforetoggle",
         "type" : "function",
-        "desc" : "Fires when the active item changes",
-        "sig" : "function (_self, selected, prev)\n{\n\n}",
-        "memberOf" : "",
+        "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.NavProgressBar",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "selected",
-            "type" : "Roo.bootstrap.NavProgressItem",
-            "desc" : "The item selected",
-            "isOptional" : false
-          },
-          {
-            "name" : "prev",
-            "type" : "Roo.bootstrap.NavProgressItem",
-            "desc" : "The previously selected item",
-            "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" : []
       }
     ]
   },
-  "Roo.bootstrap.NavProgressItem" : {
+  "Roo.bootstrap.PhoneInput" : {
     "props" : [
+      {
+        "name" : "accept",
+        "type" : "String",
+        "desc" : "o) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "actionMode",
         "type" : "String",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "active",
+        "name" : "after",
+        "type" : "string",
+        "desc" : "- input group add on after",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "afterButton",
+        "type" : "Roo.bootstrap.Button",
+        "desc" : "to show before",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "align",
+        "type" : "String",
+        "desc" : "t) Default left",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "allowBlank",
         "type" : "Boolean",
-        "desc" : "e) Is item active default false",
-        "memberOf" : ""
+        "desc" : "False to validate that the value length > 0 (defaults to true)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "allowDomMove",
         "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.Input"
+      },
+      {
+        "name" : "before",
+        "type" : "string",
+        "desc" : "- input group add on before",
+        "memberOf" : "Roo.bootstrap.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.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.Input"
+      },
+      {
+        "name" : "caret",
+        "type" : "String",
+        "desc" : "r) BS3 only - carat fa name",
+        "memberOf" : "Roo.bootstrap.TriggerField"
+      },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "cutomer id",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "defaultDialCode",
+        "type" : "String",
+        "desc" : "default '+852'",
+        "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.Input"
+      },
       {
         "name" : "disabled",
         "type" : "Boolean",
-        "desc" : "e) Is item active default false",
-        "memberOf" : ""
+        "desc" : "is it disabled",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "fieldLabel",
+        "type" : "string",
+        "desc" : "- the label associated",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "focusClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "forceFeedback",
+        "type" : "Boolean",
+        "desc" : "e) Default false",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "hasFeedback",
+        "type" : "Boolean",
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "hideMode",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "html",
+        "name" : "hideTrigger",
+        "type" : "Boolean",
+        "desc" : "True to hide the trigger element and display only the base text field (defaults to false)",
+        "memberOf" : "Roo.bootstrap.TriggerField"
+      },
+      {
+        "name" : "indicatorpos",
         "type" : "String",
-        "desc" : "",
-        "memberOf" : ""
+        "desc" : "t) default left",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "icon",
+        "name" : "inputType",
         "type" : "String",
-        "desc" : "show icon instead of number",
-        "memberOf" : ""
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "invalidFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "invalidText",
+        "type" : "String",
+        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelAlign",
+        "type" : "String",
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelWidth",
+        "type" : "Number",
+        "desc" : "set the width of label",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labellg",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelmd",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelsm",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelxs",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "lg",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for large computer-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "listeners",
         "desc" : "list of events and functions to call for 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.Input"
+      },
+      {
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "Roo.bootstrap.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.Input"
+      },
+      {
+        "name" : "md",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for computer-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "minLength",
+        "type" : "Number",
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "memberOf" : "Roo.bootstrap.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.Input"
+      },
       {
         "name" : "name",
+        "type" : "String",
+        "desc" : "name of the input",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "placeholder",
         "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "- placeholder to put in text.",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "position",
-        "type" : "String",
-        "desc" : "m) text position default bottom",
+        "name" : "preferedCountries",
+        "type" : "Array",
+        "desc" : "default []",
         "memberOf" : ""
       },
       {
-        "name" : "rid",
+        "name" : "preventMark",
+        "type" : "Boolean",
+        "desc" : "Do not show tick or cross if error/success",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "readOnly",
+        "type" : "Boolean",
+        "desc" : "Specifies that the field should be read-only",
+        "memberOf" : "Roo.bootstrap.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.Input"
+      },
+      {
+        "name" : "regexText",
         "type" : "String",
-        "desc" : "the reference id",
+        "desc" : "-- Depricated - use Invalid Text",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "removable",
+        "type" : "Boolean",
+        "desc" : "e) special filter default false",
+        "memberOf" : "Roo.bootstrap.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.Input"
+      },
+      {
+        "name" : "size",
+        "type" : "string",
+        "desc" : "- (lg|sm) or leave empty..",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "sm",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for tablet-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "store",
+        "type" : "Roo.data.Store",
+        "desc" : "[required] The data store to which this combo is bound (defaults to undefined)",
         "memberOf" : ""
       },
       {
         "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.TriggerField"
+      },
+      {
+        "name" : "validClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "validFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "validateOnBlur",
+        "type" : "Boolean",
+        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
+        "memberOf" : "Roo.bootstrap.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.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.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.Input"
+      },
+      {
+        "name" : "value",
+        "type" : "string",
+        "desc" : "default value of the input",
+        "memberOf" : "Roo.bootstrap.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.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.Input"
       }
     ],
     "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.Input",
         "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" : "The raw click event for the entire grid.",
-        "sig" : "function (_self, e)\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.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.NavProgressItem",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "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.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.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.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.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.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.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" : "Roo.bootstrap.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.bootstrap.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.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.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.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.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.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.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.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.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.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.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" : []
-      }
-    ]
-  },
-  "Roo.bootstrap.NavSidebar" : {
-    "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" : "validate",
+        "type" : "function",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.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" : "cls",
-        "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
+        "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.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"
+          }
+        ]
+      }
+    ]
+  },
+  "Roo.bootstrap.Popover" : {
+    "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" : ""
+      },
+      {
+        "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" : "cutomer id",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "delay",
+        "type" : "Number",
+        "desc" : "- delay before showing",
+        "memberOf" : ""
+      },
       {
         "name" : "disableClass",
         "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 popover   (or false to use 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"
       },
+      {
+        "name" : "modal",
+        "type" : "Boolean",
+        "desc" : "- popovers that are modal will mask the screen, and must be closed with another event.",
+        "memberOf" : ""
+      },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "title",
+        "type" : "String",
+        "desc" : "of popover (or false to hide)",
+        "memberOf" : ""
+      },
       {
         "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" : ""
+      },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
         ],
         "returns" : []
       },
-      {
-        "name" : "beforetoggle",
-        "type" : "function",
-        "desc" : "Fire before toggle the menu",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Navbar",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "childrenrendered",
         "type" : "function",
       {
         "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
           }
         ],
         "returns" : []
       },
-      {
-        "name" : "collapse",
-        "type" : "function",
-        "desc" : "Collapse the navbar pulldown",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Navbar",
-        "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.Navbar",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "fireEvent",
         "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" : []
       }
     ]
   },
-  "Roo.bootstrap.NavSidebarItem" : {
+  "Roo.bootstrap.PopoverNav" : {
     "props" : [
       {
         "name" : "actionMode",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "active",
-        "type" : "Boolean",
-        "desc" : "Is item active",
-        "memberOf" : "Roo.bootstrap.NavItem"
+        "name" : "align",
+        "type" : "String",
+        "desc" : "t) alignment",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar"
       },
       {
         "name" : "allowDomMove",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "animateRef",
-        "type" : "Boolean",
-        "desc" : "e) link to element default false",
-        "memberOf" : "Roo.bootstrap.NavItem"
-      },
-      {
-        "name" : "badge",
-        "type" : "String",
-        "desc" : "text inside badge",
-        "memberOf" : "Roo.bootstrap.NavItem"
-      },
-      {
-        "name" : "badgecls",
-        "type" : "String",
-        "desc" : "w)the extra classes for the badge",
-        "memberOf" : "Roo.bootstrap.NavItem"
-      },
-      {
-        "name" : "button_outline",
+        "name" : "arrangement",
         "type" : "Boolean",
-        "desc" : "show and outlined button",
-        "memberOf" : "Roo.bootstrap.NavItem"
-      },
-      {
-        "name" : "button_weight",
-        "type" : "String",
-        "desc" : "k) default none",
-        "memberOf" : "Roo.bootstrap.NavItem"
+        "desc" : "stacked | justified",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar"
       },
       {
         "name" : "can_build_overlaid",
         "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.NavItem"
-      },
-      {
-        "name" : "fa",
-        "type" : "String",
-        "desc" : "- Fontawsome icon name (can add stuff to it like fa-2x)",
-        "memberOf" : "Roo.bootstrap.NavItem"
-      },
-      {
-        "name" : "glyphicon",
-        "type" : "String",
-        "desc" : "DEPRICATED - use fa",
-        "memberOf" : "Roo.bootstrap.NavItem"
-      },
       {
         "name" : "hideMode",
         "type" : "String",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "href",
-        "type" : "String",
-        "desc" : "link to",
-        "memberOf" : "Roo.bootstrap.NavItem"
-      },
-      {
-        "name" : "html",
-        "type" : "String",
-        "desc" : "content of button",
-        "memberOf" : "Roo.bootstrap.NavItem"
-      },
-      {
-        "name" : "icon",
-        "type" : "String",
-        "desc" : "DEPRICATED - use fa",
-        "memberOf" : "Roo.bootstrap.NavItem"
-      },
-      {
-        "name" : "linkcls",
-        "type" : "String",
-        "desc" : "Link Class",
-        "memberOf" : "Roo.bootstrap.NavItem"
+        "name" : "inverse",
+        "type" : "Boolean",
+        "desc" : "is inverted color",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar"
       },
       {
         "name" : "listeners",
         "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "menu",
-        "type" : "Roo.bootstrap.menu.Menu",
-        "desc" : "a Menu",
-        "memberOf" : "Roo.bootstrap.NavItem"
+        "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"
       },
       {
         "name" : "name",
         "desc" : "Specifies name attribute",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "preventDefault",
-        "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "Roo.bootstrap.NavItem"
-      },
       {
         "name" : "style",
         "type" : "String",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "tabId",
-        "type" : "String",
-        "desc" : "the tab that this item activates.",
-        "memberOf" : "Roo.bootstrap.NavItem"
-      },
-      {
-        "name" : "tagtype",
+        "name" : "tag",
         "type" : "String",
-        "desc" : "n) render as a href or span?",
-        "memberOf" : "Roo.bootstrap.NavItem"
+        "desc" : "v) default is nav",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar"
       },
       {
         "name" : "tooltip",
         "desc" : "Text for the tooltip",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "type",
+        "type" : "String",
+        "desc" : "s)",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+      },
       {
         "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"
+      },
       {
         "name" : "xattr",
         "type" : "Object",
         "returns" : []
       },
       {
-        "name" : "changed",
+        "name" : "beforetoggle",
         "type" : "function",
-        "desc" : "Fires when the active item active state changes",
-        "sig" : "function (_self, state)\n{\n\n}",
-        "memberOf" : "",
+        "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.NavSidebarItem",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "state",
-            "type" : "boolean",
-            "desc" : "the new state",
-            "isOptional" : false
           }
         ],
         "returns" : []
         ],
         "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",
         ],
         "returns" : []
       },
-      {
-        "name" : "scrollto",
-        "type" : "function",
-        "desc" : "Fires when scroll to element",
-        "sig" : "function (_self, options, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.NavItem",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.NavItem",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "show",
         "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" : "setHtml",
-        "type" : "function",
-        "desc" : "Set the HTML (text content) of the item",
-        "sig" : "(html)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.NavItem",
-        "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.NavItem",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
       }
     ]
   },
-  "Roo.bootstrap.NavSimplebar" : {
+  "Roo.bootstrap.Progress" : {
     "props" : [
       {
         "name" : "actionMode",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "align",
-        "type" : "String",
-        "desc" : "t) alignment",
+        "name" : "active",
+        "type" : "Boolean",
+        "desc" : "animated of the progress bar",
         "memberOf" : ""
       },
       {
         "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" : "y)\nHow this component 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" : "striped",
+        "type" : "Boolean",
+        "desc" : "striped of the progress bar",
+        "memberOf" : ""
+      },
       {
         "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"
       },
-      {
-        "name" : "weight",
-        "type" : "String",
-        "desc" : "e) default is light.",
-        "memberOf" : ""
-      },
       {
         "name" : "xattr",
         "type" : "Object",
         ],
         "returns" : []
       },
-      {
-        "name" : "beforetoggle",
-        "type" : "function",
-        "desc" : "Fire before toggle the menu",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Navbar",
-        "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.Navbar",
-        "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.Navbar",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "fireEvent",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.Navbar" : {
+  "Roo.bootstrap.ProgressBar" : {
     "props" : [
       {
         "name" : "actionMode",
         "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" : ""
+      },
+      {
+        "name" : "aria_valuenow",
+        "type" : "Number",
+        "desc" : "aria-value now",
+        "memberOf" : ""
+      },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "y)\nHow this component 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" : ""
+      },
       {
         "name" : "listeners",
         "type" : "Object",
         "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" : ""
+      },
       {
         "name" : "style",
         "type" : "String",
         ],
         "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",
         ],
         "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",
           }
         ]
       },
-      {
-        "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",
       }
     ]
   },
-  "Roo.bootstrap.NumberField" : {
+  "Roo.bootstrap.Radio" : {
     "props" : [
-      {
-        "name" : "(button|checkbox|email|file|hidden|image|number|password|radio|range|reset|search|submit|text)",
-        "type" : "String",
-        "desc" : "inputType",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "accept",
-        "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.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.Input"
-      },
-      {
-        "name" : "align",
-        "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "allowBlank",
-        "type" : "Boolean",
-        "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "allowDecimals",
-        "type" : "Boolean",
-        "desc" : "False to disallow decimal values (defaults to true)",
-        "memberOf" : ""
-      },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "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.Input"
-      },
-      {
-        "name" : "before",
-        "type" : "string",
-        "desc" : "- input group add on before",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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.Input"
+        "desc" : "- the label associated",
+        "memberOf" : ""
       },
       {
         "name" : "can_build_overlaid",
         "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.Input"
-      },
       {
         "name" : "cls",
         "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.Input"
-      },
-      {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "is it disabled",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "fieldLabel",
-        "type" : "string",
-        "desc" : "- the label associated",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "focusClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "forceFeedback",
-        "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "hasFeedback",
-        "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.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.Input"
-      },
-      {
-        "name" : "invalidClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "invalidFeedbackIcon",
-        "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "invalidText",
-        "type" : "String",
-        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelAlign",
-        "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelWidth",
-        "type" : "Number",
-        "desc" : "set the width of label",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labellg",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelmd",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelsm",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelxs",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "lg",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for large computer-sized screens",
-        "memberOf" : "Roo.bootstrap.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.Input"
-      },
-      {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.bootstrap.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.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.Input"
-      },
-      {
-        "name" : "minLength",
-        "type" : "Number",
-        "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.bootstrap.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.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.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.Input"
-      },
-      {
-        "name" : "preventMark",
-        "type" : "Boolean",
-        "desc" : "Do not show tick or cross if error/success",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "readOnly",
-        "type" : "Boolean",
-        "desc" : "Specifies that the field should be read-only",
-        "memberOf" : "Roo.bootstrap.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.Input"
-      },
-      {
-        "name" : "regexText",
-        "type" : "String",
-        "desc" : "-- Depricated - use Invalid Text",
-        "memberOf" : "Roo.bootstrap.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.Input"
-      },
-      {
-        "name" : "size",
-        "type" : "string",
-        "desc" : "- (lg|sm) or leave empty..",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "sm",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for tablet-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "style",
         "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.Input"
-      },
-      {
-        "name" : "validFeedbackIcon",
-        "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "validateOnBlur",
-        "type" : "Boolean",
-        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.bootstrap.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.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.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.Input"
-      },
       {
         "name" : "value",
-        "type" : "string",
-        "desc" : "default value of the input",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "valueAlign",
         "type" : "String",
-        "desc" : "alignment of value",
+        "desc" : "- the value of radio",
         "memberOf" : ""
       },
       {
         "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.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.Input"
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
-      {
-        "name" : "blur",
-        "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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"
-          }
-        ]
       }
     ]
   },
-  "Roo.bootstrap.Pagination" : {
+  "Roo.bootstrap.RadioSet" : {
     "props" : [
+      {
+        "name" : "accept",
+        "type" : "String",
+        "desc" : "o) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.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.Input"
+      },
+      {
+        "name" : "afterButton",
+        "type" : "Roo.bootstrap.Button",
+        "desc" : "to show before",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "align",
+        "type" : "String",
+        "desc" : "t) Default left",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "allowBlank",
+        "type" : "Boolean",
+        "desc" : "False to validate that the value length > 0 (defaults to true)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "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.Input"
+      },
+      {
+        "name" : "before",
+        "type" : "string",
+        "desc" : "- input group add on before",
+        "memberOf" : "Roo.bootstrap.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.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.Input"
+      },
       {
         "name" : "cls",
         "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.Input"
+      },
+      {
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "is it disabled",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "fieldLabel",
+        "type" : "string",
+        "desc" : "- the label associated",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "focusClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "forceFeedback",
+        "type" : "Boolean",
+        "desc" : "e) Default false",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "hasFeedback",
+        "type" : "Boolean",
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "hideMode",
         "type" : "String",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "inverse",
+        "name" : "indicatorpos",
+        "type" : "String",
+        "desc" : "t) default left",
+        "memberOf" : ""
+      },
+      {
+        "name" : "inline",
         "type" : "Boolean",
-        "desc" : "false | true",
+        "desc" : "e) inline the element (default true)",
         "memberOf" : ""
       },
+      {
+        "name" : "inputType",
+        "type" : "String",
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "invalidFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "invalidText",
+        "type" : "String",
+        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelAlign",
+        "type" : "String",
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelWidth",
+        "type" : "Number",
+        "desc" : "set the width of label",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labellg",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelmd",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelsm",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelxs",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "lg",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for large computer-sized screens",
+        "memberOf" : "Roo.bootstrap.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.Input"
+      },
+      {
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "Roo.bootstrap.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.Input"
+      },
+      {
+        "name" : "md",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for computer-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "minLength",
+        "type" : "Number",
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "memberOf" : "Roo.bootstrap.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.Input"
+      },
       {
         "name" : "name",
+        "type" : "String",
+        "desc" : "name of the input",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "placeholder",
         "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "- placeholder to put in text.",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "size",
+        "name" : "preventMark",
+        "type" : "Boolean",
+        "desc" : "Do not show tick or cross if error/success",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "readOnly",
+        "type" : "Boolean",
+        "desc" : "Specifies that the field should be read-only",
+        "memberOf" : "Roo.bootstrap.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.Input"
+      },
+      {
+        "name" : "regexText",
         "type" : "String",
-        "desc" : "xs | sm | md | lg",
-        "memberOf" : ""
+        "desc" : "-- Depricated - use Invalid Text",
+        "memberOf" : "Roo.bootstrap.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.Input"
+      },
+      {
+        "name" : "size",
+        "type" : "string",
+        "desc" : "- (lg|sm) or leave empty..",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "sm",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for tablet-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "style",
         "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.Input"
+      },
+      {
+        "name" : "validFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "validateOnBlur",
+        "type" : "Boolean",
+        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
+        "memberOf" : "Roo.bootstrap.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.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.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.Input"
+      },
+      {
+        "name" : "value",
+        "type" : "string",
+        "desc" : "default value of the input",
+        "memberOf" : "Roo.bootstrap.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.Input"
+      },
+      {
+        "name" : "weight",
+        "type" : "String",
+        "desc" : "s) The text that appears beside the radio",
+        "memberOf" : ""
+      },
       {
         "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.Input"
       }
     ],
     "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.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.Component",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "change",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "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.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" : "disable",
+        "name" : "check",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "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.RadioSet",
+            "desc" : "This radio",
+            "isOptional" : false
+          },
+          {
+            "name" : "item",
+            "type" : "Roo.bootstrap.Radio",
+            "desc" : "The checked item",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "childrenrendered",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
+        "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" : "hide",
+        "name" : "click",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "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.RadioSet",
+            "desc" : "This radio set",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
+          },
+          {
+            "name" : "item",
+            "type" : "Roo.bootstrap.Radio",
+            "desc" : "The checked item",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event 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" : "",
+            "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.bootstrap.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.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.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.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",
           }
         ],
         "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.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.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.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.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.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.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.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.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.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.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.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.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" : []
-      }
-    ]
-  },
-  "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"
-      },
-      {
-        "name" : "active",
-        "type" : "Boolean",
-        "desc" : "e) 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" : "validate",
+        "type" : "function",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.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" : "can_build_overlaid",
+        "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.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"
+          }
+        ]
+      }
+    ]
+  },
+  "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"
+      },
+      {
+        "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"
         "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" : "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" : "text",
-        "memberOf" : ""
-      },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "Specifies name attribute",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "preventDefault",
-        "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : ""
-      },
       {
         "name" : "style",
         "type" : "String",
         ],
         "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",
       }
     ]
   },
-  "Roo.bootstrap.PagingToolbar" : {
+  "Roo.bootstrap.SecurePass" : {
     "props" : [
+      {
+        "name" : "Label",
+        "type" : "String/Object",
+        "desc" : "for the strength meter (defaults to\n'Password strength:')",
+        "memberOf" : ""
+      },
+      {
+        "name" : "accept",
+        "type" : "String",
+        "desc" : "o) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.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.Input"
+      },
+      {
+        "name" : "afterButton",
+        "type" : "Roo.bootstrap.Button",
+        "desc" : "to show before",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t) alignment",
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
+        "desc" : "t) Default left",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "allowBlank",
+        "type" : "Boolean",
+        "desc" : "False to validate that the value length > 0 (defaults to true)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "allowDomMove",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "arrangement",
-        "type" : "Boolean",
-        "desc" : "stacked | justified",
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
+        "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.Input"
       },
       {
-        "name" : "buttons[]",
-        "type" : "Roo.bootstrap.Button",
-        "desc" : "Buttons for the toolbar",
-        "memberOf" : ""
+        "name" : "before",
+        "type" : "string",
+        "desc" : "- input group add on before",
+        "memberOf" : "Roo.bootstrap.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.Input"
       },
       {
         "name" : "can_build_overlaid",
         "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.Input"
+      },
       {
         "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" : ""
-      },
       {
         "name" : "container_method",
         "type" : "string",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "displayInfo",
+        "name" : "disableKeyFilter",
         "type" : "Boolean",
-        "desc" : "True to display the displayMsg (defaults to false)",
-        "memberOf" : ""
+        "desc" : "True to disable input keystroke filtering (defaults to false)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "displayMsg",
-        "type" : "String",
-        "desc" : "The paging status message to display (defaults to \"Displaying {start} - {end} of {total}\")",
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "is it disabled",
+        "memberOf" : "Roo.bootstrap.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" : "emptyMsg",
+        "name" : "fieldLabel",
+        "type" : "string",
+        "desc" : "- the label associated",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "focusClass",
         "type" : "String",
-        "desc" : "The message to display when no records are found (defaults to \"No data to display\")",
-        "memberOf" : ""
+        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "forceFeedback",
+        "type" : "Boolean",
+        "desc" : "e) Default false",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "hasFeedback",
+        "type" : "Boolean",
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "hideMode",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "inverse",
-        "type" : "Boolean",
-        "desc" : "is inverted color",
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
+        "name" : "indicatorpos",
+        "type" : "String",
+        "desc" : "t) default left",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "inputType",
+        "type" : "String",
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "invalidFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "invalidText",
+        "type" : "String",
+        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelAlign",
+        "type" : "String",
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelWidth",
+        "type" : "Number",
+        "desc" : "set the width of label",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labellg",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelmd",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelsm",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelxs",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "lg",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for large computer-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "listeners",
         "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "loadMask",
-        "type" : "Boolean",
-        "desc" : "e) loadMask on the bar",
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
+        "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.Input"
       },
       {
-        "name" : "main",
-        "type" : "Boolean",
-        "desc" : "e) main nav bar? default false",
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "Roo.bootstrap.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.Input"
+      },
+      {
+        "name" : "md",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for computer-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "minLength",
+        "type" : "Number",
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "memberOf" : "Roo.bootstrap.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.Input"
       },
       {
         "name" : "name",
+        "type" : "String",
+        "desc" : "name of the input",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "placeholder",
         "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "- placeholder to put in text.",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "pageSize",
-        "type" : "Number",
-        "desc" : "The number of records to display per page (defaults to 20)",
-        "memberOf" : ""
+        "name" : "preventMark",
+        "type" : "Boolean",
+        "desc" : "Do not show tick or cross if error/success",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "store",
-        "type" : "Roo.data.Store",
-        "desc" : "The underlying data store providing the paged data",
+        "name" : "pwdStrengths",
+        "type" : "String/Object",
+        "desc" : "A pwdStrengths spec, or true for a default spec (defaults to\n['Weak', 'Medium', 'Strong'])",
         "memberOf" : ""
       },
       {
-        "name" : "style",
+        "name" : "readOnly",
+        "type" : "Boolean",
+        "desc" : "Specifies that the field should be read-only",
+        "memberOf" : "Roo.bootstrap.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.Input"
+      },
+      {
+        "name" : "regexText",
         "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "-- Depricated - use Invalid Text",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "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.Input"
+      },
+      {
+        "name" : "size",
+        "type" : "string",
+        "desc" : "- (lg|sm) or leave empty..",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "sm",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for tablet-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "style",
         "type" : "String",
-        "desc" : "v) default is nav",
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "tooltip",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "type",
+        "name" : "validClass",
         "type" : "String",
-        "desc" : "s)",
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "validFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "validateOnBlur",
+        "type" : "Boolean",
+        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
+        "memberOf" : "Roo.bootstrap.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.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.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.Input"
+      },
+      {
+        "name" : "value",
+        "type" : "string",
+        "desc" : "default value of the input",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "visibilityEl",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "weight",
+        "name" : "vtype",
         "type" : "String",
-        "desc" : "e) default is light.",
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.bootstrap.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.Input"
       }
     ],
     "events" : [
         "returns" : []
       },
       {
-        "name" : "beforetoggle",
+        "name" : "blur",
         "type" : "function",
-        "desc" : "Fire before toggle the menu",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Navbar",
+        "desc" : "Fires when this field loses input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "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.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.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.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.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.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.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.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       }
     ],
     "methods" : [
         ],
         "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",
+        "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.Navbar",
+        "memberOf" : "Roo.bootstrap.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.Navbar",
-        "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.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.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.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.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.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.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.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.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.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" : "unbind",
+        "name" : "validate",
         "type" : "function",
-        "desc" : "Unbinds the paging toolbar from the specified {@link Roo.data.Store}",
-        "sig" : "(store)",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.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.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "store",
-            "type" : "Roo.data.Store",
-            "desc" : "The data store to unbind",
+            "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"
+          }
+        ]
       }
     ]
   },
-  "Roo.bootstrap.PhoneInput" : {
+  "Roo.bootstrap.Slider" : {
     "props" : [
-      {
-        "name" : "(button|checkbox|email|file|hidden|image|number|password|radio|range|reset|search|submit|text)",
-        "type" : "String",
-        "desc" : "inputType",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "accept",
-        "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.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.Input"
-      },
-      {
-        "name" : "align",
-        "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "allowBlank",
-        "type" : "Boolean",
-        "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "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.Input"
-      },
-      {
-        "name" : "before",
-        "type" : "string",
-        "desc" : "- input group add on before",
-        "memberOf" : "Roo.bootstrap.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.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.Input"
-      },
-      {
-        "name" : "caret",
-        "type" : "String",
-        "desc" : "r) BS3 only - carat fa name",
-        "memberOf" : "Roo.bootstrap.TriggerField"
-      },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "cutomer id",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "defaultDialCode",
-        "type" : "String",
-        "desc" : "default '+852'",
-        "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.Input"
-      },
-      {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "is it disabled",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "fieldLabel",
-        "type" : "string",
-        "desc" : "- the label associated",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "focusClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "forceFeedback",
-        "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "hasFeedback",
-        "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.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" : "hideTrigger",
-        "type" : "Boolean",
-        "desc" : "True to hide the trigger element and display only the base text field (defaults to false)",
-        "memberOf" : "Roo.bootstrap.TriggerField"
-      },
-      {
-        "name" : "indicatorpos",
-        "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "invalidClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "invalidFeedbackIcon",
-        "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "invalidText",
-        "type" : "String",
-        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelAlign",
-        "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelWidth",
-        "type" : "Number",
-        "desc" : "set the width of label",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labellg",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelmd",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelsm",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelxs",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "lg",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for large computer-sized screens",
-        "memberOf" : "Roo.bootstrap.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.Input"
-      },
-      {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.bootstrap.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.Input"
-      },
-      {
-        "name" : "md",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for computer-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "minLength",
-        "type" : "Number",
-        "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.bootstrap.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.Input"
-      },
       {
         "name" : "name",
-        "type" : "String",
-        "desc" : "name of the input",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "placeholder",
-        "type" : "string",
-        "desc" : "- placeholder to put in text.",
-        "memberOf" : "Roo.bootstrap.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.Input"
-      },
-      {
-        "name" : "readOnly",
-        "type" : "Boolean",
-        "desc" : "Specifies that the field should be read-only",
-        "memberOf" : "Roo.bootstrap.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.Input"
-      },
-      {
-        "name" : "regexText",
-        "type" : "String",
-        "desc" : "-- Depricated - use Invalid Text",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "removable",
-        "type" : "Boolean",
-        "desc" : "e) special filter default false",
-        "memberOf" : "Roo.bootstrap.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.Input"
-      },
-      {
-        "name" : "size",
         "type" : "string",
-        "desc" : "- (lg|sm) or leave empty..",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "sm",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for tablet-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "store",
-        "type" : "Roo.data.Store",
-        "desc" : "[required] The data store to which this combo is bound (defaults to undefined)",
-        "memberOf" : ""
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "style",
         "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.TriggerField"
-      },
-      {
-        "name" : "validClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "validFeedbackIcon",
-        "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "validateOnBlur",
-        "type" : "Boolean",
-        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.bootstrap.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.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.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.Input"
-      },
-      {
-        "name" : "value",
-        "type" : "string",
-        "desc" : "default value of the input",
-        "memberOf" : "Roo.bootstrap.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.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.Input"
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
-      {
-        "name" : "blur",
-        "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.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.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.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.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.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.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.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.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" : "Roo.bootstrap.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.bootstrap.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.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.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.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.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.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.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.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.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.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.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.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.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"
-          }
-        ]
       }
     ]
   },
-  "Roo.bootstrap.Popover" : {
+  "Roo.bootstrap.SplitBar" : {
     "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" : ""
-      },
-      {
-        "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" : "delay",
-        "type" : "Number",
-        "desc" : "- delay before showing",
-        "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" : "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 popover   (or false to use 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"
-      },
-      {
-        "name" : "modal",
-        "type" : "Boolean",
-        "desc" : "- popovers that are modal will mask the screen, and must be closed with another event.",
-        "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" : "title",
-        "type" : "String",
-        "desc" : "of popover (or false to hide)",
-        "memberOf" : ""
-      },
-      {
-        "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" : ""
-      },
-      {
-        "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",
+        "name" : "beforeresize",
         "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "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" : "beforehide",
+        "name" : "moved",
         "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 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
+          },
+          {
+            "name" : "newSize",
+            "type" : "Number",
+            "desc" : "the new width or height",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforerender",
+        "name" : "resize",
         "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 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
+          },
+          {
+            "name" : "newSize",
+            "type" : "Number",
+            "desc" : "the new width or height",
+            "isOptional" : false
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "methods" : [
       {
-        "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" : "childrenrendered",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component",
+        "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.Component",
-            "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" : "destroy",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "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" : "disable",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Destroy this splitbar.",
+        "sig" : "(removeEl)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "removeEl",
+            "type" : "Boolean",
+            "desc" : "True to remove the element",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "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",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "After the popover hide",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Popover",
-            "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" : "After the popover show",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Popover",
-            "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",
+            "name" : "eventName",
+            "type" : "String",
             "desc" : "",
             "isOptional" : false
           },
         ]
       },
       {
-        "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" : "setContent",
+        "name" : "setCurrentSize",
         "type" : "function",
-        "desc" : "",
-        "sig" : "(the)",
+        "desc" : "Sets the initialize size for the resizing element",
+        "sig" : "(size)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "the",
-            "type" : "string",
-            "desc" : "body content",
+            "name" : "size",
+            "type" : "Number",
+            "desc" : "The initial size",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setDisabled",
+        "name" : "setMaximumSize",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "Sets the maximum size for the resizing element",
+        "sig" : "(maxSize)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "desc" : "",
+            "name" : "maxSize",
+            "type" : "Number",
+            "desc" : "The maximum size",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setTitle",
+        "name" : "setMinimumSize",
         "type" : "function",
-        "desc" : "",
-        "sig" : "(the)",
+        "desc" : "Sets the minimum size for the resizing element",
+        "sig" : "(minSize)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "the",
-            "type" : "string",
-            "desc" : "title",
+            "name" : "minSize",
+            "type" : "Number",
+            "desc" : "The minimum size",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setVisibilityEl",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Set the element that will be used to show or hide",
-        "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" : []
-      },
+      }
+    ]
+  },
+  "Roo.bootstrap.SplitBar.AbsoluteLayoutAdapter" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "setVisible",
+        "name" : "getElementSize",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
+        "desc" : "Called before drag operations to get the current size of the resizing element.",
+        "sig" : "(s)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.SplitBar.BasicLayoutAdapter",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "name" : "s",
+            "type" : "Roo.bootstrap.SplitBar",
+            "desc" : "The SplitBar using this adapter",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "setElementSize",
         "type" : "function",
-        "desc" : "Show the popover",
-        "sig" : "(-, (left|right|top|bottom))",
+        "desc" : "Called after drag operations to set the size of the resizing element.",
+        "sig" : "(s, newSize, onComplete)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.SplitBar.BasicLayoutAdapter",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "-",
-            "type" : "Roo.Element|string|Boolean",
-            "desc" : "element to align and point to. (set align to [ pos, offset ])",
+            "name" : "s",
+            "type" : "Roo.bootstrap.SplitBar",
+            "desc" : "The SplitBar using this adapter",
             "isOptional" : false
           },
           {
-            "name" : "(left|right|top|bottom)",
-            "type" : "string",
-            "desc" : "position",
+            "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" : []
-      },
-      {
-        "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"
-          }
-        ]
-      },
+      }
+    ]
+  },
+  "Roo.bootstrap.SplitBar.BasicLayoutAdapter" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "un",
+        "name" : "getElementSize",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Called before drag operations to get the current size of the resizing element.",
+        "sig" : "(s)",
         "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" : "s",
+            "type" : "Roo.bootstrap.SplitBar",
+            "desc" : "The SplitBar using this adapter",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "updatePosition",
+        "name" : "setElementSize",
         "type" : "function",
-        "desc" : "fire this manually after loading a grid in the table for example",
-        "sig" : "((left|right|top|bottom), try)",
+        "desc" : "Called after drag operations to set the size of the resizing element.",
+        "sig" : "(s, newSize, onComplete)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "(left|right|top|bottom)",
-            "type" : "string",
-            "desc" : "where to try and put it (use false to use the last one)",
+            "name" : "s",
+            "type" : "Roo.bootstrap.SplitBar",
+            "desc" : "The SplitBar using this adapter",
             "isOptional" : false
           },
           {
-            "name" : "try",
-            "type" : "Boolean",
-            "desc" : "and move it if we cant get right position.",
+            "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
           }
         ],
       }
     ]
   },
-  "Roo.bootstrap.PopoverNav" : {
+  "Roo.bootstrap.TabGroup" : {
     "props" : [
       {
         "name" : "actionMode",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "align",
+        "name" : "alert",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.NavGroup"
+        "desc" : "r) type alert (changes background / border...)",
+        "memberOf" : "Roo.bootstrap.Column"
       },
       {
         "name" : "allowDomMove",
         "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" : ""
+      },
       {
         "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" : ""
+      },
       {
         "name" : "cls",
         "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" : "Roo.bootstrap.Column"
+      },
+      {
+        "name" : "fasize",
+        "type" : "Number",
+        "desc" : ".) font awsome size",
+        "memberOf" : "Roo.bootstrap.Column"
+      },
+      {
+        "name" : "hidden",
+        "type" : "Boolean",
+        "desc" : "e) hide the element",
+        "memberOf" : "Roo.bootstrap.Column"
+      },
       {
         "name" : "hideMode",
         "type" : "String",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "inverse",
-        "type" : "Boolean",
-        "desc" : "",
-        "memberOf" : "Roo.bootstrap.NavGroup"
+        "name" : "html",
+        "type" : "String",
+        "desc" : "content of column.",
+        "memberOf" : "Roo.bootstrap.Column"
+      },
+      {
+        "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"
       },
       {
         "name" : "listeners",
         "desc" : "list of events and functions to call for 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"
+      },
       {
         "name" : "name",
         "type" : "string",
       {
         "name" : "navId",
         "type" : "String",
-        "desc" : "- reference Id for navbar.",
-        "memberOf" : "Roo.bootstrap.NavGroup"
+        "desc" : "the navigation id (for use with navbars) - will be auto generated if it does not exist..",
+        "memberOf" : ""
       },
       {
-        "name" : "pilltype",
+        "name" : "showarrow",
         "type" : "Boolean",
-        "desc" : "default true (turn to off to disable active toggle)",
-        "memberOf" : "Roo.bootstrap.NavGroup"
+        "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"
       },
       {
         "name" : "style",
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "timer",
+        "type" : "Number",
+        "desc" : "auto slide timer .. default 0 millisecond",
+        "memberOf" : ""
+      },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "type",
-        "type" : "String",
-        "desc" : "b) default nav",
-        "memberOf" : "Roo.bootstrap.NavGroup"
-      },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
         "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"
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
-      {
-        "name" : "changed",
-        "type" : "function",
-        "desc" : "Fires when the active item changes",
-        "sig" : "function (_self, selected, prev)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.NavGroup",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.NavGroup",
-            "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" : "childrenrendered",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "addItem",
-        "type" : "function",
-        "desc" : "adds a Navigation item",
-        "sig" : "(the)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.NavGroup",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "the",
-            "type" : "Roo.bootstrap.NavItem",
-            "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" : "Roo.bootstrap.NavGroup",
-        "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 Navigation Group based on the navigation ID",
+        "desc" : "fetch a Navigation Group based on the navigation ID\nif one does not exist , it will get created.",
         "sig" : "(the)",
         "static" : true,
-        "memberOf" : "Roo.bootstrap.NavGroup",
+        "memberOf" : "",
         "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         ],
         "returns" : []
       },
-      {
-        "name" : "getActive",
-        "type" : "function",
-        "desc" : "gets the active Navigation item",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.NavGroup",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.bootstrap.NavItem",
-            "desc" : "the current navitem"
-          }
-        ]
-      },
       {
         "name" : "getChildContainer",
         "type" : "function",
         "desc" : "register a Navigation item",
         "sig" : "(the)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.NavGroup",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "params" : [
           {
             "name" : "the",
-            "type" : "Roo.bootstrap.NavItem",
+            "type" : "Roo.bootstrap.nav.Item",
             "desc" : "navitem to add",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "register",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
+        "desc" : "register a Navigation Group",
+        "sig" : "(the)",
         "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 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" : "setActiveItem",
-        "type" : "function",
-        "desc" : "sets the active Navigation item",
-        "sig" : "(the)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.NavGroup",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
             "name" : "the",
-            "type" : "Roo.bootstrap.NavItem",
-            "desc" : "new current navitem",
-            "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" : "",
+            "type" : "Roo.bootstrap.nav.Group",
+            "desc" : "navgroup to add",
             "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" : "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",
+        "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" : "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",
+        "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",
       }
     ]
   },
-  "Roo.bootstrap.Progress" : {
+  "Roo.bootstrap.TabPanel" : {
     "props" : [
       {
         "name" : "actionMode",
       {
         "name" : "active",
         "type" : "Boolean",
-        "desc" : "animated of the progress bar",
+        "desc" : "panel active",
         "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"
       },
+      {
+        "name" : "href",
+        "type" : "String",
+        "desc" : "click to link..",
+        "memberOf" : ""
+      },
+      {
+        "name" : "html",
+        "type" : "String",
+        "desc" : "panel content",
+        "memberOf" : ""
+      },
       {
         "name" : "listeners",
         "type" : "Object",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "striped",
-        "type" : "Boolean",
-        "desc" : "striped of the progress bar",
+        "name" : "navId",
+        "type" : "String",
+        "desc" : "The Roo.bootstrap.nav.Group which triggers show hide ()",
         "memberOf" : ""
       },
       {
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "tabId",
+        "type" : "String",
+        "desc" : "unique tab ID (will be autogenerated if not set. - used to match TabItem to Panel)",
+        "memberOf" : ""
+      },
       {
         "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" : ""
+      },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
       }
     ],
     "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" : "changed",
+        "type" : "function",
+        "desc" : "Fires when the active status changes",
+        "sig" : "function (_self, state)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.TabPanel",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "state",
+            "type" : "Boolean",
+            "desc" : "the new state",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "childrenrendered",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.ProgressBar" : {
+  "Roo.bootstrap.Table" : {
     "props" : [
       {
         "name" : "actionMode",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "aria_valuemax",
-        "type" : "Number",
-        "desc" : "aria-value max",
-        "memberOf" : ""
-      },
-      {
-        "name" : "aria_valuemin",
-        "type" : "Number",
-        "desc" : "aria-value min",
+        "name" : "auto_hide_footer",
+        "type" : "Boolean",
+        "desc" : "auto hide footer if only one page (default false)",
         "memberOf" : ""
       },
       {
-        "name" : "aria_valuenow",
-        "type" : "Number",
-        "desc" : "aria-value now",
+        "name" : "bordered",
+        "type" : "boolean",
+        "desc" : "Add borders to the table",
         "memberOf" : ""
       },
       {
         "desc" : "True if element can be rebuild from a HTML page",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "cellSelection",
+        "type" : "Boolean",
+        "desc" : "e) default false",
+        "memberOf" : ""
+      },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "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" : ""
       },
       {
         "name" : "container_method",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "enableColumnResize",
+        "type" : "Boolean",
+        "desc" : "default true if columns can be resized (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" : ""
+      },
       {
         "name" : "hideMode",
         "type" : "String",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "label",
-        "type" : "String",
-        "desc" : "label for the progress bar",
+        "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" : "list of events and functions to call for 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" : ""
+      },
       {
         "name" : "name",
         "type" : "string",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "panel",
-        "type" : "String",
-        "desc" : ")",
+        "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" : "role",
-        "type" : "String",
-        "desc" : "role of the progress bar",
+        "name" : "rowSelection",
+        "type" : "Boolean",
+        "desc" : "e) default false",
         "memberOf" : ""
       },
       {
-        "name" : "sr_only",
-        "type" : "String",
-        "desc" : "text",
+        "name" : "scrollBody",
+        "type" : "Boolean",
+        "desc" : "e) default false - body scrolled / fixed header",
+        "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" : ""
       },
       {
         ],
         "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" : "destroy",
+        "name" : "contextmenu",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "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" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "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" : "render",
+        "name" : "headercontextmenu",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "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" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.bootstrap.Table",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "columnIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
+        "desc" : "Fires after the component is hidden.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
           }
         ],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
-        "name" : "addEvents",
+        "name" : "mousedown",
         "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 mousedown event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "",
         "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" : "mouseout",
         "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 mouseout occur",
+        "sig" : "function (_self, el, rowIndex, 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",
+            "name" : "this",
+            "type" : "Roo.bootstrap.Table",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
+            "name" : "el",
+            "type" : "Roo.Element",
+            "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) 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" : "columnIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "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" : "Fires when a mouseover occur",
+        "sig" : "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
+            "name" : "this",
+            "type" : "Roo.bootstrap.Table",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
+            "name" : "el",
+            "type" : "Roo.Element",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "columnIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "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",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
+        "desc" : "Fires after the component is rendered.",
+        "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" : "enable",
+        "name" : "rowclass",
         "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 rendered, so you can change add a style to it.",
+        "sig" : "function (_self, rowcfg)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "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" : "fireEvent",
+        "name" : "rowclick",
         "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 clicked",
+        "sig" : "function (_self, el, rowIndex, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
+            "name" : "this",
+            "type" : "Roo.bootstrap.Table",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
-            "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" : [
+        "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" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "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" : "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, el, rowIndex, 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" : "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" : [
+        "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" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "this",
+            "type" : "Roo.bootstrap.Table",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getChildContainer",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Fetch the element to add children to",
-        "sig" : "()\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" : []
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
         "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" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getEl",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
-        "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" : "",
-            "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) 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" : "getId",
+        "name" : "autoSize",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
+        "desc" : "Forces a resize - used by panel.Grid",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "type" : "Element",
+            "desc" : "The element"
           }
         ]
       },
       {
-        "name" : "getVisibilityEl",
+        "name" : "capture",
         "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" : "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" : "hasListener",
+        "name" : "clear",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Remove all rows",
+        "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
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Hide a component - adds 'hidden' class",
+        "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.Component",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "initEvents",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Initialize Events for the element",
+        "desc" : "Disable this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "isVisible",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
+        "desc" : "Enable this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "Roo.Component",
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "on",
+        "name" : "ensureVisible",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Scrolls the specified cell into view",
+        "sig" : "(row, col, hscroll)",
         "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" : "row",
+            "type" : "Number",
+            "desc" : "The row index",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "col",
+            "type" : "Number",
+            "desc" : "The column index",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "name" : "hscroll",
+            "type" : "Boolean",
+            "desc" : "false to disable horizontal scrolling",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : 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" : "releaseCapture",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "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" : "focusCell",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Focuses the specified cell.",
+        "sig" : "(row, col, hscroll)",
         "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" : "row",
+            "type" : "Number",
+            "desc" : "The row index",
             "isOptional" : false
           },
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "col",
+            "type" : "Number",
+            "desc" : "The column index",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "hscroll",
+            "type" : "Boolean",
+            "desc" : "false to disable horizontal scrolling",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "focusRow",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
+        "desc" : "Focuses the specified row.",
+        "sig" : "(row)",
         "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" : "row",
+            "type" : "Number",
+            "desc" : "The row index",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setDisabled",
+        "name" : "getCellIndex",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "get the Column Index from a dom element. (using regex on x-hcol-{colid})",
+        "sig" : "(cell)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "desc" : "",
+            "name" : "cell",
+            "type" : "domElement",
+            "desc" : "to look for",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setVisibilityEl",
+        "name" : "getChildContainer",
         "type" : "function",
-        "desc" : "Set the element that will be used to show or hide",
+        "desc" : "Fetch the element to add children to",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component",
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "defaults to this.el"
+          }
+        ]
       },
       {
-        "name" : "setVisible",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "Roo.Component",
         "isStatic" : 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" : "Roo.Element",
+            "desc" : "The element"
           }
         ]
       },
       {
-        "name" : "show",
+        "name" : "getGridEl",
         "type" : "function",
-        "desc" : "Show a component - removes 'hidden' class",
+        "desc" : "Returns the grid's underlying element = used by panel.Grid",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Element",
+            "desc" : "The element"
+          }
+        ]
       },
       {
-        "name" : "tooltipEl",
+        "name" : "getHeaderIndex",
         "type" : "function",
-        "desc" : "Fetch the element to display the tooltip on.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "get the header TH element for columnIndex",
+        "sig" : "(columnIndex)",
         "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" : "columnIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "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,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : ""
+          }
+        ]
+      },
+      {
+        "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",
+        "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" : [
+          {
+            "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,
+        "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" : "setRowVisibility",
+        "type" : "function",
+        "desc" : "Show or hide a row.",
+        "sig" : "(rowIndex, state)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "to show or hide",
+            "isOptional" : false
+          },
+          {
+            "name" : "state",
+            "type" : "Boolean",
+            "desc" : "hide",
+            "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",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
       }
     ]
   },
-  "Roo.bootstrap.Radio" : {
+  "Roo.bootstrap.TableBody" : {
     "props" : [
       {
         "name" : "actionMode",
         "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" : ""
+      },
       {
         "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" : ""
-      },
       {
         "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" : ""
+      },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "element class",
+        "memberOf" : ""
       },
       {
         "name" : "container_method",
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "tag",
+        "type" : "String",
+        "desc" : "element tag (thead|tbody|tfoot) default tbody",
+        "memberOf" : ""
+      },
       {
         "name" : "tooltip",
         "type" : "string",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "value",
+        "name" : "valign",
         "type" : "String",
-        "desc" : "- the value of radio",
+        "desc" : "Vertical aligns the content inside the <tbody> element",
         "memberOf" : ""
       },
       {
       }
     ]
   },
-  "Roo.bootstrap.RadioSet" : {
+  "Roo.bootstrap.TableCell" : {
     "props" : [
       {
-        "name" : "(button|checkbox|email|file|hidden|image|number|password|radio|range|reset|search|submit|text)",
-        "type" : "String",
-        "desc" : "inputType",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "accept",
+        "name" : "abbr",
         "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "Specifies an abbreviated version of the content in a cell",
+        "memberOf" : ""
       },
       {
         "name" : "actionMode",
         "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.Input"
-      },
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "allowBlank",
-        "type" : "Boolean",
-        "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "Aligns the content in a cell",
+        "memberOf" : ""
       },
       {
         "name" : "allowDomMove",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "autocomplete",
+        "name" : "axis",
         "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.Input"
-      },
-      {
-        "name" : "before",
-        "type" : "string",
-        "desc" : "- input group add on before",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "Categorizes cells",
+        "memberOf" : ""
       },
       {
-        "name" : "blankText",
+        "name" : "bgcolor",
         "type" : "String",
-        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "Specifies the background color of a cell",
+        "memberOf" : ""
       },
       {
         "name" : "can_build_overlaid",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "capture",
-        "type" : "String",
-        "desc" : "a) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "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" : "cls",
         "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "cell class",
+        "memberOf" : ""
+      },
+      {
+        "name" : "colspan",
+        "type" : "Number",
+        "desc" : "Specifies the number of columns a cell should span",
+        "memberOf" : ""
       },
       {
         "name" : "container_method",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "disableKeyFilter",
-        "type" : "Boolean",
-        "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "is it disabled",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "fieldLabel",
-        "type" : "string",
-        "desc" : "- the label associated",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "focusClass",
+        "name" : "headers",
         "type" : "String",
-        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "forceFeedback",
-        "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "Specifies one or more header cells a cell is related to",
+        "memberOf" : ""
       },
       {
-        "name" : "hasFeedback",
-        "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "height",
+        "type" : "Number",
+        "desc" : "Sets the height of a cell",
+        "memberOf" : ""
       },
       {
         "name" : "hideMode",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "indicatorpos",
+        "name" : "html",
         "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : ""
-      },
-      {
-        "name" : "inline",
-        "type" : "Boolean",
-        "desc" : "e) inline the element (default true)",
+        "desc" : "cell contain text",
         "memberOf" : ""
       },
-      {
-        "name" : "invalidClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "invalidFeedbackIcon",
-        "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "invalidText",
-        "type" : "String",
-        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelAlign",
-        "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelWidth",
-        "type" : "Number",
-        "desc" : "set the width of label",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labellg",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelmd",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelsm",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelxs",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "lg",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for large computer-sized screens",
-        "memberOf" : "Roo.bootstrap.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.Input"
-      },
-      {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.bootstrap.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.Input"
-      },
-      {
-        "name" : "md",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for computer-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "minLength",
-        "type" : "Number",
-        "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.bootstrap.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.Input"
-      },
       {
         "name" : "name",
-        "type" : "String",
-        "desc" : "name of the input",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "placeholder",
         "type" : "string",
-        "desc" : "- placeholder to put in text.",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "preventMark",
-        "type" : "Boolean",
-        "desc" : "Do not show tick or cross if error/success",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "readOnly",
-        "type" : "Boolean",
-        "desc" : "Specifies that the field should be read-only",
-        "memberOf" : "Roo.bootstrap.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.Input"
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "regexText",
+        "name" : "nowrap",
         "type" : "String",
-        "desc" : "-- Depricated - use Invalid Text",
-        "memberOf" : "Roo.bootstrap.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.Input"
+        "desc" : "Specifies that the content inside a cell should not wrap",
+        "memberOf" : ""
       },
       {
-        "name" : "size",
-        "type" : "string",
-        "desc" : "- (lg|sm) or leave empty..",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "rowspan",
+        "type" : "Number",
+        "desc" : "Sets the number of rows a cell should span",
+        "memberOf" : ""
       },
       {
-        "name" : "sm",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for tablet-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "scope",
+        "type" : "String",
+        "desc" : "Defines a way to associate header cells and data cells in a table",
+        "memberOf" : ""
       },
       {
         "name" : "style",
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "tag",
+        "type" : "String",
+        "desc" : "cell tag (td|th) default td",
+        "memberOf" : ""
+      },
       {
         "name" : "tooltip",
         "type" : "string",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "validClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "validFeedbackIcon",
+        "name" : "valign",
         "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "validateOnBlur",
-        "type" : "Boolean",
-        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.bootstrap.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.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.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.Input"
-      },
-      {
-        "name" : "value",
-        "type" : "string",
-        "desc" : "default value of the input",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "Vertical aligns the content in a cell",
+        "memberOf" : ""
       },
       {
         "name" : "visibilityEl",
         "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.Input"
-      },
-      {
-        "name" : "weight",
-        "type" : "String",
-        "desc" : "s) The text that appears beside the radio",
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "Specifies the width of a cell",
         "memberOf" : ""
       },
       {
         "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.Input"
       }
     ],
     "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.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" : "destroy",
         "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.Input",
+        "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" : "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, item)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.RadioSet",
-            "desc" : "This radio",
-            "isOptional" : false
-          },
-          {
-            "name" : "item",
-            "type" : "Roo.bootstrap.Radio",
-            "desc" : "The checked item",
-            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "childrenrendered",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
+        "desc" : "Fires after the component is disabled.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.Component",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "click",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Fires when the element is click.",
-        "sig" : "function (_self, item, e)\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.RadioSet",
-            "desc" : "This radio set",
-            "isOptional" : false
-          },
-          {
-            "name" : "item",
-            "type" : "Roo.bootstrap.Radio",
-            "desc" : "The checked item",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event object",
+            "type" : "Roo.Component",
+            "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" : "render",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
+        "desc" : "Fires after the component is rendered.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
+        "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "methods" : [
       {
-        "name" : "focus",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input",
+        "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" : "",
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "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.Component",
-            "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" : "invalid",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Fires after the field has been marked as invalid.",
-        "sig" : "function (_self, msg)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.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" : "",
-            "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.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.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" : "",
-        "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" : "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.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.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",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
             "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.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.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.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.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.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.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.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.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.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.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" : []
+      }
+    ]
+  },
+  "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"
       },
       {
-        "name" : "validate",
-        "type" : "function",
-        "desc" : "Validates the field value",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.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.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"
-          }
-        ]
-      }
-    ]
-  },
-  "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"
+        "name" : "align",
+        "type" : "String",
+        "desc" : "Aligns the content in a table row",
+        "memberOf" : ""
       },
       {
         "name" : "allowDomMove",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "bgcolor",
+        "type" : "String",
+        "desc" : "Specifies a background color for a table row",
+        "memberOf" : ""
+      },
       {
         "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 will be aligned from the character specified by the char attribute",
+        "memberOf" : ""
+      },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "row class",
+        "memberOf" : ""
       },
       {
         "name" : "container_method",
         "desc" : "Text for the tooltip",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "valign",
+        "type" : "String",
+        "desc" : "Vertical aligns the content in a table row",
+        "memberOf" : ""
+      },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
       }
     ]
   },
-  "Roo.bootstrap.SecurePass" : {
+  "Roo.bootstrap.TextArea" : {
     "props" : [
-      {
-        "name" : "(button|checkbox|email|file|hidden|image|number|password|radio|range|reset|search|submit|text)",
-        "type" : "String",
-        "desc" : "inputType",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "Label",
-        "type" : "String/Object",
-        "desc" : "for the strength meter (defaults to\n'Password strength:')",
-        "memberOf" : ""
-      },
       {
         "name" : "accept",
         "type" : "String",
         "desc" : "- input group add on after",
         "memberOf" : "Roo.bootstrap.Input"
       },
+      {
+        "name" : "afterButton",
+        "type" : "Roo.bootstrap.Button",
+        "desc" : "to show before",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "align",
         "type" : "String",
         "desc" : "css class",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "cols",
+        "type" : "Number",
+        "desc" : "Specifies the visible width of a text area",
+        "memberOf" : ""
+      },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "is it disabled",
         "memberOf" : "Roo.bootstrap.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" : "y)\nHow this component 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.Input"
       },
+      {
+        "name" : "inputType",
+        "type" : "String",
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "invalidClass",
         "type" : "String",
         "desc" : "Do not show tick or cross if error/success",
         "memberOf" : "Roo.bootstrap.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" : "-- Depricated - use Invalid Text",
         "memberOf" : "Roo.bootstrap.Input"
       },
+      {
+        "name" : "resize",
+        "type" : "string",
+        "desc" : "l)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "rows",
+        "type" : "Number",
+        "desc" : "Specifies the visible number of lines in a text area",
+        "memberOf" : ""
+      },
       {
         "name" : "selectOnFocus",
         "type" : "Boolean",
         "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
         "memberOf" : "Roo.bootstrap.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" : ""
+      },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "Clear any invalid styles/messages for this field",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Input",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
       {
         "name" : "inputEl",
         "type" : "function",
-        "desc" : "return the real input element.",
+        "desc" : "return the real textarea element.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Input",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Mark this field as invalid",
         "sig" : "(msg)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Input",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Mark this field as valid",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Input",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
       }
     ]
   },
-  "Roo.bootstrap.Slider" : {
+  "Roo.bootstrap.TimeField" : {
     "props" : [
+      {
+        "name" : "accept",
+        "type" : "String",
+        "desc" : "o) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.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.Input"
+      },
+      {
+        "name" : "afterButton",
+        "type" : "Roo.bootstrap.Button",
+        "desc" : "to show before",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "align",
+        "type" : "String",
+        "desc" : "t) Default left",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "allowBlank",
+        "type" : "Boolean",
+        "desc" : "False to validate that the value length > 0 (defaults to true)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "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.Input"
+      },
+      {
+        "name" : "before",
+        "type" : "string",
+        "desc" : "- input group add on before",
+        "memberOf" : "Roo.bootstrap.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.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.Input"
+      },
       {
         "name" : "cls",
         "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.Input"
+      },
+      {
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "is it disabled",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "fieldLabel",
+        "type" : "string",
+        "desc" : "- the label associated",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "focusClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "forceFeedback",
+        "type" : "Boolean",
+        "desc" : "e) Default false",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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" : ""
+      },
+      {
+        "name" : "hasFeedback",
+        "type" : "Boolean",
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.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.Input"
+      },
+      {
+        "name" : "inputType",
+        "type" : "String",
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "invalidFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "invalidText",
+        "type" : "String",
+        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelAlign",
+        "type" : "String",
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelWidth",
+        "type" : "Number",
+        "desc" : "set the width of label",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labellg",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelmd",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelsm",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelxs",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "lg",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for large computer-sized screens",
+        "memberOf" : "Roo.bootstrap.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.Input"
+      },
+      {
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "Roo.bootstrap.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.Input"
+      },
+      {
+        "name" : "md",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for computer-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "minLength",
+        "type" : "Number",
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "memberOf" : "Roo.bootstrap.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.Input"
+      },
       {
         "name" : "name",
+        "type" : "String",
+        "desc" : "name of the input",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "placeholder",
         "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "- placeholder to put in text.",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "preventMark",
+        "type" : "Boolean",
+        "desc" : "Do not show tick or cross if error/success",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "readOnly",
+        "type" : "Boolean",
+        "desc" : "Specifies that the field should be read-only",
+        "memberOf" : "Roo.bootstrap.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.Input"
+      },
+      {
+        "name" : "regexText",
+        "type" : "String",
+        "desc" : "-- Depricated - use Invalid Text",
+        "memberOf" : "Roo.bootstrap.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.Input"
+      },
+      {
+        "name" : "size",
+        "type" : "string",
+        "desc" : "- (lg|sm) or leave empty..",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "sm",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for tablet-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "style",
         "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.Input"
+      },
+      {
+        "name" : "validFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "validateOnBlur",
+        "type" : "Boolean",
+        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
+        "memberOf" : "Roo.bootstrap.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.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.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.Input"
+      },
+      {
+        "name" : "value",
+        "type" : "string",
+        "desc" : "default value of the input",
+        "memberOf" : "Roo.bootstrap.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.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.Input"
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
+      {
+        "name" : "blur",
+        "type" : "function",
+        "desc" : "Fires when this field loses input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.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.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.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.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.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.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.DateField",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "date",
+            "type" : "Mixed",
+            "desc" : "The date value",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
+        "desc" : "Fires when this field show.",
+        "sig" : "function (thisthis, date)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "thisthis",
+            "type" : "Roo.bootstrap.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.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.Component",
+        "memberOf" : "Roo.bootstrap.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "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.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.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.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.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.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.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.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.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.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.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" : []
-      }
-    ]
-  },
-  "Roo.bootstrap.SplitBar" : {
-    "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" : "beforeresize",
+        "name" : "validate",
         "type" : "function",
-        "desc" : "Fires before the splitter is dragged",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.bootstrap.SplitBar",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "moved",
+        "name" : "validateValue",
         "type" : "function",
-        "desc" : "Fires when the splitter is moved",
-        "sig" : "function (_self, newSize)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.SplitBar",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "newSize",
-            "type" : "Number",
-            "desc" : "the new width or height",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "resize",
-        "type" : "function",
-        "desc" : "Fires when the splitter is moved (alias for {@link #event-moved})",
-        "sig" : "function (_self, newSize)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.SplitBar",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "newSize",
-            "type" : "Number",
-            "desc" : "the new width or height",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      }
-    ],
-    "methods" : [
-      {
-        "name" : "addEvents",
-        "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "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.util.Observable",
+        "memberOf" : "Roo.bootstrap.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to validate",
             "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",
-            "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
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
           }
-        ],
-        "returns" : []
-      },
+        ]
+      }
+    ]
+  },
+  "Roo.bootstrap.Tooltip" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "capture",
+        "name" : "currentEl",
         "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" : "",
+        "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
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
+      }
+    ]
+  },
+  "Roo.bootstrap.TriggerField" : {
+    "props" : [
+      {
+        "name" : "accept",
+        "type" : "String",
+        "desc" : "o) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "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" : "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" : "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" : "after",
+        "type" : "string",
+        "desc" : "- input group add on after",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "getAdapter",
-        "type" : "function",
-        "desc" : "Get the adapter this SplitBar uses",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "",
-            "desc" : "The adapter object"
-          }
-        ]
+        "name" : "afterButton",
+        "type" : "Roo.bootstrap.Button",
+        "desc" : "to show before",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "getMaximumSize",
-        "type" : "function",
-        "desc" : "Gets the maximum size for the resizing element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Number",
-            "desc" : "The maximum size"
-          }
-        ]
+        "name" : "align",
+        "type" : "String",
+        "desc" : "t) Default left",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "getMinimumSize",
-        "type" : "function",
-        "desc" : "Gets the minimum size for the resizing element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Number",
-            "desc" : "The minimum size"
-          }
-        ]
+        "name" : "allowBlank",
+        "type" : "Boolean",
+        "desc" : "False to validate that the value length > 0 (defaults to true)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "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" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component"
       },
       {
-        "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" : "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.Input"
       },
       {
-        "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" : "before",
+        "type" : "string",
+        "desc" : "- input group add on before",
+        "memberOf" : "Roo.bootstrap.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" : "blankText",
+        "type" : "String",
+        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+        "memberOf" : "Roo.bootstrap.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" : "can_build_overlaid",
+        "type" : "Boolean",
+        "desc" : "True if element can be rebuild from a HTML page",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "setAdapter",
-        "type" : "function",
-        "desc" : "Set the adapter this SplitBar uses",
-        "sig" : "(adapter)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "adapter",
-            "type" : "Object",
-            "desc" : "A SplitBar adapter object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "capture",
+        "type" : "String",
+        "desc" : "a) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "setCurrentSize",
-        "type" : "function",
-        "desc" : "Sets the initialize size for the resizing element",
-        "sig" : "(size)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "size",
-            "type" : "Number",
-            "desc" : "The initial size",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "caret",
+        "type" : "String",
+        "desc" : "r) BS3 only - carat fa name",
+        "memberOf" : ""
       },
       {
-        "name" : "setMaximumSize",
-        "type" : "function",
-        "desc" : "Sets the maximum size for the resizing element",
-        "sig" : "(maxSize)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "maxSize",
-            "type" : "Number",
-            "desc" : "The maximum size",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "setMinimumSize",
-        "type" : "function",
-        "desc" : "Sets the minimum size for the resizing element",
-        "sig" : "(minSize)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "minSize",
-            "type" : "Number",
-            "desc" : "The minimum size",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "container_method",
+        "type" : "string",
+        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "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" : []
-      }
-    ]
-  },
-  "Roo.bootstrap.SplitBar.AbsoluteLayoutAdapter" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [
+        "name" : "dataId",
+        "type" : "string",
+        "desc" : "cutomer id",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
       {
-        "name" : "getElementSize",
-        "type" : "function",
-        "desc" : "Called before drag operations to get the current size of the resizing element.",
-        "sig" : "(s)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.SplitBar.BasicLayoutAdapter",
-        "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" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "setElementSize",
-        "type" : "function",
-        "desc" : "Called after drag operations to set the size of the resizing element.",
-        "sig" : "(s, newSize, onComplete)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.SplitBar.BasicLayoutAdapter",
-        "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" : []
-      }
-    ]
-  },
-  "Roo.bootstrap.SplitBar.BasicLayoutAdapter" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [
+        "name" : "disableKeyFilter",
+        "type" : "Boolean",
+        "desc" : "True to disable input keystroke filtering (defaults to false)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
-        "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" : "disabled",
+        "type" : "Boolean",
+        "desc" : "is it disabled",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "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" : []
-      }
-    ]
-  },
-  "Roo.bootstrap.TabGroup" : {
-    "props" : [
+        "name" : "fieldLabel",
+        "type" : "string",
+        "desc" : "- the label associated",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
-        "name" : "actionMode",
+        "name" : "focusClass",
         "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",
+        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "forceFeedback",
+        "type" : "Boolean",
+        "desc" : "e) Default false",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "hasFeedback",
+        "type" : "Boolean",
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.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" : "alert",
-        "type" : "String",
-        "desc" : "r) type alert (changes background / border...)",
-        "memberOf" : "Roo.bootstrap.Column"
+        "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.Input"
+      },
+      {
+        "name" : "inputType",
+        "type" : "String",
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "invalidFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "invalidText",
+        "type" : "String",
+        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelAlign",
+        "type" : "String",
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelWidth",
+        "type" : "Number",
+        "desc" : "set the width of label",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labellg",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelmd",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelsm",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "name" : "labelxs",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "autoslide",
-        "type" : "Boolean",
-        "desc" : "e) auto slide .. default false",
-        "memberOf" : ""
+        "name" : "lg",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for large computer-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "bullets",
-        "type" : "Boolean",
-        "desc" : "show bullets for the panels",
-        "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" : "can_build_overlaid",
-        "type" : "Boolean",
-        "desc" : "True if element can be rebuild from a HTML page",
-        "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.Input"
       },
       {
-        "name" : "carousel",
-        "type" : "Boolean",
-        "desc" : "true to make the group behave like a carousel",
-        "memberOf" : ""
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "cls",
+        "name" : "maxLengthText",
         "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "container_method",
-        "type" : "string",
-        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "md",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for computer-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "dataId",
-        "type" : "string",
-        "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "minLength",
+        "type" : "Number",
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "disableClass",
+        "name" : "minLengthText",
         "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "fa",
+        "name" : "name",
         "type" : "String",
-        "desc" : ".) font awesome icon",
-        "memberOf" : "Roo.bootstrap.Column"
+        "desc" : "name of the input",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "fasize",
-        "type" : "Number",
-        "desc" : ".) font awsome size",
-        "memberOf" : "Roo.bootstrap.Column"
+        "name" : "placeholder",
+        "type" : "string",
+        "desc" : "- placeholder to put in text.",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "hidden",
+        "name" : "preventMark",
         "type" : "Boolean",
-        "desc" : "e) hide the element",
-        "memberOf" : "Roo.bootstrap.Column"
+        "desc" : "Do not show tick or cross if error/success",
+        "memberOf" : "Roo.bootstrap.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" : "readOnly",
+        "type" : "Boolean",
+        "desc" : "Specifies that the field should be read-only",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "html",
-        "type" : "String",
-        "desc" : "content of column.",
-        "memberOf" : "Roo.bootstrap.Column"
+        "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.Input"
       },
       {
-        "name" : "icon",
+        "name" : "regexText",
         "type" : "String",
-        "desc" : ".) glyphicon name",
-        "memberOf" : "Roo.bootstrap.Column"
+        "desc" : "-- Depricated - use Invalid Text",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "lg",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for large computer-sized screens or 0 for hidden",
-        "memberOf" : "Roo.bootstrap.Column"
+        "name" : "removable",
+        "type" : "Boolean",
+        "desc" : "e) special filter default false",
+        "memberOf" : ""
       },
       {
-        "name" : "lgoff",
-        "type" : "Number",
-        "desc" : "colspan offset out of 12 for large computer-sized screens or 0 for hidden",
-        "memberOf" : "Roo.bootstrap.Column"
+        "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.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" : "size",
+        "type" : "string",
+        "desc" : "- (lg|sm) or leave empty..",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "md",
+        "name" : "sm",
         "type" : "Number",
-        "desc" : "colspan out of 12 for computer-sized screens or 0 for hidden",
-        "memberOf" : "Roo.bootstrap.Column"
+        "desc" : "colspan out of 12 for tablet-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "mdoff",
-        "type" : "Number",
-        "desc" : "colspan offset out of 12 for computer-sized screens or 0 for hidden",
-        "memberOf" : "Roo.bootstrap.Column"
+        "name" : "style",
+        "type" : "String",
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "name",
+        "name" : "tooltip",
         "type" : "string",
-        "desc" : "Specifies name attribute",
+        "desc" : "Text for the tooltip",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "navId",
+        "name" : "triggerClass",
         "type" : "String",
-        "desc" : "the navigation id (for use with navbars) - will be auto generated if it does not exist..",
+        "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" : "showarrow",
-        "type" : "Boolean",
-        "desc" : "e) show arrow default true",
-        "memberOf" : ""
+        "name" : "validClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "sm",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for tablet-sized screens or 0 for hidden",
-        "memberOf" : "Roo.bootstrap.Column"
+        "name" : "validFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "smoff",
+        "name" : "validateOnBlur",
+        "type" : "Boolean",
+        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "validationDelay",
         "type" : "Number",
-        "desc" : "colspan offset out of 12 for tablet-sized screens or 0 for hidden",
-        "memberOf" : "Roo.bootstrap.Column"
+        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "style",
-        "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "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.Input"
       },
       {
-        "name" : "timer",
-        "type" : "Number",
-        "desc" : "auto slide timer .. default 0 millisecond",
-        "memberOf" : ""
+        "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.Input"
       },
       {
-        "name" : "tooltip",
+        "name" : "value",
         "type" : "string",
-        "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "default value of the input",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "visibilityEl",
         "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.Input"
+      },
       {
         "name" : "xattr",
         "type" : "Object",
       {
         "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"
+        "desc" : "colspan out of 12 for mobile-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
+      {
+        "name" : "blur",
+        "type" : "function",
+        "desc" : "Fires when this field loses input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.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.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.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.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.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.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.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.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",
+        "type" : "function",
+        "desc" : "Clear any invalid styles/messages for this field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "destroy",
         "type" : "function",
         ]
       },
       {
-        "name" : "get",
+        "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" : "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,
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "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" : "String",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "getChildContainer",
+        "name" : "getName",
         "type" : "function",
-        "desc" : "Fetch the element to add children to",
+        "desc" : "Returns the name of the field",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.bootstrap.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
+            "type" : "Mixed",
+            "desc" : "name The name field"
           }
         ]
       },
       {
-        "name" : "getEl",
+        "name" : "getRawValue",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "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.Component",
+        "memberOf" : "Roo.bootstrap.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
+            "type" : "Mixed",
+            "desc" : "value The field value"
           }
         ]
       },
       {
-        "name" : "getId",
+        "name" : "getValue",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
+        "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.Component",
+        "memberOf" : "Roo.bootstrap.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "type" : "Mixed",
+            "desc" : "value The field value"
           }
         ]
       },
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "inputEl",
+        "type" : "function",
+        "desc" : "return the real input element.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.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.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.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "on",
         "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" : "register",
+        "name" : "onTriggerClick",
         "type" : "function",
-        "desc" : "register a Navigation item",
-        "sig" : "(the)",
+        "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,
         "requires" : "",
         "params" : [
           {
-            "name" : "the",
-            "type" : "Roo.bootstrap.NavItem",
-            "desc" : "navitem to add",
+            "name" : "e",
+            "type" : "EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "register",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "register a Navigation Group",
-        "sig" : "(the)",
-        "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" : "the",
-            "type" : "Roo.bootstrap.NavGroup",
-            "desc" : "navgroup to add",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
         ],
         "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.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "setDisabled",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "setVisibilityEl",
+        "name" : "setRawValue",
         "type" : "function",
-        "desc" : "Set the element that will be used to show or hide",
-        "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.Component",
+        "memberOf" : "Roo.bootstrap.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "setVisible",
+        "name" : "setValue",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
+        "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" : "Roo.bootstrap.Input",
         "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 set",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "setVisibilityEl",
         "type" : "function",
-        "desc" : "Show a component - removes 'hidden' class",
+        "desc" : "Set the element that will be used to show or hide",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component",
         "returns" : []
       },
       {
-        "name" : "showPanel",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "show a specific panel",
-        "sig" : "(panel)",
+        "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" : "panel",
-            "type" : "Roo.bootstrap.TabPanel|number|string",
-            "desc" : "to change to (use the tabId to specify a specific one)",
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "boolean",
-            "desc" : "false if panel was not shown (invalid entry or beforedeactivate fails.)"
+            "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",
           }
         ],
         "returns" : []
+      },
+      {
+        "name" : "validate",
+        "type" : "function",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.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.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"
+          }
+        ]
       }
     ]
   },
-  "Roo.bootstrap.TabPanel" : {
+  "Roo.bootstrap.UploadCropbox" : {
     "props" : [
       {
         "name" : "actionMode",
         "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" : ""
-      },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "buttons",
+        "type" : "Array",
+        "desc" : "default ['rotateLeft', 'pictureBtn', 'rotateRight']",
+        "memberOf" : ""
+      },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "hideMode",
+        "name" : "emptyText",
         "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" : "show when image has been loaded",
+        "memberOf" : ""
       },
       {
-        "name" : "href",
-        "type" : "String",
-        "desc" : "click to link..",
+        "name" : "errorTimeout",
+        "type" : "Number",
+        "desc" : "default 3000",
         "memberOf" : ""
       },
       {
-        "name" : "html",
+        "name" : "hideMode",
         "type" : "String",
-        "desc" : "panel content",
+        "desc" : "y)\nHow this component 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" : "isDocument",
+        "type" : "Boolean",
+        "desc" : "e) default false",
         "memberOf" : ""
       },
       {
         "desc" : "list of events and functions to call for 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 true",
+        "memberOf" : ""
+      },
+      {
+        "name" : "loadingText",
+        "type" : "Boolean",
+        "desc" : "default 'Loading...'",
+        "memberOf" : ""
+      },
+      {
+        "name" : "method",
+        "type" : "String",
+        "desc" : "default POST",
+        "memberOf" : ""
+      },
+      {
+        "name" : "minHeight",
+        "type" : "Number",
+        "desc" : "default 300",
+        "memberOf" : ""
+      },
+      {
+        "name" : "minWidth",
+        "type" : "Number",
+        "desc" : "default 300",
+        "memberOf" : ""
+      },
       {
         "name" : "name",
         "type" : "string",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "navId",
+        "name" : "paramName",
         "type" : "String",
-        "desc" : "The Roo.bootstrap.NavGroup which triggers show hide ()",
+        "desc" : "default 'imageUpload'",
         "memberOf" : ""
       },
       {
-        "name" : "style",
+        "name" : "rotateNotify",
         "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "show when image too small to rotate",
+        "memberOf" : ""
       },
       {
-        "name" : "tabId",
+        "name" : "style",
         "type" : "String",
-        "desc" : "unique tab ID (will be autogenerated if not set. - used to match TabItem to Panel)",
-        "memberOf" : ""
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "tooltip",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "touchSlide",
-        "type" : "Boolean",
-        "desc" : "if swiping slides tab to next panel (default off)",
+        "name" : "url",
+        "type" : "String",
+        "desc" : "action url",
         "memberOf" : ""
       },
       {
     ],
     "events" : [
       {
-        "name" : "beforedeactivate",
+        "name" : "arrange",
         "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" : "Fire when arrange the file data",
+        "sig" : "function (_self, formData)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.TabPanel",
+            "type" : "Roo.bootstrap.UploadCropbox",
             "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "false if there is an error"
+            "name" : "formData",
+            "type" : "Object",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
         "name" : "beforedestroy",
         "returns" : []
       },
       {
-        "name" : "beforerender",
+        "name" : "beforeloadcanvas",
         "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 before load the canvas",
+        "sig" : "function (_self, src)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.bootstrap.UploadCropbox",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "src",
+            "type" : "String",
             "desc" : "",
             "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" : "changed",
+        "name" : "beforeselectfile",
         "type" : "function",
-        "desc" : "Fires when the active status changes",
-        "sig" : "function (_self, state)\n{\n\n}",
+        "desc" : "Fire before select file",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.TabPanel",
+            "type" : "Roo.bootstrap.UploadCropbox",
             "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" : "state",
-            "type" : "Boolean",
-            "desc" : "the new state",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         ],
         "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" : [
       }
     ]
   },
-  "Roo.bootstrap.Table" : {
+  "Roo.bootstrap.breadcrumb" : {
+    "props" : [],
+    "events" : [],
+    "methods" : []
+  },
+  "Roo.bootstrap.breadcrumb.Item" : {
     "props" : [
       {
         "name" : "actionMode",
         "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" : "auto_hide_footer",
+        "name" : "active",
         "type" : "Boolean",
-        "desc" : "auto hide footer if only one page (default false)",
+        "desc" : "is it active",
         "memberOf" : ""
       },
       {
-        "name" : "bordered",
-        "type" : "boolean",
-        "desc" : "Add borders to the table",
-        "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",
         "desc" : "True if element can be rebuild from a HTML page",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "cellSelection",
-        "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : ""
-      },
       {
         "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"
       },
       {
         "name" : "container_method",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "enableColumnResize",
-        "type" : "Boolean",
-        "desc" : "default true if columns can be resized (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" : ""
-      },
       {
         "name" : "hideMode",
         "type" : "String",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "hover",
-        "type" : "boolean",
-        "desc" : "Add hover highlighting",
+        "name" : "href",
+        "type" : "String",
+        "desc" : "where it links to if '#' is used the link will be handled by onClick.",
         "memberOf" : ""
       },
       {
-        "name" : "lazyLoad",
-        "type" : "Boolean",
-        "desc" : "auto load data while scrolling to the end (default false)",
+        "name" : "html",
+        "type" : "String",
+        "desc" : "the content of the link.",
         "memberOf" : ""
       },
       {
         "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" : ""
-      },
-      {
-        "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",
-        "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" : ""
-      },
-      {
+        "name" : "name",
+        "type" : "string",
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
         ],
         "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",
+        "name" : "click",
         "type" : "function",
-        "desc" : "The raw contextmenu event for the entire grid.",
+        "desc" : "The img click event for the img.",
         "sig" : "function (e)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         ],
         "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",
-        "type" : "function",
-        "desc" : "Show or hide a row.",
-        "sig" : "(rowIndex, state)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "to show or hide",
-            "isOptional" : false
-          },
-          {
-            "name" : "state",
-            "type" : "Boolean",
-            "desc" : "hide",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.TableBody" : {
+  "Roo.bootstrap.breadcrumb.Nav" : {
     "props" : [
       {
         "name" : "actionMode",
         "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" : ""
-      },
       {
         "name" : "allowDomMove",
         "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" : ""
-      },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "element class",
-        "memberOf" : ""
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "container_method",
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "tag",
-        "type" : "String",
-        "desc" : "element tag (thead|tbody|tfoot) default tbody",
-        "memberOf" : ""
-      },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "valign",
-        "type" : "String",
-        "desc" : "Vertical aligns the content inside the <tbody> element",
-        "memberOf" : ""
-      },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
       }
     ]
   },
-  "Roo.bootstrap.TableCell" : {
+  "Roo.bootstrap.dash" : {
+    "props" : [],
+    "events" : [],
+    "methods" : []
+  },
+  "Roo.bootstrap.dash.NumberBox" : {
     "props" : [
-      {
-        "name" : "abbr",
-        "type" : "String",
-        "desc" : "Specifies an abbreviated version of the content in a cell",
-        "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" : "align",
-        "type" : "String",
-        "desc" : "Aligns the content in a cell",
-        "memberOf" : ""
-      },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "axis",
-        "type" : "String",
-        "desc" : "Categorizes cells",
-        "memberOf" : ""
-      },
-      {
-        "name" : "bgcolor",
-        "type" : "String",
-        "desc" : "Specifies the background color of a cell",
-        "memberOf" : ""
-      },
       {
         "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 will be aligned from the character specified by the char attribute",
-        "memberOf" : ""
-      },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "cell class",
-        "memberOf" : ""
-      },
-      {
-        "name" : "colspan",
-        "type" : "Number",
-        "desc" : "Specifies the number of columns a cell should span",
-        "memberOf" : ""
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "container_method",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "content",
+        "type" : "String",
+        "desc" : "Box content",
+        "memberOf" : ""
+      },
       {
         "name" : "dataId",
         "type" : "string",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "headers",
+        "name" : "fhref",
         "type" : "String",
-        "desc" : "Specifies one or more header cells a cell is related to",
+        "desc" : "Footer href",
         "memberOf" : ""
       },
       {
-        "name" : "height",
-        "type" : "Number",
-        "desc" : "Sets the height of a cell",
+        "name" : "footer",
+        "type" : "String",
+        "desc" : "Footer text",
+        "memberOf" : ""
+      },
+      {
+        "name" : "headline",
+        "type" : "String",
+        "desc" : "Box headline",
         "memberOf" : ""
       },
       {
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "html",
+        "name" : "icon",
         "type" : "String",
-        "desc" : "cell contain text",
+        "desc" : "Box icon",
         "memberOf" : ""
       },
       {
         "desc" : "Specifies name attribute",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "nowrap",
-        "type" : "String",
-        "desc" : "Specifies that the content inside a cell should not wrap",
-        "memberOf" : ""
-      },
-      {
-        "name" : "rowspan",
-        "type" : "Number",
-        "desc" : "Sets the number of rows a cell should span",
-        "memberOf" : ""
-      },
-      {
-        "name" : "scope",
-        "type" : "String",
-        "desc" : "Defines a way to associate header cells and data cells in a table",
-        "memberOf" : ""
-      },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "tag",
-        "type" : "String",
-        "desc" : "cell tag (td|th) default td",
-        "memberOf" : ""
-      },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "valign",
-        "type" : "String",
-        "desc" : "Vertical aligns the content in a cell",
-        "memberOf" : ""
-      },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
         "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "width",
-        "type" : "Number",
-        "desc" : "Specifies the width of a cell",
-        "memberOf" : ""
-      },
       {
         "name" : "xattr",
         "type" : "Object",
       }
     ]
   },
-  "Roo.bootstrap.TableRow" : {
+  "Roo.bootstrap.dash.TabBox" : {
     "props" : [
       {
         "name" : "actionMode",
         "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 in a table row",
-        "memberOf" : ""
-      },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "bgcolor",
-        "type" : "String",
-        "desc" : "Specifies a background color for a table row",
-        "memberOf" : ""
-      },
       {
         "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 will be aligned from the character specified by the char attribute",
-        "memberOf" : ""
-      },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "row class",
-        "memberOf" : ""
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "container_method",
         "desc" : "y)\nHow this component 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" : "icon",
+        "type" : "String",
+        "desc" : "Icon of the TabBox",
+        "memberOf" : ""
+      },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "Specifies name attribute",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "showtabs",
+        "type" : "Boolean",
+        "desc" : "e) show the tabs default true",
+        "memberOf" : ""
+      },
       {
         "name" : "style",
         "type" : "String",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "tooltip",
-        "type" : "string",
-        "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "tabScrollable",
+        "type" : "Boolean",
+        "desc" : "e) tab scrollable when mobile view default false",
+        "memberOf" : ""
       },
       {
-        "name" : "valign",
+        "name" : "title",
         "type" : "String",
-        "desc" : "Vertical aligns the content in a table row",
+        "desc" : "Title of the TabBox",
         "memberOf" : ""
       },
+      {
+        "name" : "tooltip",
+        "type" : "string",
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
       }
     ],
     "events" : [
+      {
+        "name" : "activatepane",
+        "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" : "addpane",
+        "type" : "function",
+        "desc" : "When a pane is added",
+        "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",
         "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",
-            "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" : [
-          {
-            "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,
-        "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
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "defaults to this.el"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "render",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "Roo.Component",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "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.Element",
+            "desc" : "The element"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setDisabled",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "Roo.Component",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "String",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setVisibilityEl",
+        "name" : "getVisibilityEl",
         "type" : "function",
-        "desc" : "Set the element that will be used to show or hide",
+        "desc" : "Get the element that will be used to show or hide",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component",
         "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" : "hide",
         "type" : "function",
-        "desc" : "Show a component - removes 'hidden' class",
+        "desc" : "Hide a component - adds 'hidden' class",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component",
         "returns" : []
       },
       {
-        "name" : "tooltipEl",
+        "name" : "initEvents",
         "type" : "function",
-        "desc" : "Fetch the element to display the tooltip on.",
+        "desc" : "Initialize Events for the element",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component",
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "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",
-            "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" : []
-      }
-    ]
-  },
-  "Roo.bootstrap.TextArea" : {
-    "props" : [
-      {
-        "name" : "(button|checkbox|email|file|hidden|image|number|password|radio|range|reset|search|submit|text)",
-        "type" : "String",
-        "desc" : "inputType",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "accept",
-        "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.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.Input"
-      },
-      {
-        "name" : "align",
-        "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "allowBlank",
-        "type" : "Boolean",
-        "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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.Input"
-      },
-      {
-        "name" : "before",
-        "type" : "string",
-        "desc" : "- input group add on before",
-        "memberOf" : "Roo.bootstrap.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.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.Input"
-      },
-      {
-        "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" : ""
-      },
-      {
-        "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" : "disableKeyFilter",
-        "type" : "Boolean",
-        "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "is it disabled",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "fieldLabel",
-        "type" : "string",
-        "desc" : "- the label associated",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "focusClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "forceFeedback",
-        "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "hasFeedback",
-        "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.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" : "html",
-        "type" : "string",
-        "desc" : "text",
-        "memberOf" : ""
-      },
-      {
-        "name" : "indicatorpos",
-        "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "invalidClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "invalidFeedbackIcon",
-        "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "invalidText",
-        "type" : "String",
-        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelAlign",
-        "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelWidth",
-        "type" : "Number",
-        "desc" : "set the width of label",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labellg",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelmd",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelsm",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelxs",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "lg",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for large computer-sized screens",
-        "memberOf" : "Roo.bootstrap.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.Input"
-      },
-      {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.bootstrap.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.Input"
-      },
-      {
-        "name" : "md",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for computer-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "minLength",
-        "type" : "Number",
-        "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.bootstrap.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.Input"
-      },
-      {
-        "name" : "name",
-        "type" : "String",
-        "desc" : "name of the input",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "placeholder",
-        "type" : "string",
-        "desc" : "- placeholder to put in text.",
-        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "preventMark",
-        "type" : "Boolean",
-        "desc" : "Do not show tick or cross if error/success",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "readOnly",
-        "type" : "Boolean",
-        "desc" : "Specifies that the field should be read-only",
-        "memberOf" : "Roo.bootstrap.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.Input"
-      },
-      {
-        "name" : "regexText",
-        "type" : "String",
-        "desc" : "-- Depricated - use Invalid Text",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "resize",
-        "type" : "string",
-        "desc" : "l)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "rows",
-        "type" : "Number",
-        "desc" : "Specifies the visible number of lines in a text area",
-        "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.Input"
-      },
-      {
-        "name" : "size",
-        "type" : "string",
-        "desc" : "- (lg|sm) or leave empty..",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "sm",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for tablet-sized screens",
-        "memberOf" : "Roo.bootstrap.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.Input"
-      },
-      {
-        "name" : "validFeedbackIcon",
-        "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "validateOnBlur",
-        "type" : "Boolean",
-        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.bootstrap.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.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.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.Input"
-      },
-      {
-        "name" : "value",
-        "type" : "string",
-        "desc" : "default value of the input",
-        "memberOf" : "Roo.bootstrap.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.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" : ""
+        "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" : "xattr",
-        "type" : "Object",
-        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "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" : "xs",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for mobile-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
-      }
-    ],
-    "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" : "removeListener",
         "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 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" : "beforerender",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "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" : "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" : "setTitle",
         "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input",
+        "desc" : "Updates the box title",
+        "sig" : "(html)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+            "name" : "html",
+            "type" : "String",
+            "desc" : "to set the title to.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "change",
+        "name" : "setVisibilityEl",
         "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.Input",
+        "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" : "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" : "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" : "childrenrendered",
+        "name" : "tooltipEl",
         "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
-        "sig" : "function (_self)\n{\n\n}",
+        "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" : "this",
-            "type" : "Roo.bootstrap.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" : []
+      }
+    ]
+  },
+  "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"
       },
       {
-        "name" : "destroy",
+        "name" : "active",
+        "type" : "Boolean",
+        "desc" : "e) 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",
+        "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" : "title",
+        "type" : "String",
+        "desc" : "title of panel",
+        "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" : "activate",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "When a pane is activated",
+        "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" : "disable",
+        "name" : "beforedestroy",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
+        "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" : "enable",
+        "name" : "beforehide",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
+        "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" : "focus",
+        "name" : "beforerender",
         "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.Field",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "beforeshow",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
+        "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" : "invalid",
+        "name" : "childrenrendered",
         "type" : "function",
-        "desc" : "Fires after the field has been marked as invalid.",
-        "sig" : "function (_self, msg)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input",
+        "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.form.Field",
+            "type" : "Roo.bootstrap.Component",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
-            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "keyup",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input",
+        "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" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event Object",
-            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "paste",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Fires after the user pastes into input",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input",
+        "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" : "render",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
+        "desc" : "Fires after the component is enabled.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
+        "desc" : "Fires after the component is hidden.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "specialkey",
+        "name" : "render",
         "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.Input",
+        "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.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event object",
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "valid",
+        "name" : "show",
         "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.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" : "",
-        "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.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.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.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" : "",
-        "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.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.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",
+        "name" : "setTitle",
         "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" : "Updates the tab title",
+        "sig" : "(html)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Input",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
+            "name" : "html",
+            "type" : "String",
+            "desc" : "to set the title to.",
             "isOptional" : false
           }
         ],
           }
         ],
         "returns" : []
-      },
-      {
-        "name" : "validate",
-        "type" : "function",
-        "desc" : "Validates the field value",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.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.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"
-          }
-        ]
       }
     ]
   },
-  "Roo.bootstrap.TimeField" : {
+  "Roo.bootstrap.htmleditor" : {
+    "props" : [],
+    "events" : [],
+    "methods" : []
+  },
+  "Roo.bootstrap.htmleditor.ToolbarStandard" : {
     "props" : [
-      {
-        "name" : "(button|checkbox|email|file|hidden|image|number|password|radio|range|reset|search|submit|text)",
-        "type" : "String",
-        "desc" : "inputType",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "accept",
-        "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.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.Input"
-      },
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "allowBlank",
-        "type" : "Boolean",
-        "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t) alignment",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar"
       },
       {
         "name" : "allowDomMove",
         "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.Input"
-      },
-      {
-        "name" : "before",
-        "type" : "string",
-        "desc" : "- input group add on before",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "arrangement",
+        "type" : "Boolean",
+        "desc" : "stacked | justified",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar"
       },
       {
-        "name" : "blankText",
-        "type" : "String",
-        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : "Roo.bootstrap.Input"
+        "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" : "can_build_overlaid",
         "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.Input"
-      },
       {
         "name" : "cls",
         "type" : "String",
         "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" : "disableKeyFilter",
-        "type" : "Boolean",
-        "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "is it disabled",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "fieldLabel",
-        "type" : "string",
-        "desc" : "- the label associated",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "focusClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "forceFeedback",
-        "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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" : ""
-      },
-      {
-        "name" : "hasFeedback",
-        "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.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.Input"
-      },
-      {
-        "name" : "invalidClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "invalidFeedbackIcon",
-        "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "invalidText",
-        "type" : "String",
-        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelAlign",
-        "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelWidth",
-        "type" : "Number",
-        "desc" : "set the width of label",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labellg",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelmd",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelsm",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelxs",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "lg",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for large computer-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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.bootstrap.Input"
-      },
-      {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.bootstrap.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.Input"
-      },
-      {
-        "name" : "md",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for computer-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "minLength",
-        "type" : "Number",
-        "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.bootstrap.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.Input"
-      },
-      {
-        "name" : "name",
-        "type" : "String",
-        "desc" : "name of the input",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "List of elements to disable..",
+        "memberOf" : ""
       },
       {
-        "name" : "placeholder",
-        "type" : "string",
-        "desc" : "- placeholder to put in text.",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "preventMark",
-        "type" : "Boolean",
-        "desc" : "Do not show tick or cross if error/success",
-        "memberOf" : "Roo.bootstrap.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" : "readOnly",
+        "name" : "inverse",
         "type" : "Boolean",
-        "desc" : "Specifies that the field should be read-only",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "is inverted color",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar"
       },
       {
-        "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.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" : "regexText",
-        "type" : "String",
-        "desc" : "-- Depricated - use Invalid Text",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "loadMask",
+        "type" : "Boolean",
+        "desc" : "e) loadMask on the bar",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar"
       },
       {
-        "name" : "selectOnFocus",
+        "name" : "main",
         "type" : "Boolean",
-        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) main nav bar? default false",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar"
       },
       {
-        "name" : "size",
+        "name" : "name",
         "type" : "string",
-        "desc" : "- (lg|sm) or leave empty..",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "sm",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for tablet-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "style",
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "tag",
+        "type" : "String",
+        "desc" : "v) default is nav",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+      },
       {
         "name" : "tooltip",
         "type" : "string",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "validClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "validFeedbackIcon",
+        "name" : "type",
         "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "validateOnBlur",
-        "type" : "Boolean",
-        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.bootstrap.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.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.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.Input"
-      },
-      {
-        "name" : "value",
-        "type" : "string",
-        "desc" : "default value of the input",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "s)",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar"
       },
       {
         "name" : "visibilityEl",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "vtype",
+        "name" : "weight",
         "type" : "String",
-        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "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"
-      },
-      {
-        "name" : "xs",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for mobile-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
       }
     ],
     "events" : [
         "returns" : []
       },
       {
-        "name" : "blur",
-        "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "change",
+        "name" : "beforetoggle",
         "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.Input",
+        "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.form.Field",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "newValue",
-            "type" : "Mixed",
-            "desc" : "The new value",
-            "isOptional" : false
-          },
-          {
-            "name" : "oldValue",
-            "type" : "Mixed",
-            "desc" : "The original value",
-            "isOptional" : false
           }
         ],
         "returns" : []
         ],
         "returns" : []
       },
-      {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.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.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.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.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.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.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.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.Input",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.Field",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "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.Input",
+        "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" : "",
             "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "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",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
           }
         ]
       },
       {
-        "name" : "focus",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
+        "desc" : "Hide a component - adds 'hidden' class",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.Component",
         "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" : "initEvents",
         "type" : "function",
-        "desc" : "Fetch the element to add children to",
+        "desc" : "Initialize Events for the element",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component",
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getEl",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "desc" : "Returns true if this component is visible.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "Roo.Component",
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
+        "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" : "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" : [
+        "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 of the field",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Input",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "name The name field"
+            "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" : "getRawValue",
+        "name" : "render",
         "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" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Input",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
+            "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" : "getValue",
+        "name" : "setDisabled",
         "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" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Input",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getVisibilityEl",
+        "name" : "setVisibilityEl",
         "type" : "function",
-        "desc" : "Get the element that will be used to show or hide",
+        "desc" : "Set the element that will be used to show or hide",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component",
         "returns" : []
       },
       {
-        "name" : "hasListener",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "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 name of the event to check for",
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "hide",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Hide a component - adds 'hidden' class",
+        "desc" : "Show a component - removes 'hidden' class",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component",
         "returns" : []
       },
       {
-        "name" : "initEvents",
+        "name" : "tooltipEl",
         "type" : "function",
-        "desc" : "Initialize Events for the element",
+        "desc" : "Fetch the element to display the tooltip on.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component",
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "defaults to this.el"
+          }
+        ]
       },
       {
-        "name" : "inputEl",
+        "name" : "un",
         "type" : "function",
-        "desc" : "return the real input element.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Input",
+        "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" : "isVisible",
+        "name" : "updateToolbar",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
+        "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" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [],
         "returns" : []
+      }
+    ]
+  },
+  "Roo.bootstrap.layout" : {
+    "props" : [],
+    "events" : [],
+    "methods" : []
+  },
+  "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"
       },
       {
-        "name" : "markInvalid",
+        "name" : "mgr",
+        "type" : "Roo.bootstrap.layout.Manager",
+        "desc" : "The manager",
+        "memberOf" : ""
+      },
+      {
+        "name" : "region",
+        "type" : "string",
+        "desc" : "the region that it inhabits..",
+        "memberOf" : ""
+      },
+      {
+        "name" : "skipConfig",
+        "type" : "bool",
+        "desc" : "skip config?",
+        "memberOf" : ""
+      }
+    ],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "add",
         "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
+        "desc" : "Add the passed ContentPanel(s)",
+        "sig" : "(panel)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Input",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
+            "name" : "panel",
+            "type" : "ContentPanel...",
+            "desc" : "The ContentPanel(s) to add (you can pass more than one)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.ContentPanel",
+            "desc" : "The panel added (if only one was added)"
+          }
+        ]
       },
       {
-        "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.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" : "fireEvent",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
+        "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" : "",
+            "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" : "removeListener",
+        "name" : "getActivePanel",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Get the active panel for this region.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
+            "name" : "",
+            "type" : "Roo.ContentPanel",
+            "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" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : 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" : "",
+        "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" : "panel",
+            "type" : "Number/String/ContentPanel",
+            "desc" : "The panels index, id or the panel itself",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.ContentPanel",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "render",
+        "name" : "getPosition",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
+        "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,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "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" : "String",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "reset",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Input",
+        "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" : "setDisabled",
+        "name" : "hasPanel",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "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" : "disabled",
-            "type" : "Boolean",
-            "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" : "setRawValue",
+        "name" : "isVisible",
         "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 true if this region is currently visible.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Input",
+        "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" : "Boolean",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setValue",
+        "name" : "on",
         "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" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Input",
+        "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 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" : "remove",
         "type" : "function",
-        "desc" : "Fetch the element to display the tooltip on.",
-        "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.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "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",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
+            "type" : "Roo.ContentPanel",
+            "desc" : "The panel that was removed"
           }
         ]
       },
       {
-        "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" : "resizeTo",
         "type" : "function",
-        "desc" : "Validates the field value",
-        "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.bootstrap.Input",
+        "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" : "newSize",
+            "type" : "Number",
+            "desc" : "The new width or height",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "validateValue",
+        "name" : "showPanel",
         "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" : "Show the specified panel.",
+        "sig" : "(panelId)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Input",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to validate",
+            "name" : "panelId",
+            "type" : "Number/String/ContentPanel",
+            "desc" : "The panels index, id or the panel itself",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
-      }
-    ]
-  },
-  "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" : []
-      }
-    ]
-  },
-  "Roo.bootstrap.TriggerField" : {
-    "props" : [
-      {
-        "name" : "(button|checkbox|email|file|hidden|image|number|password|radio|range|reset|search|submit|text)",
-        "type" : "String",
-        "desc" : "inputType",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "accept",
-        "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.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.Input"
-      },
-      {
-        "name" : "align",
-        "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "allowBlank",
-        "type" : "Boolean",
-        "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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.Input"
-      },
-      {
-        "name" : "before",
-        "type" : "string",
-        "desc" : "- input group add on before",
-        "memberOf" : "Roo.bootstrap.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.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.Input"
-      },
-      {
-        "name" : "caret",
-        "type" : "String",
-        "desc" : "r) BS3 only - carat fa name",
-        "memberOf" : ""
-      },
-      {
-        "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" : "disableKeyFilter",
-        "type" : "Boolean",
-        "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "is it disabled",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "fieldLabel",
-        "type" : "string",
-        "desc" : "- the label associated",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "focusClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "forceFeedback",
-        "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "hasFeedback",
-        "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.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" : "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.Input"
-      },
-      {
-        "name" : "invalidClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "invalidFeedbackIcon",
-        "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "invalidText",
-        "type" : "String",
-        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelAlign",
-        "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelWidth",
-        "type" : "Number",
-        "desc" : "set the width of label",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labellg",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelmd",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelsm",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelxs",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "lg",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for large computer-sized screens",
-        "memberOf" : "Roo.bootstrap.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.Input"
-      },
-      {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.bootstrap.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.Input"
-      },
-      {
-        "name" : "md",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for computer-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "minLength",
-        "type" : "Number",
-        "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.bootstrap.Input"
+            "name" : "",
+            "type" : "Roo.ContentPanel",
+            "desc" : "The shown panel or null"
+          }
+        ]
       },
       {
-        "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.Input"
-      },
+        "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" : []
+      }
+    ]
+  },
+  "Roo.bootstrap.layout.Border" : {
+    "props" : [
       {
-        "name" : "name",
+        "name" : "actionMode",
         "type" : "String",
-        "desc" : "name of the input",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "placeholder",
-        "type" : "string",
-        "desc" : "- placeholder to put in text.",
-        "memberOf" : "Roo.bootstrap.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"
       },
       {
-        "name" : "preventMark",
+        "name" : "allowDomMove",
         "type" : "Boolean",
-        "desc" : "Do not show tick or cross if error/success",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "readOnly",
+        "name" : "can_build_overlaid",
         "type" : "Boolean",
-        "desc" : "Specifies that the field should be read-only",
-        "memberOf" : "Roo.bootstrap.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.Input"
-      },
-      {
-        "name" : "regexText",
-        "type" : "String",
-        "desc" : "-- Depricated - use Invalid Text",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "True if element can be rebuild from a HTML page",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "removable",
-        "type" : "Boolean",
-        "desc" : "e) special filter default false",
+        "name" : "center",
+        "type" : "Roo.bootstrap.layout.Region",
+        "desc" : "region to go in center",
         "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.Input"
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "size",
+        "name" : "container_method",
         "type" : "string",
-        "desc" : "- (lg|sm) or leave empty..",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "sm",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for tablet-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "style",
-        "type" : "String",
-        "desc" : "any extra css",
+        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "tooltip",
+        "name" : "dataId",
         "type" : "string",
-        "desc" : "Text for the tooltip",
+        "desc" : "cutomer id",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "triggerClass",
+        "name" : "disableClass",
         "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.",
+        "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" : ""
       },
       {
-        "name" : "validClass",
+        "name" : "hideMode",
         "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.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"
       },
       {
-        "name" : "validFeedbackIcon",
-        "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.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" : "validateOnBlur",
-        "type" : "Boolean",
-        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "name",
+        "type" : "string",
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "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.Input"
+        "name" : "north",
+        "type" : "Roo.bootstrap.layout.Region",
+        "desc" : "region to go in north",
+        "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" : "Roo.bootstrap.Input"
+        "name" : "south",
+        "type" : "Roo.bootstrap.layout.Region",
+        "desc" : "region to go in south",
+        "memberOf" : ""
       },
       {
-        "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.Input"
+        "name" : "style",
+        "type" : "String",
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "value",
+        "name" : "tooltip",
         "type" : "string",
-        "desc" : "default value of the input",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "visibilityEl",
         "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.Input"
+        "name" : "west",
+        "type" : "Roo.bootstrap.layout.Region",
+        "desc" : "region to go in west",
+        "memberOf" : ""
       },
       {
         "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.Input"
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
-      {
-        "name" : "blur",
-        "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.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.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.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.LayoutManager",
             "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.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.LayoutRegion",
+            "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.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.LayoutRegion",
+            "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.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.LayoutRegion",
+            "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.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.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" : "",
-        "sig" : "()\n{\n\n}",
+        "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,
         "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.layout.Manager",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [],
         "returns" : []
       },
         "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.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.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.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.LayoutRegion",
+            "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.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.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.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.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" : "",
-        "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.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.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.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" : "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" : "showPanel",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Searches all regions for a panel with the specified id and activates (shows) it.",
+        "sig" : "(panelId)",
         "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" : "panelId",
+            "type" : "String/ContentPanel",
+            "desc" : "The panels id or the panel itself",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.ContentPanel",
+            "desc" : "The shown panel or null"
+          }
+        ]
       },
       {
-        "name" : "validate",
+        "name" : "tooltipEl",
         "type" : "function",
-        "desc" : "Validates the field value",
+        "desc" : "Fetch the element to display the tooltip on.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Input",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
+            "type" : "Roo.Element",
+            "desc" : "defaults to this.el"
           }
         ]
       },
       {
-        "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.bootstrap.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 handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       }
     ]
   },
-  "Roo.bootstrap.UploadCropbox" : {
+  "Roo.bootstrap.layout.Manager" : {
     "props" : [
       {
         "name" : "actionMode",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "buttons",
-        "type" : "Array",
-        "desc" : "default ['rotateLeft', 'pictureBtn', 'rotateRight']",
-        "memberOf" : ""
-      },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "emptyText",
-        "type" : "String",
-        "desc" : "show when image has been loaded",
-        "memberOf" : ""
-      },
-      {
-        "name" : "errorTimeout",
-        "type" : "Number",
-        "desc" : "default 3000",
-        "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" : "isDocument",
-        "type" : "Boolean",
-        "desc" : "e) default false",
-        "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) default true",
-        "memberOf" : ""
-      },
-      {
-        "name" : "loadingText",
-        "type" : "Boolean",
-        "desc" : "default 'Loading...'",
-        "memberOf" : ""
-      },
-      {
-        "name" : "method",
-        "type" : "String",
-        "desc" : "default POST",
-        "memberOf" : ""
-      },
-      {
-        "name" : "minHeight",
-        "type" : "Number",
-        "desc" : "default 300",
-        "memberOf" : ""
-      },
-      {
-        "name" : "minWidth",
-        "type" : "Number",
-        "desc" : "default 300",
-        "memberOf" : ""
-      },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "paramName",
-        "type" : "String",
-        "desc" : "default 'imageUpload'",
-        "memberOf" : ""
-      },
-      {
-        "name" : "rotateNotify",
-        "type" : "String",
-        "desc" : "show when image too small to rotate",
-        "memberOf" : ""
-      },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "Text for the tooltip",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "url",
-        "type" : "String",
-        "desc" : "action url",
-        "memberOf" : ""
-      },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
       }
     ],
     "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",
+        "name" : "layout",
         "type" : "function",
-        "desc" : "Fire after initEvent",
+        "desc" : "Fires when a layout is performed.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "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",
+            "type" : "Roo.LayoutManager",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "prepare",
+        "name" : "regioncollapsed",
         "type" : "function",
-        "desc" : "Fire when preparing the file data",
-        "sig" : "function (_self, file)\n{\n\n}",
+        "desc" : "Fires when a region is collapsed.",
+        "sig" : "function (region)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.bootstrap.UploadCropbox",
-            "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" : "",
+            "name" : "region",
+            "type" : "Roo.LayoutRegion",
+            "desc" : "The collapsed region",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "resize",
+        "name" : "regionexpanded",
         "type" : "function",
-        "desc" : "Fire when resize",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "Fires when a region is expanded.",
+        "sig" : "function (region)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.bootstrap.UploadCropbox",
-            "desc" : "",
+            "name" : "region",
+            "type" : "Roo.LayoutRegion",
+            "desc" : "The expanded region",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "rotate",
+        "name" : "regionresized",
         "type" : "function",
-        "desc" : "Fire when rotate the image",
-        "sig" : "function (_self, pos)\n{\n\n}",
+        "desc" : "Fires when the user resizes a region.",
+        "sig" : "function (region, newSize)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.bootstrap.UploadCropbox",
-            "desc" : "",
+            "name" : "region",
+            "type" : "Roo.LayoutRegion",
+            "desc" : "The resized region",
             "isOptional" : false
           },
           {
-            "name" : "pos",
-            "type" : "String",
-            "desc" : "",
+            "name" : "newSize",
+            "type" : "Number",
+            "desc" : "The new size (width for east/west, height for north/south)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
+        "desc" : "Fires after the component is rendered.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "trash",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Fire when trash image",
+        "desc" : "Fires after the component is shown.",
         "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" : "",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.UploadCropbox",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "data",
-            "type" : "Object",
+            "type" : "Roo.Component",
             "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 underlying {@link Roo.Element}.",
+        "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" : "getId",
+        "type" : "function",
+        "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" : "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" : "getId",
+        "name" : "getViewSize",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
+        "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.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "type" : "Object",
+            "desc" : "The size as an object {width: (the width), height: (the height)}"
           }
         ]
       },
         "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",
       }
     ]
   },
-  "Roo.bootstrap.breadcrumb" : {
-    "props" : [],
-    "events" : [],
-    "methods" : []
-  },
-  "Roo.bootstrap.breadcrumb.Item" : {
+  "Roo.bootstrap.layout.Region" : {
     "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" : "alwaysShowTabs",
+        "type" : "Boolean",
+        "desc" : "True to always display tabs even when there is only 1 panel (defaults to false)",
+        "memberOf" : ""
       },
       {
-        "name" : "active",
+        "name" : "animate",
         "type" : "Boolean",
-        "desc" : "is it active",
+        "desc" : "True to animate expand/collapse (defaults to false)",
         "memberOf" : ""
       },
       {
-        "name" : "allowDomMove",
+        "name" : "autoHide",
         "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "desc" : "False to disable auto hiding when the mouse leaves the \"floated\" region (defaults to true)",
+        "memberOf" : ""
       },
       {
-        "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" : ""
       },
       {
-        "name" : "cls",
-        "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "closeOnTab",
+        "type" : "Boolean",
+        "desc" : "True to place the close icon on the tabs instead of the region titlebar (defaults to false)",
+        "memberOf" : ""
       },
       {
-        "name" : "container_method",
+        "name" : "cls",
         "type" : "string",
-        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "Extra CSS classes to add to region",
+        "memberOf" : ""
       },
       {
-        "name" : "dataId",
-        "type" : "string",
-        "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "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" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "name" : "disableTabTips",
+        "type" : "Boolean",
+        "desc" : "True to disable tab tooltips",
+        "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" : "height",
+        "type" : "Number",
+        "desc" : "For North/South panels",
+        "memberOf" : ""
       },
       {
-        "name" : "href",
-        "type" : "String",
-        "desc" : "where it links to if '#' is used the link will be handled by onClick.",
+        "name" : "hidden",
+        "type" : "Boolean",
+        "desc" : "True to start the region hidden (defaults to false)",
         "memberOf" : ""
       },
       {
-        "name" : "html",
-        "type" : "String",
-        "desc" : "the content of the link.",
+        "name" : "hideTabs",
+        "type" : "Boolean",
+        "desc" : "True to hide the tab strip (defaults to false)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "hideWhenEmpty",
+        "type" : "Boolean",
+        "desc" : "True to hide the region when it has no panels",
         "memberOf" : ""
       },
       {
         "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "name",
-        "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "margins",
+        "type" : "Object",
+        "desc" : "Margins for the element (defaults to {top: 0, left: 0, right:0, bottom: 0})",
+        "memberOf" : ""
       },
       {
-        "name" : "style",
-        "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "mgr",
+        "type" : "Roo.bootstrap.layout.Manager",
+        "desc" : "The manager",
+        "memberOf" : ""
       },
       {
-        "name" : "tooltip",
-        "type" : "string",
-        "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "minTabWidth",
+        "type" : "Number",
+        "desc" : "The minimum tab width (defaults to 40)",
+        "memberOf" : ""
       },
       {
-        "name" : "visibilityEl",
-        "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "overflow",
+        "type" : "String",
+        "desc" : "e) if you have menus in the region, then you need to set this to visible.",
+        "memberOf" : ""
       },
       {
-        "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" : "preferredTabWidth",
+        "type" : "Number",
+        "desc" : "The preferred tab width (defaults to 150)",
+        "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" : "preservePanels",
+        "type" : "Boolean",
+        "desc" : "True to preserve removed panels so they can be readded later (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" : "region",
+        "type" : "string",
+        "desc" : "the region that it inhabits..",
+        "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" : "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" : "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" : "Roo.bootstrap.layout.Basic"
       },
       {
-        "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" : "split",
+        "type" : "Boolean",
+        "desc" : "To show the splitter",
+        "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" : "tabPosition",
+        "type" : "String",
+        "desc" : "m) \"top\" or \"bottom\" (defaults to \"bottom\")",
+        "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" : "title",
+        "type" : "String",
+        "desc" : "The title for the region (overrides panel titles)",
+        "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" : "titlebar",
+        "type" : "Boolean",
+        "desc" : "True to display a title bar (defaults to true)",
+        "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" : "toolbar",
+        "type" : "Boolean",
+        "desc" : "xtype configuration for a toolbar - shows on right of tabbar",
+        "memberOf" : ""
       },
       {
-        "name" : "render",
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "For East/West panels",
+        "memberOf" : ""
+      }
+    ],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "add",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "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" : "show",
-        "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "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" : []
-      }
-    ],
-    "methods" : [
+        ]
+      },
       {
         "name" : "addEvents",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "capture",
+        "name" : "animateCollapse",
         "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",
-        "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" : "animateExpand",
         "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Expands this region if it was previously collapsed.",
+        "sig" : "(e, skipAnim)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
+          {
+            "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" : "skipAnim",
+            "type" : "Boolean",
+            "desc" : "(optional) true to expand the element without animation (if animate is true)",
+            "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" : "fireEvent",
         ]
       },
       {
-        "name" : "focus",
+        "name" : "getActivePanel",
         "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
+        "desc" : "Get the active panel for this region.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "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" : "Roo.ContentPanel",
+            "desc" : "The active panel or null"
           }
         ]
       },
       {
-        "name" : "getChildContainer",
+        "name" : "getBox",
         "type" : "function",
-        "desc" : "Fetch the element to add children to",
+        "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" : "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" : "getEl",
+        "type" : "function",
+        "desc" : "Returns the container element for this region.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "",
             "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getEl",
+        "name" : "getPanel",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Returns the panel specified or null if it's not in this region.",
+        "sig" : "(panel)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.layout.Basic",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "panel",
+            "type" : "Number/String/ContentPanel",
+            "desc" : "The panels index, id or the panel itself",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
+            "type" : "Roo.ContentPanel",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getId",
+        "name" : "getPosition",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
+        "desc" : "Returns this regions position (north/south/east/west/center).",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.layout.Basic",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         ]
       },
       {
-        "name" : "getVisibilityEl",
+        "name" : "getTabs",
         "type" : "function",
-        "desc" : "Get the element that will be used to show or hide",
+        "desc" : "Returns the TabPanel component used by 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.TabPanel",
+            "desc" : ""
+          }
+        ]
       },
       {
         "name" : "hasListener",
           }
         ]
       },
+      {
+        "name" : "hasPanel",
+        "type" : "function",
+        "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" : "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" : "Hide a component - adds 'hidden' class",
+        "desc" : "Hides this region.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "initEvents",
+        "name" : "hidePanel",
         "type" : "function",
-        "desc" : "Initialize Events for the element",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Hides the tab for the specified panel.",
+        "sig" : "(panel)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "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 component is visible.",
+        "desc" : "Returns true if this region is currently visible.",
         "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",
         "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 panel's 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" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.ContentPanel",
+            "desc" : "The panel that was removed"
+          }
+        ]
       },
       {
-        "name" : "render",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
+        "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" : "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 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" : "setDisabled",
+        "name" : "resizeTo",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "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,
         "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "desc" : "",
+            "name" : "newSize",
+            "type" : "Number",
+            "desc" : "The new width or height",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setVisibilityEl",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Set the element that will be used to show or hide",
+        "desc" : "Shows this region if it was previously hidden.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "setVisible",
+        "name" : "showPanel",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
+        "desc" : "Shows 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 panel's 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 if a panel could not be found from panelId"
           }
         ]
       },
           }
         ],
         "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" : []
       }
     ]
   },
-  "Roo.bootstrap.breadcrumb.Nav" : {
+  "Roo.bootstrap.layout.Split" : {
     "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" : "alwaysShowTabs",
+        "type" : "Boolean",
+        "desc" : "True to always display tabs even when there is only 1 panel (defaults to false)",
+        "memberOf" : "Roo.LayoutRegion"
       },
       {
-        "name" : "allowDomMove",
+        "name" : "animate",
         "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "desc" : "True to animate expand/collapse (defaults to false)",
+        "memberOf" : "Roo.LayoutRegion"
       },
       {
-        "name" : "can_build_overlaid",
+        "name" : "autoHide",
         "type" : "Boolean",
-        "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "False to disable auto hiding when the mouse leaves the \"floated\" region (defaults to true)",
+        "memberOf" : "Roo.LayoutRegion"
       },
       {
-        "name" : "cls",
-        "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "autoScroll",
+        "type" : "Boolean",
+        "desc" : "True to enable overflow scrolling (defaults to false)",
+        "memberOf" : "Roo.LayoutRegion"
       },
       {
-        "name" : "container_method",
-        "type" : "string",
-        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "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" : "dataId",
-        "type" : "string",
-        "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "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" : "disableClass",
+        "name" : "collapsed",
+        "type" : "Boolean",
+        "desc" : "True to set the initial display to collapsed (defaults to false)",
+        "memberOf" : "Roo.LayoutRegion"
+      },
+      {
+        "name" : "collapsedTitle",
         "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "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" : "hideWhenEmpty",
+        "type" : "Boolean",
+        "desc" : "True to hide the region when it has no panels",
+        "memberOf" : "Roo.LayoutRegion"
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for 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" : "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" : "showPin",
+        "type" : "Boolean",
+        "desc" : "True to show a pin button",
+        "memberOf" : "Roo.LayoutRegion"
       },
       {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for 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" : "split",
+        "type" : "Boolean",
+        "desc" : "To show the splitter",
+        "memberOf" : "Roo.LayoutRegion"
       },
       {
-        "name" : "name",
-        "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "tabPosition",
+        "type" : "String",
+        "desc" : "m) \"top\" or \"bottom\" (defaults to \"bottom\")",
+        "memberOf" : "Roo.LayoutRegion"
       },
       {
-        "name" : "style",
+        "name" : "title",
         "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "The title for the region (overrides panel titles)",
+        "memberOf" : "Roo.LayoutRegion"
       },
       {
-        "name" : "tooltip",
-        "type" : "string",
-        "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "titlebar",
+        "type" : "Boolean",
+        "desc" : "True to display a title bar (defaults to true)",
+        "memberOf" : "Roo.LayoutRegion"
       },
       {
-        "name" : "visibilityEl",
-        "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "toolbar",
+        "type" : "Boolean",
+        "desc" : "xtype configuration for a toolbar - shows on right of tabbar",
+        "memberOf" : "Roo.LayoutRegion"
       },
       {
-        "name" : "xattr",
-        "type" : "Object",
-        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "For East/West panels",
+        "memberOf" : "Roo.LayoutRegion"
       }
     ],
     "events" : [
       {
-        "name" : "beforedestroy",
+        "name" : "beforecollapse",
         "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "desc" : "Fires when this region before collapse.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.BasicLayoutRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.LayoutRegion",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "beforehide",
+        "name" : "beforeremove",
         "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 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",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.LayoutRegion",
             "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" : "beforerender",
+        "name" : "collapsed",
         "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "desc" : "Fires when this region is collapsed.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.BasicLayoutRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.LayoutRegion",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "beforeshow",
+        "name" : "expanded",
         "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "desc" : "Fires when this region is expanded.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.BasicLayoutRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.LayoutRegion",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "childrenrendered",
+        "name" : "invalidated",
         "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
+        "desc" : "Fires when the layout for this region is changed.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.BasicLayoutRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.Component",
+            "type" : "Roo.LayoutRegion",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "panelactivated",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when a panel is activated.",
+        "sig" : "function (_self, panel)\n{\n\n}",
+        "memberOf" : "Roo.BasicLayoutRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.LayoutRegion",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "panel",
+            "type" : "Roo.ContentPanel",
+            "desc" : "The activated panel",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "paneladded",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when a panel is added.",
+        "sig" : "function (_self, panel)\n{\n\n}",
+        "memberOf" : "Roo.BasicLayoutRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.LayoutRegion",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "panel",
+            "type" : "Roo.ContentPanel",
+            "desc" : "The panel",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "panelremoved",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when a panel is removed.",
+        "sig" : "function (_self, panel)\n{\n\n}",
+        "memberOf" : "Roo.BasicLayoutRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.LayoutRegion",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "panel",
+            "type" : "Roo.ContentPanel",
+            "desc" : "The panel",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "resized",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when the user resizes this region.",
+        "sig" : "function (_self, newSize)\n{\n\n}",
+        "memberOf" : "Roo.BasicLayoutRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.LayoutRegion",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "newSize",
+            "type" : "Number",
+            "desc" : "The new size (width for east/west, height for north/south)",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "slidehide",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
+        "desc" : "Fires when this region slides out of view.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.BasicLayoutRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.LayoutRegion",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "slideshow",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
+        "desc" : "Fires when this region is slid into view.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.BasicLayoutRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.LayoutRegion",
+            "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.BasicLayoutRegion",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.LayoutRegion",
             "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" : "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" : "collapse",
         "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Collapses this region.",
+        "sig" : "(skipAnim)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.LayoutRegion",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "skipAnim",
+            "type" : "Boolean",
+            "desc" : "(optional) true to collapse the element without animation (if animate is true)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "expand",
         "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Expands this region if it was previously collapsed.",
+        "sig" : "(e, skipAnim)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.LayoutRegion",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "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",
         ]
       },
       {
-        "name" : "focus",
+        "name" : "getActivePanel",
         "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
+        "desc" : "Get the active panel for this region.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.LayoutRegion",
         "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" : "Roo.ContentPanel",
+            "desc" : "The active panel or null"
           }
         ]
       },
       {
-        "name" : "getChildContainer",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Fetch the element to add children to",
+        "desc" : "Returns the container element for this region.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.LayoutRegion",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "",
             "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getEl",
+        "name" : "getPanel",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "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" : ""
+          }
+        ]
+      },
+      {
+        "name" : "getPosition",
+        "type" : "function",
+        "desc" : "Returns this regions position (north/south/east/west/center).",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.BasicLayoutRegion",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
+            "type" : "String",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getId",
+        "name" : "getSplitBar",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
+        "desc" : "Returns the {@link Roo.SplitBar} for this region.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
+            "type" : "Roo.SplitBar",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "getVisibilityEl",
+        "name" : "getTabs",
         "type" : "function",
-        "desc" : "Get the element that will be used to show or hide",
+        "desc" : "Returns the TabPanel component used by this region",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.LayoutRegion",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.TabPanel",
+            "desc" : ""
+          }
+        ]
       },
       {
         "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" : "Hide a component - adds 'hidden' class",
+        "desc" : "Hides this region.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.LayoutRegion",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "initEvents",
+        "name" : "hidePanel",
         "type" : "function",
-        "desc" : "Initialize Events for the element",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Hides the tab for the specified panel.",
+        "sig" : "(panel)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.LayoutRegion",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "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 component is visible.",
+        "desc" : "Returns true if this region is currently visible.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.LayoutRegion",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
+          }
+        ]
       },
       {
         "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" : "render",
+        "name" : "resizeTo",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
+        "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.BasicLayoutRegion",
         "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" : "newSize",
+            "type" : "Number",
+            "desc" : "The new width or height",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setDisabled",
+        "name" : "setCollapsedTitle",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "Updates the title for collapsed north/south regions (used with {@link #collapsedTitle} config option)",
+        "sig" : "(title)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.LayoutRegion",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "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" : "setVisibilityEl",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Set the element that will be used to show or hide",
+        "desc" : "Shows this region if it was previously hidden.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.LayoutRegion",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "setVisible",
+        "name" : "showPanel",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
+        "desc" : "Shows the specified panel.",
+        "sig" : "(panelId)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.LayoutRegion",
         "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 panel's 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 if a panel could not be found from panelId"
           }
         ]
       },
           }
         ],
         "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" : []
       }
     ]
   },
-  "Roo.bootstrap.dash" : {
+  "Roo.bootstrap.menu" : {
     "props" : [],
     "events" : [],
     "methods" : []
   },
-  "Roo.bootstrap.dash.NumberBox" : {
+  "Roo.bootstrap.menu.Item" : {
     "props" : [
       {
         "name" : "actionMode",
         "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" : ""
+      },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "content",
-        "type" : "String",
-        "desc" : "Box content",
-        "memberOf" : ""
-      },
       {
         "name" : "dataId",
         "type" : "string",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "fhref",
+        "name" : "fa",
         "type" : "String",
-        "desc" : "Footer href",
+        "desc" : "favicon to show on left of menu item.",
         "memberOf" : ""
       },
       {
-        "name" : "footer",
+        "name" : "hideMode",
         "type" : "String",
-        "desc" : "Footer text",
-        "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"
       },
       {
-        "name" : "headline",
+        "name" : "href",
         "type" : "String",
-        "desc" : "Box headline",
+        "desc" : "the link",
         "memberOf" : ""
       },
       {
-        "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 menu label",
+        "memberOf" : ""
       },
       {
-        "name" : "icon",
-        "type" : "String",
-        "desc" : "Box icon",
+        "name" : "isContainer",
+        "type" : "Boolean",
+        "desc" : "is it a container - just returns a drop down item..",
         "memberOf" : ""
       },
       {
         "desc" : "list of events and functions to call for 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" : ""
+      },
       {
         "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" : ""
+      },
       {
         "name" : "style",
         "type" : "String",
         ],
         "returns" : []
       },
+      {
+        "name" : "click",
+        "type" : "function",
+        "desc" : "The raw click event for the entire grid.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.menu.Item",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "destroy",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.dash.TabBox" : {
+  "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.menu.Menu" : {
     "props" : [
       {
         "name" : "actionMode",
         "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" : "default tl-bl? == below  - how the menu should be aligned.",
+        "memberOf" : ""
+      },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "hidden",
+        "type" : "bool",
+        "desc" : "if the menu should be hidden when rendered.",
+        "memberOf" : ""
+      },
       {
         "name" : "hideMode",
         "type" : "String",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "icon",
-        "type" : "String",
-        "desc" : "Icon of the TabBox",
+        "name" : "hideTrigger",
+        "type" : "bool",
+        "desc" : "e)  default false - hide the carret for trigger.",
+        "memberOf" : ""
+      },
+      {
+        "name" : "isLink",
+        "type" : "bool",
+        "desc" : "e)  the menu has link disable auto expand and collaspe (default false)",
         "memberOf" : ""
       },
       {
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "showtabs",
+        "name" : "registerMenu",
         "type" : "Boolean",
-        "desc" : "e) show the tabs default true",
+        "desc" : "True (default) - means that clicking on screen etc. hides it.",
         "memberOf" : ""
       },
       {
-        "name" : "style",
-        "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "tabScrollable",
-        "type" : "Boolean",
-        "desc" : "e) tab scrollable when mobile view default false",
+        "name" : "stopEvent",
+        "type" : "bool",
+        "desc" : "e)  Stop event after trigger press (default true)",
         "memberOf" : ""
       },
       {
-        "name" : "title",
+        "name" : "style",
         "type" : "String",
-        "desc" : "Title of the TabBox",
-        "memberOf" : ""
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "tooltip",
         "desc" : "Text for the tooltip",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "type",
+        "type" : "String",
+        "desc" : "u) type of menu",
+        "memberOf" : ""
+      },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
       }
     ],
     "events" : [
-      {
-        "name" : "activatepane",
-        "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" : "addpane",
-        "type" : "function",
-        "desc" : "When a pane is added",
-        "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",
       {
         "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" : "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" : "destroy",
         "type" : "function",
       {
         "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" : "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",
+        "type" : "function",
+        "desc" : "Fires when the mouse exits this menu",
+        "sig" : "function (_self, e, menuItem)\n{\n\n}",
+        "memberOf" : "",
+        "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",
+            "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",
+            "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" : "render",
         "type" : "function",
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
+        "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
           }
       {
         "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" : []
       },
       {
         ],
         "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",
       {
         "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" : []
       },
       {
       }
     ]
   },
-  "Roo.bootstrap.dash.TabPane" : {
+  "Roo.bootstrap.menu.Separator" : {
     "props" : [
       {
         "name" : "actionMode",
         "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) Default false",
-        "memberOf" : ""
-      },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "title",
-        "type" : "String",
-        "desc" : "title of panel",
-        "memberOf" : ""
-      },
       {
         "name" : "tooltip",
         "type" : "string",
       }
     ],
     "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" : "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" : []
-      }
-    ]
-  },
-  "Roo.bootstrap.htmleditor" : {
-    "props" : [],
-    "events" : [],
-    "methods" : []
-  },
-  "Roo.bootstrap.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" : ""
+      }
+    ]
+  },
+  "Roo.bootstrap.nav" : {
+    "props" : [],
+    "events" : [],
+    "methods" : []
+  },
+  "Roo.bootstrap.nav.Bar" : {
+    "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" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for 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"
+      }
+    ],
+    "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" : "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",
+            "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" : "disable",
-        "type" : "Object",
-        "desc" : "List of elements to disable..",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [],
-    "methods" : [
-      {
-        "name" : "updateToolbar",
+        "name" : "render",
         "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,
+        "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" : []
-      }
-    ]
-  },
-  "Roo.bootstrap.layout" : {
-    "props" : [],
-    "events" : [],
-    "methods" : []
-  },
-  "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"
-      },
-      {
-        "name" : "mgr",
-        "type" : "Roo.bootstrap.layout.Manager",
-        "desc" : "The manager",
-        "memberOf" : ""
       },
       {
-        "name" : "region",
-        "type" : "string",
-        "desc" : "the region that it inhabits..",
-        "memberOf" : ""
-      },
-      {
-        "name" : "skipConfig",
-        "type" : "bool",
-        "desc" : "skip config?",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [],
-    "methods" : [
-      {
-        "name" : "add",
+        "name" : "show",
         "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 shown.",
+        "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" : [
-          {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel added (if only one was added)"
-          }
-        ]
-      },
+        "returns" : []
+      }
+    ],
+    "methods" : [
       {
         "name" : "addEvents",
         "type" : "function",
         ],
         "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",
+        "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" : "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" : "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" : "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
-          }
-        ],
-        "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" : "",
+        "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" : "showPanel",
+        "name" : "setVisibilityEl",
         "type" : "function",
-        "desc" : "Show the specified panel.",
-        "sig" : "(panelId)",
+        "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,
+        "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,
         "requires" : "",
         "params" : [
           {
-            "name" : "panelId",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panels 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"
+            "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"
           }
         ]
       },
       }
     ]
   },
-  "Roo.bootstrap.layout.Border" : {
+  "Roo.bootstrap.nav.Group" : {
     "props" : [
       {
         "name" : "actionMode",
         "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)",
+        "memberOf" : ""
+      },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "y)\nHow this component 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" : "Specifies name attribute",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "navId",
+        "type" : "String",
+        "desc" : "- reference Id for navbar.",
+        "memberOf" : ""
+      },
+      {
+        "name" : "pilltype",
+        "type" : "Boolean",
+        "desc" : "default true (turn to off to disable active toggle)",
+        "memberOf" : ""
+      },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "Text for the tooltip",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "type",
+        "type" : "String",
+        "desc" : "b) default nav",
+        "memberOf" : ""
+      },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
         "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 changes",
+        "sig" : "function (_self, selected, prev)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.Component",
+            "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" : "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",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "Adds a ContentPanel (or subclass) to this layout.",
-        "sig" : "(target, panel)",
+        "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" : "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",
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The added panel"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "addEvents",
+        "name" : "addItem",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "adds a Navigation item",
+        "sig" : "(the)",
         "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" : "the",
+            "type" : "Roo.bootstrap.nav.Item",
+            "desc" : "navitem to add",
             "isOptional" : false
           }
         ],
         "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" : "clearAll",
         "type" : "function",
-        "desc" : "Suspend the LayoutManager from doing auto-layouts while\nmaking multiple add or remove calls",
+        "desc" : "clear all the Navigation item",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.layout.Manager",
+        "memberOf" : "",
         "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" : "fireEvent",
         "type" : "function",
-        "desc" : "Restore auto-layouts and optionally disable the manager from performing a layout",
-        "sig" : "(noLayout)",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.layout.Manager",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "noLayout",
-            "type" : "Boolean",
-            "desc" : "true to disable a layout update",
+            "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" : "findPanel",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Searches all regions for a panel with the specified id",
-        "sig" : "(panelId)",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "panelId",
-            "type" : "String",
-            "desc" : "",
+            "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 panel or null if it wasn't found"
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "fireEvent",
+        "name" : "get",
         "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" : "fetch a Navigation Group based on the navigation ID",
+        "sig" : "(the)",
+        "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" : "the",
+            "type" : "string",
+            "desc" : "navgroup to add",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "focus",
+        "name" : "getActive",
         "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
+        "desc" : "gets the active Navigation item",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "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" : "Roo.bootstrap.nav.Item",
+            "desc" : "the current navitem"
           }
         ]
       },
       {
         "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" : "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" : "Remove a ContentPanel (or subclass) to this layout.",
-        "sig" : "(target, panel)",
-        "static" : false,
+        "desc" : "register a Navigation Group",
+        "sig" : "(the)",
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "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",
+            "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 removed panel"
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
         "name" : "removeListener",
         ],
         "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",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "setDisabled",
         "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",
       }
     ]
   },
-  "Roo.bootstrap.layout.Manager" : {
+  "Roo.bootstrap.nav.Headerbar" : {
     "props" : [
       {
         "name" : "actionMode",
         "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" : "Roo.bootstrap.nav.Simplebar"
+      },
       {
         "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" : "autohide",
+        "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" : ""
+      },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "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" : "y)\nHow this component 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"
+      },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for 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"
+      },
+      {
+        "name" : "mobilerow",
+        "type" : "Roo.bootstrap.Row",
+        "desc" : "- a row to display on mobile only..",
+        "memberOf" : ""
+      },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "position",
+        "type" : "String",
+        "desc" : "p) position",
+        "memberOf" : ""
+      },
+      {
+        "name" : "srButton",
+        "type" : "Boolean",
+        "desc" : "generate the (screen reader / mobile) sr-only button   default true",
+        "memberOf" : ""
+      },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "tag",
+        "type" : "String",
+        "desc" : "v) default is nav",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+      },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "type",
+        "type" : "String",
+        "desc" : "s)",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+      },
       {
         "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"
+      },
       {
         "name" : "xattr",
         "type" : "Object",
         "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" : "",
+        "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" : "",
-        "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" : []
-      },
       {
         "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",
         ],
         "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" : "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" : "",
+        "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" : "getChildContainer",
         "type" : "function",
-        "desc" : "Fetch the element to add children to",
+        "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",
+            "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",
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getEl",
+        "name" : "initEvents",
         "type" : "function",
-        "desc" : "Returns the Element this layout is bound to.",
+        "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" : "Roo.Element",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getId",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
+        "desc" : "Returns true if this component is visible.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "Roo.Component",
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "String",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getRegion",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Returns the specified region.",
-        "sig" : "(target)",
+        "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" : "target",
+            "name" : "eventName",
             "type" : "String",
-            "desc" : "The region key ('center', 'north', 'south', 'east' or 'west')",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.LayoutRegion",
-            "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" : "getViewSize",
+        "name" : "purgeListeners",
         "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" : "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" : "Object",
-            "desc" : "The size as an object {width: (the width), height: (the height)}"
-          }
-        ]
+        "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
+          },
+          {
+            "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" : "Boolean",
-            "desc" : "True if the event is being listened for, 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" : "hide",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Hide a component - adds 'hidden' class",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "initEvents",
+        "name" : "setVisibilityEl",
         "type" : "function",
-        "desc" : "Initialize Events for the element",
+        "desc" : "Set the element that will be used to show or hide",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component",
         "returns" : []
       },
       {
-        "name" : "isUpdating",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Returns true if this layout is currently being updated",
-        "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" : [],
+        "params" : [
+          {
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "isVisible",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
+        "desc" : "Show a component - removes 'hidden' class",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "tooltipEl",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "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,
           {
             "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" : []
+      }
+    ]
+  },
+  "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"
+      },
+      {
+        "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" : "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" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "beforehide",
         "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 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" : "releaseCapture",
+        "name" : "beforerender",
         "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 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" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "changed",
         "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 the active item active state changes",
+        "sig" : "function (_self, state)\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" : "Roo.bootstrap.nav.Item",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "state",
+            "type" : "boolean",
+            "desc" : "the new state",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "childrenrendered",
         "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 children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component",
         "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.bootstrap.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setDisabled",
+        "name" : "click",
         "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 click event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "setVisibilityEl",
+        "name" : "destroy",
         "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,
+        "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" : "setVisible",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
-        "static" : false,
+        "desc" : "Fires after the component is disabled.",
+        "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" : "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" : "",
+            "name" : "this",
             "type" : "Roo.Component",
-            "desc" : "this"
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "hide",
         "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,
+        "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" : "tooltipEl",
+        "name" : "render",
         "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,
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "scrollto",
         "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 scroll to element",
+        "sig" : "function (_self, options, 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" : "Roo.bootstrap.nav.Item",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "options",
+            "type" : "Object",
+            "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" : []
-      }
-    ]
-  },
-  "Roo.bootstrap.layout.Region" : {
-    "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" : "autoHide",
-        "type" : "Boolean",
-        "desc" : "False to disable auto hiding when the mouse leaves the \"floated\" region (defaults to true)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "autoScroll",
-        "type" : "Boolean",
-        "desc" : "True to enable overflow scrolling (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "closeOnTab",
-        "type" : "Boolean",
-        "desc" : "True to place the close icon on the tabs instead of the region titlebar (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "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" : ""
-      },
-      {
-        "name" : "height",
-        "type" : "Number",
-        "desc" : "For North/South panels",
-        "memberOf" : ""
-      },
-      {
-        "name" : "hidden",
-        "type" : "Boolean",
-        "desc" : "True to start the region hidden (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "hideTabs",
-        "type" : "Boolean",
-        "desc" : "True to hide the tab strip (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "hideWhenEmpty",
-        "type" : "Boolean",
-        "desc" : "True to hide the region when it has no panels",
-        "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" : "margins",
-        "type" : "Object",
-        "desc" : "Margins for the element (defaults to {top: 0, left: 0, right:0, bottom: 0})",
-        "memberOf" : ""
-      },
-      {
-        "name" : "mgr",
-        "type" : "Roo.bootstrap.layout.Manager",
-        "desc" : "The manager",
-        "memberOf" : ""
-      },
-      {
-        "name" : "minTabWidth",
-        "type" : "Number",
-        "desc" : "The minimum tab width (defaults to 40)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "overflow",
-        "type" : "String",
-        "desc" : "e) if you have menus in the region, then you need to set this to visible.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "preferredTabWidth",
-        "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" : "region",
-        "type" : "string",
-        "desc" : "the region that it inhabits..",
-        "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" : "skipConfig",
-        "type" : "bool",
-        "desc" : "skip config?",
-        "memberOf" : "Roo.bootstrap.layout.Basic"
-      },
-      {
-        "name" : "split",
-        "type" : "Boolean",
-        "desc" : "To show the splitter",
-        "memberOf" : ""
-      },
-      {
-        "name" : "tabPosition",
-        "type" : "String",
-        "desc" : "m) \"top\" or \"bottom\" (defaults to \"bottom\")",
-        "memberOf" : ""
-      },
-      {
-        "name" : "title",
-        "type" : "String",
-        "desc" : "The title for the region (overrides panel titles)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "titlebar",
-        "type" : "Boolean",
-        "desc" : "True to display a title bar (defaults to true)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "toolbar",
-        "type" : "Boolean",
-        "desc" : "xtype configuration for a toolbar - shows on right of tabbar",
-        "memberOf" : ""
       },
       {
-        "name" : "width",
-        "type" : "Number",
-        "desc" : "For East/West panels",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [],
-    "methods" : [
-      {
-        "name" : "add",
+        "name" : "show",
         "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 shown.",
+        "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" : [
-          {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel added (if only one was added; null otherwise)"
-          }
-        ]
-      },
+        "returns" : []
+      }
+    ],
+    "methods" : [
       {
         "name" : "addEvents",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "animateCollapse",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Collapses this region.",
-        "sig" : "(skipAnim)",
-        "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" : "skipAnim",
-            "type" : "Boolean",
-            "desc" : "(optional) true to collapse the element without animation (if animate is true)",
+            "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" : "animateExpand",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Expands this region if it was previously collapsed.",
-        "sig" : "(e, 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" : "",
+        "memberOf" : "Roo.Component",
         "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
-          },
+        "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" : "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" : "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" : "getActivePanel",
-        "type" : "function",
-        "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" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The active panel or null"
-          }
-        ]
-      },
-      {
-        "name" : "getBox",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Updates the title for collapsed north/south regions (used with {@link #collapsedTitle} config option)",
-        "sig" : "(title)",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
         "static" : false,
-        "memberOf" : "",
+        "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" : "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" : "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" : "Roo.bootstrap.layout.Basic",
+        "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" : "Roo.bootstrap.layout.Basic",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         ]
       },
       {
-        "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" : "",
+        "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.bootstrap.layout.Basic",
-        "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" : "",
+        "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",
+            "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" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "resizeTo",
+        "name" : "setHtml",
         "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" : "Set the HTML (text content) of the item",
+        "sig" : "(html)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.layout.Basic",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "newSize",
-            "type" : "Number",
-            "desc" : "The new width or height",
+            "name" : "html",
+            "type" : "string",
+            "desc" : "content for the nav item",
             "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" : "",
+        "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" : []
       }
     ]
   },
-  "Roo.bootstrap.layout.Split" : {
+  "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" : "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" : "NavProgressBar:bullets[]",
+        "type" : "Roo.bootstrap.nav.ProgressItem",
+        "desc" : "Bullets for the Nav Progress bar for the toolbar",
+        "memberOf" : ""
       },
       {
-        "name" : "collapsedTitle",
+        "name" : "actionMode",
         "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"
+        "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" : "hideTabs",
+        "name" : "allowDomMove",
         "type" : "Boolean",
-        "desc" : "True to hide the tab strip (defaults to false)",
-        "memberOf" : "Roo.LayoutRegion"
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "hideWhenEmpty",
+        "name" : "can_build_overlaid",
         "type" : "Boolean",
-        "desc" : "True to hide the region when it has no panels",
-        "memberOf" : "Roo.LayoutRegion"
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for 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"
+        "desc" : "True if element can be rebuild from a HTML page",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "minTabWidth",
-        "type" : "Number",
-        "desc" : "The minimum tab width (defaults to 40)",
-        "memberOf" : "Roo.LayoutRegion"
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "preferredTabWidth",
-        "type" : "Number",
-        "desc" : "The preferred tab width (defaults to 150)",
-        "memberOf" : "Roo.LayoutRegion"
+        "name" : "container_method",
+        "type" : "string",
+        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "preservePanels",
-        "type" : "Boolean",
-        "desc" : "True to preserve removed panels so they can be readded later (defaults to false)",
-        "memberOf" : "Roo.LayoutRegion"
+        "name" : "dataId",
+        "type" : "string",
+        "desc" : "cutomer id",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "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" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "showPin",
-        "type" : "Boolean",
-        "desc" : "True to show a pin button",
-        "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"
       },
       {
-        "name" : "split",
-        "type" : "Boolean",
-        "desc" : "To show the splitter",
-        "memberOf" : "Roo.LayoutRegion"
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for 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" : "tabPosition",
-        "type" : "String",
-        "desc" : "m) \"top\" or \"bottom\" (defaults to \"bottom\")",
-        "memberOf" : "Roo.LayoutRegion"
+        "name" : "name",
+        "type" : "string",
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "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"
       },
       {
-        "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"
       },
       {
-        "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"
       },
       {
-        "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"
       }
     ],
     "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" : "changed",
         "type" : "function",
-        "desc" : "Fires when the layout for this region is changed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "desc" : "Fires when the active item changes",
+        "sig" : "function (_self, selected, prev)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "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" : "panelactivated",
+        "name" : "childrenrendered",
         "type" : "function",
-        "desc" : "Fires when a panel is activated.",
-        "sig" : "function (_self, panel)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "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.LayoutRegion",
+            "type" : "Roo.bootstrap.Component",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "panel",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The activated panel",
-            "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" : []
       }
     ]
   },
-  "Roo.bootstrap.menu" : {
-    "props" : [],
-    "events" : [],
-    "methods" : []
-  },
-  "Roo.bootstrap.menu.Item" : {
+  "Roo.bootstrap.nav.ProgressBarItem" : {
     "props" : [
       {
         "name" : "actionMode",
         "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",
       {
         "name" : "disabled",
         "type" : "Boolean",
-        "desc" : "is the item disabled - default false",
-        "memberOf" : ""
-      },
-      {
-        "name" : "fa",
-        "type" : "String",
-        "desc" : "Font awesome icon",
+        "desc" : "e) Is item active default false",
         "memberOf" : ""
       },
       {
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "href",
+        "name" : "html",
         "type" : "String",
-        "desc" : "the link",
+        "desc" : "",
         "memberOf" : ""
       },
       {
-        "name" : "html",
+        "name" : "icon",
         "type" : "String",
-        "desc" : "text of the item",
+        "desc" : "show icon instead of number",
         "memberOf" : ""
       },
       {
         "desc" : "list of events and functions to call for 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" : ""
-      },
       {
         "name" : "name",
         "type" : "string",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "pos",
+        "name" : "position",
         "type" : "String",
-        "desc" : "t) Submenu align to  default right",
+        "desc" : "m) text position default bottom",
         "memberOf" : ""
       },
       {
-        "name" : "preventDefault",
-        "type" : "Boolean",
-        "desc" : "stop trigger click event to parent elements - default true",
+        "name" : "rid",
+        "type" : "String",
+        "desc" : "the reference id",
         "memberOf" : ""
       },
       {
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "submenu",
-        "type" : "Boolean",
-        "desc" : "default false -",
-        "memberOf" : ""
-      },
       {
         "name" : "tooltip",
         "type" : "string",
         "name" : "click",
         "type" : "function",
         "desc" : "The raw click event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
+        "sig" : "function (_self, e)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.nav.ProgressBarItem",
+            "desc" : "",
+            "isOptional" : false
+          },
           {
             "name" : "e",
             "type" : "Roo.EventObject",
         ],
         "returns" : []
       },
-      {
-        "name" : "mouseout",
-        "type" : "function",
-        "desc" : "Fires when the mouse exits this menu",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.menu.Item",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "mouseover",
-        "type" : "function",
-        "desc" : "Fires when the mouse is hovering over this menu",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.menu.Item",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "render",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.menu.Manager" : {
+  "Roo.bootstrap.nav.Sidebar" : {
     "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" : []
-      }
-    ]
+    "methods" : []
   },
-  "Roo.bootstrap.menu.Menu" : {
+  "Roo.bootstrap.nav.SidebarItem" : {
     "props" : [
       {
         "name" : "actionMode",
         "memberOf" : "Roo.Component"
       },
       {
-        "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"
       },
       {
         "name" : "allowDomMove",
         "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",
         "memberOf" : "Roo.Component"
       },
       {
-        "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"
+      },
+      {
+        "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",
         "memberOf" : "Roo.Component"
       },
       {
-        "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"
       },
       {
-        "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"
+      },
+      {
+        "name" : "icon",
+        "type" : "String",
+        "desc" : "DEPRICATED - use fa",
+        "memberOf" : "Roo.bootstrap.nav.Item"
+      },
+      {
+        "name" : "linkcls",
+        "type" : "String",
+        "desc" : "Link Class",
+        "memberOf" : "Roo.bootstrap.nav.Item"
       },
       {
         "name" : "listeners",
         "desc" : "list of events and functions to call for 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",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "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 false",
+        "memberOf" : "Roo.bootstrap.nav.Item"
       },
       {
         "name" : "style",
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "tabId",
+        "type" : "String",
+        "desc" : "the tab that this item activates.",
+        "memberOf" : "Roo.bootstrap.nav.Item"
+      },
+      {
+        "name" : "tagtype",
+        "type" : "String",
+        "desc" : "n) render as a href or span?",
+        "memberOf" : "Roo.bootstrap.nav.Item"
+      },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "type",
-        "type" : "String",
-        "desc" : "u) type of menu",
-        "memberOf" : ""
-      },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
       {
         "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" : []
       },
       {
           {
             "name" : "handler",
             "type" : "Function",
-            "desc" : "The method the event invokes",
+            "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,
+        "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 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" : "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" : "render",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
         "memberOf" : "Roo.Component",
         "isStatic" : 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" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setDisabled",
+        "name" : "setHtml",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "Set the HTML (text content) of the item",
+        "sig" : "(html)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.nav.Item",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "desc" : "",
+            "name" : "html",
+            "type" : "string",
+            "desc" : "content for the nav item",
             "isOptional" : false
           }
         ],
       {
         "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,
       }
     ]
   },
-  "Roo.bootstrap.menu.Separator" : {
+  "Roo.bootstrap.nav.Simplebar" : {
     "props" : [
       {
         "name" : "actionMode",
         "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" : "y)\nHow this component 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" : "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"
       },
+      {
+        "name" : "weight",
+        "type" : "String",
+        "desc" : "e) default is light.",
+        "memberOf" : ""
+      },
       {
         "name" : "xattr",
         "type" : "Object",
         ],
         "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",
       },
       {
         "name" : "toolbar",
-        "type" : "Toolbar",
-        "desc" : "A toolbar for this panel",
-        "memberOf" : "Roo.bootstrap.panel.Content"
+        "type" : "Roo.bootstrap.nav.Simplebar",
+        "desc" : "the toolbar at the top of the grid.",
+        "memberOf" : ""
       },
       {
         "name" : "url",
         "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",