Changed docs/json/roodata.jsondocs/src/Roo_bootstrap_CardUploader.js.htmldocs/symbols...
[roojs1] / docs / json / roodata.json
index 8576de9..f1a1f56 100644 (file)
@@ -1,10 +1,16 @@
 {
   "Array" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
+      {
+        "name" : "equals",
+        "type" : "function",
+        "desc" : "equals",
+        "sig" : "(o)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "indexOf",
         "type" : "function",
     ]
   },
   "Date" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "add",
     ]
   },
   "Function" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "createCallback",
     ]
   },
   "Number" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "constrain",
     ]
   },
   "Roo" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "addBehaviors",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "itemCls",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "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" : "",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
     ]
   },
   "Roo.ComponentMgr" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "get",
     ]
   },
   "Roo.CompositeElement" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "add",
     ]
   },
   "Roo.CompositeElementLite" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "add",
       {
         "name" : "region",
         "type" : "String",
-        "desc" : [
-          "(center",
+        "desc" : "t) which region to put this panel on (when used with xtype constructors)",
+        "memberOf" : "",
+        "optvals" : [
+          "center",
           "north",
           "south",
           "east",
-          "west)"
-        ],
-        "memberOf" : ""
+          "west"
+        ]
       },
       {
         "name" : "resizeEl",
         "desc" : "An element to resize if {@link #fitToFrame} is true (instead of this panel's element)",
         "memberOf" : ""
       },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "Extra style to add to the content panel",
+        "memberOf" : ""
+      },
       {
         "name" : "title",
         "type" : "String",
         "memberOf" : ""
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "getContextMenu",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
     ]
   },
   "Roo.DialogManager" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "bringToFront",
         "memberOf" : "Roo.util.Observable"
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "addEvents",
     ]
   },
   "Roo.DomHelper" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "append",
     ]
   },
   "Roo.DomQuery" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "compile",
         "desc" : "The HTML fragment or an array of fragments to join(\"\") or multiple arguments to join(\"\")",
         "memberOf" : "Roo.Template"
       },
+      {
+        "name" : "onLoad",
+        "type" : "Function",
+        "desc" : "Called after the template has been loaded and complied (usually from a remove source)",
+        "memberOf" : "Roo.Template"
+      },
       {
         "name" : "url",
         "type" : "String",
         "memberOf" : "Roo.Template"
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "append",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "ignoreNoChange",
     ]
   },
   "Roo.Element" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "addClass",
     ]
   },
   "Roo.EventManager" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "addListener",
     ]
   },
   "Roo.EventObject" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "getCharCode",
         "memberOf" : ""
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "fadeIn",
       {
         "name" : "region",
         "type" : "String",
-        "desc" : [
-          "(center",
+        "desc" : "t) which region to put this panel on (when used with xtype constructors)",
+        "memberOf" : "Roo.ContentPanel",
+        "optvals" : [
+          "center",
           "north",
           "south",
           "east",
-          "west)"
-        ],
-        "memberOf" : "Roo.ContentPanel"
+          "west"
+        ]
       },
       {
         "name" : "resizeEl",
         "desc" : "An element to resize if {@link #fitToFrame} is true (instead of this panel's element)",
         "memberOf" : "Roo.ContentPanel"
       },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "Extra style to add to the content panel",
+        "memberOf" : "Roo.ContentPanel"
+      },
       {
         "name" : "title",
         "type" : "String",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
     ]
   },
   "Roo.KeyMap" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "addBinding",
         "memberOf" : ""
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "disable",
         "memberOf" : ""
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "addClass",
       {
         "name" : "tabPosition",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "bottom)"
-        ],
-        "memberOf" : ""
+        "desc" : "m) \"top\" or \"bottom\" (defaults to \"bottom\")",
+        "memberOf" : "",
+        "optvals" : [
+          "top",
+          "bottom"
+        ]
       },
       {
         "name" : "title",
         "memberOf" : "Roo"
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "disable",
         "desc" : "The HTML fragment or an array of fragments to join(\"\") or multiple arguments to join(\"\")",
         "memberOf" : "Roo.Template"
       },
+      {
+        "name" : "onLoad",
+        "type" : "Function",
+        "desc" : "Called after the template has been loaded and complied (usually from a remove source)",
+        "memberOf" : "Roo.Template"
+      },
       {
         "name" : "url",
         "type" : "String",
         "memberOf" : "Roo.Template"
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "add",
       {
         "name" : "region",
         "type" : "String",
-        "desc" : [
-          "(center",
+        "desc" : "t) which region to put this panel on (when used with xtype constructors)",
+        "memberOf" : "Roo.ContentPanel",
+        "optvals" : [
+          "center",
           "north",
           "south",
           "east",
-          "west)"
-        ],
-        "memberOf" : "Roo.ContentPanel"
+          "west"
+        ]
       },
       {
         "name" : "resizeEl",
         "desc" : "An element to resize if {@link #fitToFrame} is true (instead of this panel's element)",
         "memberOf" : "Roo.ContentPanel"
       },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "Extra style to add to the content panel",
+        "memberOf" : "Roo.ContentPanel"
+      },
       {
         "name" : "title",
         "type" : "String",
         "type" : "Number",
         "desc" : "The number of records to display per page (defaults to 20)",
         "memberOf" : ""
+      },
+      {
+        "name" : "text",
+        "type" : "string",
+        "desc" : "",
+        "memberOf" : "Roo.Toolbar"
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "add",
     ]
   },
   "Roo.QuickTips" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "disable",
         "memberOf" : ""
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "hide",
     ]
   },
   "Roo.SplitBar.AbsoluteLayoutAdapter" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "getElementSize",
     ]
   },
   "Roo.SplitBar.BasicLayoutAdapter" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "getElementSize",
       {
         "name" : "tabPosition",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "bottom)"
-        ],
-        "memberOf" : "Roo.LayoutRegion"
+        "desc" : "m) \"top\" or \"bottom\" (defaults to \"bottom\")",
+        "memberOf" : "Roo.LayoutRegion",
+        "optvals" : [
+          "top",
+          "bottom"
+        ]
       },
       {
         "name" : "title",
         "desc" : "The HTML fragment or an array of fragments to join(\"\") or multiple arguments to join(\"\")",
         "memberOf" : ""
       },
+      {
+        "name" : "onLoad",
+        "type" : "Function",
+        "desc" : "Called after the template has been loaded and complied (usually from a remove source)",
+        "memberOf" : ""
+      },
       {
         "name" : "url",
         "type" : "String",
         "memberOf" : ""
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "append",
         "type" : "Array",
         "desc" : "array of button configs or elements to add (will be converted to a MixedCollection)",
         "memberOf" : "Roo"
+      },
+      {
+        "name" : "text",
+        "type" : "string",
+        "desc" : "",
+        "memberOf" : ""
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "add",
     ]
   },
   "Roo.Toolbar.Fill" : {
-    "props" : [
-    ],
+    "props" : [],
     "events" : [
       {
         "name" : "render",
     ]
   },
   "Roo.Toolbar.Item" : {
-    "props" : [
-    ],
+    "props" : [],
     "events" : [
       {
         "name" : "render",
     ]
   },
   "Roo.Toolbar.Separator" : {
-    "props" : [
-    ],
+    "props" : [],
     "events" : [
       {
         "name" : "render",
     ]
   },
   "Roo.Toolbar.Spacer" : {
-    "props" : [
-    ],
+    "props" : [],
     "events" : [
       {
         "name" : "render",
   },
   "Roo.Toolbar.TextItem" : {
     "props" : [
+      {
+        "name" : "text",
+        "type" : "string",
+        "desc" : "",
+        "memberOf" : "Roo.Toolbar"
+      }
     ],
     "events" : [
       {
       {
         "name" : "region",
         "type" : "String",
-        "desc" : [
-          "(center",
+        "desc" : "t) which region to put this panel on (when used with xtype constructors)",
+        "memberOf" : "Roo.ContentPanel",
+        "optvals" : [
+          "center",
           "north",
           "south",
           "east",
-          "west)"
-        ],
-        "memberOf" : "Roo.ContentPanel"
+          "west"
+        ]
       },
       {
         "name" : "resizeEl",
         "desc" : "An element to resize if {@link #fitToFrame} is true (instead of this panel's element)",
         "memberOf" : "Roo.ContentPanel"
       },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "Extra style to add to the content panel",
+        "memberOf" : "Roo.ContentPanel"
+      },
       {
         "name" : "title",
         "type" : "String",
     ]
   },
   "Roo.UpdateManager.BasicRenderer" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "render",
     ]
   },
   "Roo.UpdateManager.defaults" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
-    "methods" : [
-    ]
+    "props" : [],
+    "events" : [],
+    "methods" : []
   },
   "Roo.View" : {
     "props" : [
     ]
   },
   "Roo.XComponent.event.events" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
-    "methods" : [
-    ]
+    "props" : [],
+    "events" : [],
+    "methods" : []
   },
   "Roo.XTemplate" : {
     "props" : [
         "desc" : "The HTML fragment or an array of fragments to join(\"\") or multiple arguments to join(\"\")",
         "memberOf" : "Roo.Template"
       },
+      {
+        "name" : "onLoad",
+        "type" : "Function",
+        "desc" : "Called after the template has been loaded and complied (usually from a remove source)",
+        "memberOf" : "Roo.Template"
+      },
       {
         "name" : "url",
         "type" : "String",
         "memberOf" : "Roo.Template"
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "append",
     ]
   },
   "Roo.bootstrap" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
-    "methods" : [
-    ]
+    "props" : [],
+    "events" : [],
+    "methods" : []
   },
   "Roo.bootstrap.Alert" : {
     "props" : [
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "weight",
         "type" : "String",
-        "desc" : [
-          "(  success",
+        "desc" : ")",
+        "memberOf" : "",
+        "optvals" : [
+          "success",
           "info",
           "warning",
-          "danger )"
-        ],
-        "memberOf" : ""
+          "danger"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "href",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "badge_weight",
         "type" : "String",
-        "desc" : [
-          "(default",
+        "desc" : "k) default (same as button)",
+        "memberOf" : "",
+        "optvals" : [
+          "default",
           "primary",
           "secondary",
           "success",
           "info",
           "warning",
           "danger",
-          "link )"
-        ],
-        "memberOf" : ""
+          "link",
+          "light",
+          "dark"
+        ]
       },
       {
         "name" : "can_build_overlaid",
         "desc" : "depricated - use fa",
         "memberOf" : ""
       },
+      {
+        "name" : "grpup",
+        "type" : "Boolean",
+        "desc" : "if parent is a btn group - then it turns it into a toogleGroup.",
+        "memberOf" : ""
+      },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "href",
       {
         "name" : "pressed",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
+        "desc" : "default null - if the button ahs active state",
         "memberOf" : ""
       },
       {
       {
         "name" : "size",
         "type" : "String",
-        "desc" : [
-          "( lg",
+        "desc" : "s)",
+        "memberOf" : "",
+        "optvals" : [
+          "lg",
           "sm",
-          "xs)"
-        ],
-        "memberOf" : ""
+          "xs"
+        ]
       },
       {
         "name" : "style",
       {
         "name" : "tag",
         "type" : "String",
-        "desc" : [
-          "( a",
+        "desc" : "t)",
+        "memberOf" : "",
+        "optvals" : [
+          "a",
           "input",
-          "submit)"
-        ],
-        "memberOf" : ""
+          "submit"
+        ]
       },
       {
         "name" : "target",
         "type" : "String",
-        "desc" : "target for a href. (_self|_blank|_parent|_top| other)",
-        "memberOf" : ""
+        "desc" : "r) target for a href.",
+        "memberOf" : "",
+        "optvals" : [
+          "_self",
+          "_blank",
+          "_parent",
+          "_top",
+          "other"
+        ]
       },
       {
         "name" : "theme",
         "type" : "String",
-        "desc" : [
-          "(default",
-          "glow)"
-        ],
-        "memberOf" : ""
+        "desc" : "w)",
+        "memberOf" : "",
+        "optvals" : [
+          "default",
+          "glow"
+        ]
       },
       {
         "name" : "toggle",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "weight",
         "type" : "String",
-        "desc" : [
-          "(default",
+        "desc" : "k) default",
+        "memberOf" : "",
+        "optvals" : [
+          "default",
           "primary",
           "secondary",
           "success",
           "info",
           "warning",
           "danger",
-          "link )"
-        ],
-        "memberOf" : ""
+          "link",
+          "light",
+          "dark"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "click",
         "type" : "function",
-        "desc" : "When a butotn is pressed",
+        "desc" : "When a button is pressed",
+        "sig" : "function (btn, e)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "dblclick",
+        "type" : "function",
+        "desc" : "When a button is double clicked",
         "sig" : "function (btn, e)\n{\n\n}",
         "memberOf" : ""
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "loadMask",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "name",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       }
     ]
   },
-  "Roo.bootstrap.CheckBox" : {
+  "Roo.bootstrap.Card" : {
     "props" : [
-      {
-        "name" : "accept",
-        "type" : "String",
-        "desc" : [
-          "(image",
-          "video",
-          "audio)"
-        ],
-        "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" : [
-          "(left",
-          "center",
-          "right)"
-        ],
-        "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" : "boxLabel",
-        "type" : "String",
-        "desc" : "The text that appears beside the checkbox",
-        "memberOf" : ""
-      },
       {
         "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" : [
-          "(user",
-          "camera)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "checked",
-        "type" : "Boolean",
-        "desc" : "initnal the element",
-        "memberOf" : ""
-      },
       {
         "name" : "cls",
         "type" : "String",
         "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" : "display",
+        "type" : "String",
+        "desc" : "x)",
+        "memberOf" : "",
+        "optvals" : [
+          "none",
+          "inline",
+          "inline-block",
+          "block",
+          "table",
+          "table-cell",
+          "table-row",
+          "flex",
+          "inline-flex"
+        ]
+      },
+      {
+        "name" : "display_lg",
+        "type" : "String",
+        "desc" : "x)",
+        "memberOf" : "",
+        "optvals" : [
+          "none",
+          "inline",
+          "inline-block",
+          "block",
+          "table",
+          "table-cell",
+          "table-row",
+          "flex",
+          "inline-flex"
+        ]
+      },
+      {
+        "name" : "display_sm",
+        "type" : "String",
+        "desc" : "x)",
+        "memberOf" : "",
+        "optvals" : [
+          "none",
+          "inline",
+          "inline-block",
+          "block",
+          "table",
+          "table-cell",
+          "table-row",
+          "flex",
+          "inline-flex"
+        ]
+      },
+      {
+        "name" : "display_xl",
+        "type" : "String",
+        "desc" : "x)",
+        "memberOf" : "",
+        "optvals" : [
+          "none",
+          "inline",
+          "inline-block",
+          "block",
+          "table",
+          "table-cell",
+          "table-row",
+          "flex",
+          "inline-flex"
+        ]
+      },
+      {
+        "name" : "display_xs",
+        "type" : "String",
+        "desc" : "x)",
+        "memberOf" : "",
+        "optvals" : [
+          "none",
+          "inline",
+          "inline-block",
+          "block",
+          "table",
+          "table-cell",
+          "table-row",
+          "flex",
+          "inline-flex"
+        ]
       },
       {
-        "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" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "groupId",
+        "name" : "footer",
         "type" : "String",
-        "desc" : "the checkbox group id // normal just use for checkbox",
+        "desc" : "",
         "memberOf" : ""
       },
       {
-        "name" : "hasFeedback",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "indicatorpos",
-        "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "inline",
-        "type" : "Boolean",
-        "desc" : "inline the element (default false)",
+        "name" : "header",
+        "type" : "String|Object",
+        "desc" : "",
         "memberOf" : ""
       },
       {
-        "name" : "inputType",
-        "type" : "String",
-        "desc" : "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "inputValue",
+        "name" : "header_image",
         "type" : "String",
-        "desc" : "The value that should go into the generated input element's value when checked.",
+        "desc" : "src url of image.",
         "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" : [
-          "(top",
-          "left)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelWidth",
-        "type" : "Number",
-        "desc" : "set the width of label",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labellg",
+        "name" : "header_size",
         "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"
+        "desc" : "5) H1 or H2 etc.. 0 indicates default",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5"
+        ]
       },
       {
-        "name" : "labelsm",
+        "name" : "header_weight",
         "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "k)",
+        "memberOf" : "",
+        "optvals" : [
+          "primary",
+          "secondary",
+          "success",
+          "info",
+          "warning",
+          "danger",
+          "light",
+          "dark"
+        ]
       },
       {
-        "name" : "labelxs",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "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",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "lg",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for large computer-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "html",
+        "type" : "String|Boolean",
+        "desc" : "-- html contents - or just use children.. use false to hide it..",
+        "memberOf" : ""
       },
       {
         "name" : "listeners",
         "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "maskRe",
+        "name" : "margin",
         "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"
+        "desc" : "o)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "auto"
+        ]
       },
       {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "margin_bottom",
+        "type" : "String",
+        "desc" : "o)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "auto"
+        ]
       },
       {
-        "name" : "maxLengthText",
+        "name" : "margin_left",
         "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"
+        "desc" : "o)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "auto"
+        ]
       },
       {
-        "name" : "md",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for computer-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "margin_right",
+        "type" : "String",
+        "desc" : "o)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "auto"
+        ]
       },
       {
-        "name" : "minLength",
-        "type" : "Number",
-        "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "margin_top",
+        "type" : "String",
+        "desc" : "o)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "auto"
+        ]
       },
       {
-        "name" : "minLengthText",
+        "name" : "margin_x",
         "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"
+        "desc" : "o)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "auto"
+        ]
       },
       {
-        "name" : "name",
+        "name" : "margin_y",
         "type" : "String",
-        "desc" : "name of the input",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "o)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "auto"
+        ]
       },
       {
-        "name" : "placeholder",
+        "name" : "name",
         "type" : "string",
-        "desc" : "- placeholder to put in text.",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "readOnly",
-        "type" : "Boolean",
-        "desc" : "Specifies that the field should be read-only",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "padding",
+        "type" : "String",
+        "desc" : "5)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5"
+        ]
       },
       {
-        "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" : "padding_bottom",
+        "type" : "String",
+        "desc" : "5)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5"
+        ]
       },
       {
-        "name" : "regexText",
+        "name" : "padding_left",
         "type" : "String",
-        "desc" : "-- Depricated - use Invalid Text",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "5)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5"
+        ]
       },
       {
-        "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" : "padding_right",
+        "type" : "String",
+        "desc" : "5)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5"
+        ]
       },
       {
-        "name" : "size",
-        "type" : "string",
-        "desc" : "- (lg|sm) or leave empty..",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "padding_top",
+        "type" : "String",
+        "desc" : "5)next_to_card",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5"
+        ]
       },
       {
-        "name" : "sm",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for tablet-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "padding_x",
+        "type" : "String",
+        "desc" : "5)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5"
+        ]
+      },
+      {
+        "name" : "padding_y",
+        "type" : "String",
+        "desc" : "5)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5"
+        ]
       },
       {
         "name" : "style",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "tooltip",
+        "name" : "subtitle",
         "type" : "String",
-        "desc" : "label tooltip",
+        "desc" : "",
         "memberOf" : ""
       },
       {
-        "name" : "validClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "validFeedbackIcon",
+        "name" : "title",
         "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"
+        "desc" : "",
+        "memberOf" : ""
       },
       {
-        "name" : "value",
+        "name" : "tooltip",
         "type" : "string",
-        "desc" : "default value of the input",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "valueOff",
-        "type" : "String",
-        "desc" : "The value that should go into the generated input element's value when unchecked.",
-        "memberOf" : ""
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "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"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "weight",
         "type" : "String",
-        "desc" : [
-          "(primary",
+        "desc" : "k)",
+        "memberOf" : "",
+        "optvals" : [
+          "primary",
           "warning",
           "info",
           "danger",
-          "success)"
-        ],
-        "memberOf" : ""
+          "secondary",
+          "success",
+          "light",
+          "dark"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
         "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "xs",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for mobile-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
       }
     ],
     "events" : [
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "blur",
-        "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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"
-      },
-      {
-        "name" : "check",
-        "type" : "function",
-        "desc" : "Fires when the element is checked or unchecked.",
-        "sig" : "function (_self, checked)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "click",
-        "type" : "function",
-        "desc" : "Fires when the element is click.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "destroy",
         "type" : "function",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "enable",
+        "name" : "drop",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "desc" : "When a element a card is dropped",
+        "sig" : "function (_self, move_card, position, next_to_card)\n{\n\n}",
+        "memberOf" : ""
       },
       {
-        "name" : "focus",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
+        "desc" : "Fires after the component is enabled.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "hide",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "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"
-      },
-      {
-        "name" : "keyup",
-        "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "render",
         "type" : "function",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "specialkey",
+        "name" : "rotate",
         "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" : "When a element a card is rotate",
+        "sig" : "function (_self, n, rotate)\n{\n\n}",
+        "memberOf" : ""
       },
       {
-        "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"
       }
     ],
     "methods" : [
+      {
+        "name" : "acceptCard",
+        "type" : "function",
+        "desc" : "accept card\n\n-        card.acceptCard(move_card, info.position, info.card, info.items_n);",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "addEvents",
         "type" : "function",
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "clearInvalid",
-        "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "get",
-        "type" : "function",
-        "desc" : "fetch a CheckBox Group based on the group ID",
-        "sig" : "(the)",
-        "static" : true,
-        "memberOf" : ""
-      },
       {
         "name" : "getChildContainer",
         "type" : "function",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "getEl",
+        "name" : "getDropPoint",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "desc" : "Decide whether to drop above or below a View node.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component"
+        "memberOf" : ""
       },
       {
-        "name" : "getId",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "getName",
-        "type" : "function",
-        "desc" : "Returns the name of the field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "getRawValue",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
+        "desc" : "Returns the id of this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "getValue",
+        "name" : "getTargetFromEvent",
         "type" : "function",
-        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
+        "desc" : "Part of the Roo.dd.DropZone interface. If no target node is found, the\n   whole Element becomes the target, and this causes the drop gesture to append.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
+        "memberOf" : ""
       },
       {
         "name" : "getVisibilityEl",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "inputEl",
-        "type" : "function",
-        "desc" : "return the real input element.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "isVisible",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "markInvalid",
-        "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "markValid",
-        "type" : "function",
-        "desc" : "Mark this field as valid",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "on",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "register",
-        "type" : "function",
-        "desc" : "register a CheckBox Group",
-        "sig" : "(the)",
-        "static" : true,
-        "memberOf" : ""
-      },
       {
         "name" : "releaseCapture",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "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"
-      },
       {
         "name" : "setDisabled",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "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"
-      },
-      {
-        "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"
-      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "validate",
-        "type" : "function",
-        "desc" : "Validates the field value",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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"
       }
     ]
   },
-  "Roo.bootstrap.Column" : {
+  "Roo.bootstrap.CardFooter" : {
     "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" : "alert",
-        "type" : "String",
-        "desc" : [
-          "(success",
-          "info",
-          "warning",
-          "danger)"
-        ],
-        "memberOf" : ""
-      },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "cls",
-        "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "clickable",
+        "type" : "Boolean",
+        "desc" : "e) default false",
+        "memberOf" : "Roo.bootstrap.Element",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "class of the element",
+        "memberOf" : "Roo.bootstrap.Element"
       },
       {
         "name" : "container_method",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "fa",
-        "type" : "String",
-        "desc" : [
-          "(ban",
-          "check",
-          "...)"
-        ],
-        "memberOf" : ""
-      },
-      {
-        "name" : "fasize",
-        "type" : "Number",
-        "desc" : [
-          "(1",
-          "2",
-          "....)"
-        ],
-        "memberOf" : ""
-      },
-      {
-        "name" : "hidden",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
-      },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
         "type" : "String",
-        "desc" : "content of column.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "icon",
-        "type" : "String",
-        "desc" : [
-          "(info-sign",
-          "check",
-          "...)"
-        ],
-        "memberOf" : ""
-      },
-      {
-        "name" : "lg",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for large computer-sized screens or 0 for hidden",
-        "memberOf" : ""
-      },
-      {
-        "name" : "lgoff",
-        "type" : "Number",
-        "desc" : "colspan offset out of 12 for large computer-sized screens or 0 for hidden",
-        "memberOf" : ""
+        "desc" : "contents of the element",
+        "memberOf" : "Roo.bootstrap.Element"
       },
       {
         "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" : ""
-      },
-      {
-        "name" : "mdoff",
-        "type" : "Number",
-        "desc" : "colspan offset out of 12 for computer-sized screens or 0 for hidden",
-        "memberOf" : ""
-      },
       {
         "name" : "name",
         "type" : "string",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "sm",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for tablet-sized screens or 0 for hidden",
-        "memberOf" : ""
-      },
-      {
-        "name" : "smoff",
-        "type" : "Number",
-        "desc" : "colspan offset out of 12 for tablet-sized screens or 0 for hidden",
-        "memberOf" : ""
+        "name" : "preventDefault",
+        "type" : "Boolean",
+        "desc" : "e) default false",
+        "memberOf" : "Roo.bootstrap.Element",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "style",
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "tag",
+        "type" : "String",
+        "desc" : "tag of the element",
+        "memberOf" : "Roo.bootstrap.Element"
+      },
       {
         "name" : "tooltip",
         "type" : "string",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
         "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "xs",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for mobile-sized screens or 0 for hidden",
-        "memberOf" : ""
-      },
-      {
-        "name" : "xsoff",
-        "type" : "Number",
-        "desc" : "colspan offset out of 12 for mobile-sized screens or 0 for hidden",
-        "memberOf" : ""
       }
     ],
     "events" : [
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "click",
+        "type" : "function",
+        "desc" : "When a element is chick",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Element"
+      },
       {
         "name" : "destroy",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.ComboBox" : {
+  "Roo.bootstrap.CardHeader" : {
     "props" : [
-      {
-        "name" : "accept",
-        "type" : "String",
-        "desc" : [
-          "(image",
-          "video",
-          "audio)"
-        ],
-        "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" : [
-          "(left",
-          "center",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "allQuery",
-        "type" : "String",
-        "desc" : "The text query to send to the server to return all records for the list with no filtering (defaults to '')",
-        "memberOf" : ""
-      },
-      {
-        "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" : "alwaysQuery",
-        "type" : "Boolean",
-        "desc" : "Disable caching of results, and always send query",
-        "memberOf" : ""
-      },
-      {
-        "name" : "animate",
-        "type" : "Boolean",
-        "desc" : "default true",
-        "memberOf" : ""
-      },
-      {
-        "name" : "append",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
-      },
-      {
-        "name" : "autoCreate",
-        "type" : "Boolean/Object",
-        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to:\n{tag: \"input\", type: \"text\", size: \"24\", autocomplete: \"off\"})",
-        "memberOf" : ""
-      },
-      {
-        "name" : "autoFocus",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "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" : "blockFocus",
-        "type" : "Boolean",
-        "desc" : "Prevents all focus calls, so it can work with things like HTML edtor bar",
-        "memberOf" : ""
-      },
-      {
-        "name" : "btnPosition",
-        "type" : "String",
-        "desc" : "set the position of the trigger button (left | right) default right",
-        "memberOf" : ""
-      },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "capture",
-        "type" : "String",
-        "desc" : [
-          "(user",
-          "camera)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "caret",
-        "type" : "String",
-        "desc" : [
-          "(search",
-          "calendar)"
-        ],
-        "memberOf" : "Roo.bootstrap.TriggerField"
+        "name" : "clickable",
+        "type" : "Boolean",
+        "desc" : "e) default false",
+        "memberOf" : "Roo.bootstrap.Element",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "class of the element",
+        "memberOf" : "Roo.bootstrap.Element"
       },
       {
         "name" : "container_method",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "disableClear",
-        "type" : "Boolean",
-        "desc" : "Disable showing of clear button.",
-        "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",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "disableKeyFilter",
-        "type" : "Boolean",
-        "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "html",
+        "type" : "String",
+        "desc" : "contents of the element",
+        "memberOf" : "Roo.bootstrap.Element"
       },
       {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "is it disabled",
-        "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" : "displayField",
-        "type" : "String",
-        "desc" : "The underlying data field name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'text' if mode = 'local')",
-        "memberOf" : ""
+        "name" : "name",
+        "type" : "string",
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "editable",
+        "name" : "preventDefault",
         "type" : "Boolean",
-        "desc" : "False to prevent the user from typing text directly into the field, just like a\ntraditional select (defaults to true)",
-        "memberOf" : ""
+        "desc" : "e) default false",
+        "memberOf" : "Roo.bootstrap.Element",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "emptyResultText",
-        "type" : "Boolean",
-        "desc" : "only for touch device",
-        "memberOf" : ""
+        "name" : "style",
+        "type" : "String",
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "emptyTitle",
+        "name" : "tag",
         "type" : "String",
-        "desc" : "default ''",
-        "memberOf" : ""
+        "desc" : "tag of the element",
+        "memberOf" : "Roo.bootstrap.Element"
       },
       {
-        "name" : "fieldLabel",
+        "name" : "tooltip",
         "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"
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "forceFeedback",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
-        "name" : "forceSelection",
-        "type" : "Boolean",
-        "desc" : "True to restrict the selected value to one of the values in the list, false to\nallow the user to set arbitrary text into the field (defaults to false)",
-        "memberOf" : ""
-      },
+        "name" : "xattr",
+        "type" : "Object",
+        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
+        "memberOf" : "Roo.bootstrap.Component"
+      }
+    ],
+    "events" : [
       {
-        "name" : "grow",
-        "type" : "Boolean",
-        "desc" : "",
-        "memberOf" : ""
+        "name" : "beforedestroy",
+        "type" : "function",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "growMax",
-        "type" : "Number",
-        "desc" : "",
-        "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"
       },
       {
-        "name" : "growMin",
-        "type" : "Number",
-        "desc" : "",
-        "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"
       },
       {
-        "name" : "handleHeight",
-        "type" : "Number",
-        "desc" : "The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)",
-        "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"
       },
       {
-        "name" : "hasFeedback",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "childrenrendered",
+        "type" : "function",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "hiddenName",
-        "type" : "String",
-        "desc" : "If specified, a hidden form field with this name is dynamically generated to store the\nfield's data value (defaults to the underlying DOM element's name)",
-        "memberOf" : ""
+        "name" : "click",
+        "type" : "function",
+        "desc" : "When a element is chick",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Element"
       },
       {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
         "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" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "indicatorpos",
-        "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "inputType",
-        "type" : "String",
-        "desc" : "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "invalidClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - uses BS4 is-valid now",
-        "memberOf" : ""
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "invalidFeedbackIcon",
-        "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      }
+    ],
+    "methods" : [
       {
-        "name" : "invalidText",
-        "type" : "String",
-        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "labelAlign",
-        "type" : "String",
-        "desc" : [
-          "(top",
-          "left)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "addListener",
+        "type" : "function",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "labelWidth",
-        "type" : "Number",
-        "desc" : "set the width of label",
-        "memberOf" : "Roo.bootstrap.Input"
+        "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"
       },
       {
-        "name" : "labellg",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "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"
       },
       {
-        "name" : "labelmd",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "labelsm",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "labelxs",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "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"
       },
       {
-        "name" : "lazyRender",
-        "type" : "Boolean",
-        "desc" : "True to prevent the ComboBox from rendering until requested (should always be used when\nrendering into an Roo.Editor, defaults to false)",
-        "memberOf" : ""
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "lg",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for large computer-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "getChildContainer",
+        "type" : "function",
+        "desc" : "Fetch the element to add children to",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "listAlign",
-        "type" : "String",
-        "desc" : "A valid anchor position value. See {@link Roo.Element#alignTo} for details on supported\nanchor positions (defaults to 'tl-bl')",
-        "memberOf" : ""
+        "name" : "getEl",
+        "type" : "function",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "listClass",
-        "type" : "String",
-        "desc" : "CSS class to apply to the dropdown list element (defaults to '')",
-        "memberOf" : ""
+        "name" : "getId",
+        "type" : "function",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "listWidth",
-        "type" : "Number",
-        "desc" : "The width in pixels of the dropdown list (defaults to the width of the ComboBox field)",
-        "memberOf" : ""
+        "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"
       },
       {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "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"
       },
       {
-        "name" : "loadingText",
-        "type" : "String",
-        "desc" : "The text to display in the dropdown list while data is loading.  Only applies\nwhen mode = 'remote' (defaults to 'Loading...')",
-        "memberOf" : ""
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Hide a component - adds 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "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" : "maxHeight",
-        "type" : "Number",
-        "desc" : "The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.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" : "minChars",
-        "type" : "Number",
-        "desc" : "The minimum number of characters the user must type before autocomplete and typeahead activate\n(defaults to 4, does not apply if editable = false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "minLength",
-        "type" : "Number",
-        "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.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" : "minListWidth",
-        "type" : "Number",
-        "desc" : "The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if\nlistWidth has a higher value)",
-        "memberOf" : ""
+        "name" : "initEvents",
+        "type" : "function",
+        "desc" : "Initialize Events for the element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "mobileTouchView",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "mobile_restrict_height",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "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"
       },
       {
-        "name" : "modalTitle",
-        "type" : "String",
-        "desc" : "The title of the dialog that pops up on mobile views.",
-        "memberOf" : ""
+        "name" : "purgeListeners",
+        "type" : "function",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "mode",
-        "type" : "String",
-        "desc" : "Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)",
-        "memberOf" : ""
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "multiple",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "name" : "removeListener",
+        "type" : "function",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "name",
-        "type" : "String",
-        "desc" : "name of the input",
-        "memberOf" : "Roo.bootstrap.Input"
+        "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"
       },
       {
-        "name" : "pageSize",
-        "type" : "Number",
-        "desc" : "If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the\nfilter queries will execute with page start and limit parameters.  Only applies when mode = 'remote' (defaults to 0)",
-        "memberOf" : ""
+        "name" : "setDisabled",
+        "type" : "function",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "placeholder",
-        "type" : "string",
-        "desc" : "- placeholder to put in text.",
-        "memberOf" : "Roo.bootstrap.Input"
+        "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"
       },
       {
-        "name" : "queryDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds to delay between the start of typing and sending the\nquery to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local')",
-        "memberOf" : ""
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "queryParam",
-        "type" : "String",
-        "desc" : "Name of the query as it will be passed on the querystring (defaults to 'query')",
-        "memberOf" : ""
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show a component - removes 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "readOnly",
-        "type" : "Boolean",
-        "desc" : "Specifies that the field should be read-only",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "tooltipEl",
+        "type" : "function",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "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" : "un",
+        "type" : "function",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      }
+    ]
+  },
+  "Roo.bootstrap.CardImageTop" : {
+    "props" : [
       {
-        "name" : "regexText",
+        "name" : "actionMode",
         "type" : "String",
-        "desc" : "-- Depricated - use Invalid 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" : "removable",
+        "name" : "allowDomMove",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.TriggerField"
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "resizable",
+        "name" : "can_build_overlaid",
         "type" : "Boolean",
-        "desc" : "True to add a resize handle to the bottom of the dropdown list (defaults to false)",
-        "memberOf" : ""
+        "desc" : "True if element can be rebuild from a HTML page",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "selectOnFocus",
+        "name" : "clickable",
         "type" : "Boolean",
-        "desc" : "True to select any existing text in the field immediately on focus.  Only applies\nwhen editable = true (defaults to false)",
-        "memberOf" : ""
+        "desc" : "e) default false",
+        "memberOf" : "Roo.bootstrap.Element",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "selectedClass",
+        "name" : "cls",
         "type" : "String",
-        "desc" : "CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')",
-        "memberOf" : ""
-      },
-      {
-        "name" : "shadow",
-        "type" : "Boolean/String",
-        "desc" : "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\" for bottom-right",
-        "memberOf" : ""
-      },
-      {
-        "name" : "showToggleBtn",
-        "type" : "Boolean",
-        "desc" : "show toggle button or not (true|false) default true",
-        "memberOf" : ""
+        "desc" : "class of the element",
+        "memberOf" : "Roo.bootstrap.Element"
       },
       {
-        "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" : "specialFilter",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
-      },
-      {
-        "name" : "store",
-        "type" : "Roo.data.Store",
-        "desc" : "The data store to which this combo is bound (defaults to undefined)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "style",
-        "type" : "String",
-        "desc" : "any extra css",
+        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "tickable",
-        "type" : "Boolean",
-        "desc" : "ComboBox with tickable selections (true|false), default false",
-        "memberOf" : ""
-      },
-      {
-        "name" : "title",
-        "type" : "String",
-        "desc" : "If supplied, a header element is created containing this text and added into the top of\nthe dropdown list (defaults to undefined, with no header element)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "tooltip",
+        "name" : "dataId",
         "type" : "string",
-        "desc" : "Text for the tooltip",
+        "desc" : "cutomer id",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "tpl",
-        "type" : "String/Roo.Template",
-        "desc" : "The template to use to render the output",
-        "memberOf" : ""
-      },
-      {
-        "name" : "triggerAction",
+        "name" : "disableClass",
         "type" : "String",
-        "desc" : "The action to execute when the trigger field is activated.  Use 'all' to run the\nquery specified by the allQuery config option (defaults to 'query')",
-        "memberOf" : ""
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "triggerClass",
+        "name" : "hideMode",
         "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" : "triggerList",
-        "type" : "Boolean",
-        "desc" : "trigger show the list or not (true|false) default true",
-        "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",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "triggerText",
+        "name" : "html",
         "type" : "String",
-        "desc" : "multiple combobox trigger button text default 'Select'",
-        "memberOf" : ""
+        "desc" : "contents of the element",
+        "memberOf" : "Roo.bootstrap.Element"
       },
       {
-        "name" : "typeAhead",
-        "type" : "Boolean",
-        "desc" : "True to populate and autoselect the remainder of the text being typed after a configurable\ndelay (typeAheadDelay) if it matches a known value (defaults to false)",
-        "memberOf" : ""
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for 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" : "typeAheadDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds to wait until the typeahead text is displayed\nif typeAhead = true (defaults to 250)",
-        "memberOf" : ""
+        "name" : "name",
+        "type" : "string",
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "useNativeIOS",
+        "name" : "preventDefault",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default false",
+        "memberOf" : "Roo.bootstrap.Element",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "validClass",
+        "name" : "style",
         "type" : "String",
-        "desc" : "DEPRICATED - uses BS4 is-valid now",
-        "memberOf" : ""
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "validFeedbackIcon",
+        "name" : "tag",
         "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"
+        "desc" : "tag of the element",
+        "memberOf" : "Roo.bootstrap.Element"
       },
       {
-        "name" : "value",
+        "name" : "tooltip",
         "type" : "string",
-        "desc" : "default value of the input",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "valueField",
-        "type" : "String",
-        "desc" : "The underlying data value name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'value' if mode = 'local'). \nNote: use of a valueField requires the user make a selection\nin order for a value to be mapped.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "valueNotFoundText",
-        "type" : "String",
-        "desc" : "When using a name/value combo, if the value passed to setValue is not found in\nthe store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined)",
-        "memberOf" : ""
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "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"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
         "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "xs",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for mobile-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
       }
     ],
     "events" : [
-      {
-        "name" : "add",
-        "type" : "function",
-        "desc" : "Fires when the 'add' icon is pressed (add a listener to enable add button)",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "name" : "afterremove",
-        "type" : "function",
-        "desc" : "Fires when the remove value from the combobox array",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "beforedestroy",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "beforequery",
-        "type" : "function",
-        "desc" : "Fires before all queries are processed. Return false to cancel the query or set cancel to true.\nThe event object passed has these properties:",
-        "sig" : "function (combo, query, forceAll, cancel, e)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "beforerender",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "beforeselect",
-        "type" : "function",
-        "desc" : "Fires before a list item is selected. Return false to cancel the selection.",
-        "sig" : "function (combo, record, index)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "beforeshow",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "blur",
-        "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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"
-      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "collapse",
+        "name" : "click",
         "type" : "function",
-        "desc" : "Fires when the dropdown list is collapsed",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : ""
+        "desc" : "When a element is chick",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Element"
       },
       {
         "name" : "destroy",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "edit",
-        "type" : "function",
-        "desc" : "Fires when the 'edit' icon is pressed (add a listener to enable add button)",
-        "sig" : "function (combo, record)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "enable",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "expand",
-        "type" : "function",
-        "desc" : "Fires when the dropdown list is expanded",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "hide",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "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"
-      },
-      {
-        "name" : "keyup",
-        "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "remove",
-        "type" : "function",
-        "desc" : "Fires when the remove value from the combobox array",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "render",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "select",
-        "type" : "function",
-        "desc" : "Fires when a list item is selected",
-        "sig" : "function (combo, record, index)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "show",
         "type" : "function",
         "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "specialfilter",
-        "type" : "function",
-        "desc" : "Fires when specialfilter",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "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"
-      },
-      {
-        "name" : "tick",
-        "type" : "function",
-        "desc" : "Fires when tick the element",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "name" : "touchviewdisplay",
-        "type" : "function",
-        "desc" : "Fires when touch view require special display (default is using displayField)",
-        "sig" : "function (combo, cfg)\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "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"
       }
     ],
     "methods" : [
         "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "autoSize",
-        "type" : "function",
-        "desc" : "",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.TriggerField"
-      },
-      {
-        "name" : "capture",
+        "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"
       },
-      {
-        "name" : "clearInvalid",
-        "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "clearValue",
-        "type" : "function",
-        "desc" : "Clears any text/value currently set in the field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "collapse",
-        "type" : "function",
-        "desc" : "Hides the dropdown list if it is currently expanded. Fires the 'collapse' event on completion.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "doQuery",
-        "type" : "function",
-        "desc" : "Execute a query to filter the dropdown list.  Fires the beforequery event prior to performing the\nquery allowing the query action to be canceled if needed.",
-        "sig" : "(query, forceAll)",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "enable",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "expand",
-        "type" : "function",
-        "desc" : "Expands the dropdown list if it is currently hidden. Fires the 'expand' event on completion.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "fireEvent",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "getName",
-        "type" : "function",
-        "desc" : "Returns the name of the field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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"
-      },
-      {
-        "name" : "getValue",
-        "type" : "function",
-        "desc" : "Returns the currently selected field value or empty string if no value is set.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "inputEl",
-        "type" : "function",
-        "desc" : "return the real input element.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "isExpanded",
-        "type" : "function",
-        "desc" : "Returns true if the dropdown list is expanded, else false.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "isVisible",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "markInvalid",
-        "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "markValid",
-        "type" : "function",
-        "desc" : "Mark this field as valid",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "on",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "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"
-      },
       {
         "name" : "purgeListeners",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "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"
-      },
-      {
-        "name" : "select",
-        "type" : "function",
-        "desc" : "Select an item in the dropdown list by its numeric index in the list. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue.",
-        "sig" : "(index, scrollIntoView)",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "selectByValue",
-        "type" : "function",
-        "desc" : "Select an item in the dropdown list by its data value. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue.",
-        "sig" : "(value, scrollIntoView)",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "setDisabled",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "setEditable",
-        "type" : "function",
-        "desc" : "Allow or prevent the user from directly editing the field text.  If false is passed,\nthe user will only be able to select from the items defined in the dropdown list.  This method\nis the runtime equivalent of setting the 'editable' config option at config time.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "setFromData",
-        "type" : "function",
-        "desc" : "Sets the value of the field based on a object which is related to the record format for the store.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "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"
-      },
-      {
-        "name" : "setValue",
-        "type" : "function",
-        "desc" : "Sets the specified value into the field.  If the value finds a match, the corresponding record text\nwill be displayed in the field.  If the value does not match the data value of an existing item,\nand the valueNotFoundText config option is defined, it will be displayed as the default field text.\nOtherwise the field will be blank (although the value will still be set).",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "validate",
-        "type" : "function",
-        "desc" : "Validates the field value",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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"
       }
     ]
   },
-  "Roo.bootstrap.Component" : {
+  "Roo.bootstrap.CardUploader" : {
     "props" : [
       {
         "name" : "actionMode",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "badge",
+        "type" : "String",
+        "desc" : "text for badge",
+        "memberOf" : "Roo.bootstrap.Button"
+      },
+      {
+        "name" : "badge_weight",
+        "type" : "String",
+        "desc" : "k) default (same as button)",
+        "memberOf" : "Roo.bootstrap.Button",
+        "optvals" : [
+          "default",
+          "primary",
+          "secondary",
+          "success",
+          "info",
+          "warning",
+          "danger",
+          "link",
+          "light",
+          "dark"
+        ]
+      },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "disableClass",
         "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" : "Roo.bootstrap.Button"
+      },
+      {
+        "name" : "errorTimeout",
+        "type" : "Number",
+        "desc" : "default 3000",
+        "memberOf" : ""
+      },
+      {
+        "name" : "fa",
+        "type" : "String",
+        "desc" : "fontawesome icon - eg. 'comment' - without the fa/fas etc..",
+        "memberOf" : "Roo.bootstrap.Button"
+      },
+      {
+        "name" : "glyphicon",
+        "type" : "String",
+        "desc" : "depricated - use fa",
+        "memberOf" : "Roo.bootstrap.Button"
+      },
+      {
+        "name" : "grpup",
+        "type" : "Boolean",
+        "desc" : "if parent is a btn group - then it turns it into a toogleGroup.",
+        "memberOf" : "Roo.bootstrap.Button"
+      },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "href",
+        "type" : "String",
+        "desc" : "empty or href",
+        "memberOf" : "Roo.bootstrap.Button"
+      },
+      {
+        "name" : "html",
+        "type" : "Array",
+        "desc" : "The button text.",
+        "memberOf" : ""
+      },
+      {
+        "name" : "images",
+        "type" : "Array",
+        "desc" : "an array of ?? Img objects ??? when loading existing files..",
+        "memberOf" : ""
+      },
+      {
+        "name" : "inverse",
+        "type" : "Boolean",
+        "desc" : "dark themed version",
+        "memberOf" : "Roo.bootstrap.Button"
+      },
+      {
+        "name" : "isClose",
+        "type" : "Boolean",
+        "desc" : "default false;",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
         "name" : "listeners",
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "offtext",
+        "type" : "String",
+        "desc" : "text for off slidy toggle state",
+        "memberOf" : "Roo.bootstrap.Button"
+      },
+      {
+        "name" : "ontext",
+        "type" : "String",
+        "desc" : "text for on slidy toggle state",
+        "memberOf" : "Roo.bootstrap.Button"
+      },
+      {
+        "name" : "outline",
+        "type" : "Boolean",
+        "desc" : "default false (except for weight=default which emulates old behaveiour with an outline)",
+        "memberOf" : "Roo.bootstrap.Button"
+      },
+      {
+        "name" : "pressed",
+        "type" : "Boolean",
+        "desc" : "default null - if the button ahs active state",
+        "memberOf" : "Roo.bootstrap.Button"
+      },
+      {
+        "name" : "preventDefault",
+        "type" : "Boolean",
+        "desc" : "default true (stop click event triggering the URL if it's a link.)",
+        "memberOf" : "Roo.bootstrap.Button"
+      },
+      {
+        "name" : "removeClass",
+        "type" : "Boolean",
+        "desc" : "remove the standard class..",
+        "memberOf" : "Roo.bootstrap.Button"
+      },
+      {
+        "name" : "size",
+        "type" : "String",
+        "desc" : "s)",
+        "memberOf" : "Roo.bootstrap.Button",
+        "optvals" : [
+          "lg",
+          "sm",
+          "xs"
+        ]
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "tag",
+        "type" : "String",
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Button",
+        "optvals" : [
+          "a",
+          "input",
+          "submit"
+        ]
+      },
+      {
+        "name" : "target",
+        "type" : "String",
+        "desc" : "r) target for a href.",
+        "memberOf" : "Roo.bootstrap.Button",
+        "optvals" : [
+          "_self",
+          "_blank",
+          "_parent",
+          "_top",
+          "other"
+        ]
+      },
+      {
+        "name" : "theme",
+        "type" : "String",
+        "desc" : "w)",
+        "memberOf" : "Roo.bootstrap.Button",
+        "optvals" : [
+          "default",
+          "glow"
+        ]
+      },
+      {
+        "name" : "toggle",
+        "type" : "Boolean",
+        "desc" : "is it a slidy toggle button",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : ""
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "weight",
+        "type" : "String",
+        "desc" : "k) default",
+        "memberOf" : "Roo.bootstrap.Button",
+        "optvals" : [
+          "default",
+          "primary",
+          "secondary",
+          "success",
+          "info",
+          "warning",
+          "danger",
+          "link",
+          "light",
+          "dark"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component"
       }
     ],
     "events" : [
         "type" : "function",
         "desc" : "Fires when the children have been rendered..",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "click",
+        "type" : "function",
+        "desc" : "When a button is pressed",
+        "sig" : "function (btn, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Button"
+      },
+      {
+        "name" : "dblclick",
+        "type" : "function",
+        "desc" : "When a button is double clicked",
+        "sig" : "function (btn, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
         "name" : "destroy",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "download",
+        "type" : "function",
+        "desc" : "When a the download link is clicked",
+        "sig" : "function (_self, The)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "enable",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "preview",
+        "type" : "function",
+        "desc" : "When a image is clicked on - and needs to display a slideshow or similar..",
+        "sig" : "function (_self, The)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "render",
         "type" : "function",
         "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "toggle",
+        "type" : "function",
+        "desc" : "After the button has been toggles",
+        "sig" : "function (btn, e, pressed)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Button"
       }
     ],
     "methods" : [
+      {
+        "name" : "addCard",
+        "type" : "function",
+        "desc" : "addCard - add an Attachment to the uploader",
+        "sig" : "(data)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "addEvents",
         "type" : "function",
       {
         "name" : "disable",
         "type" : "function",
-        "desc" : "Disable this component.",
+        "desc" : "Disable this button",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
         "name" : "enable",
         "type" : "function",
-        "desc" : "Enable this component.",
+        "desc" : "Enables this button",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
         "name" : "fireEvent",
         "desc" : "Fetch the element to add children to",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "getEl",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "getText",
+        "type" : "function",
+        "desc" : "get the text of the first selected button",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Button"
+      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "desc" : "Get the element that will be used to show or hide",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "hasListener",
         "desc" : "Hide a component - adds 'hidden' class",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "initEvents",
         "desc" : "Initialize Events for the element",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "isActive",
+        "type" : "function",
+        "desc" : "get the current active state",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
         "name" : "isVisible",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "setActive",
+        "type" : "function",
+        "desc" : "sets the active state on/off,",
+        "sig" : "(state)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Button"
+      },
       {
         "name" : "setDisabled",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "setText",
+        "type" : "function",
+        "desc" : "set the text of the first selected button",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Button"
+      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
         "desc" : "Set the element that will be used to show or hide",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "setVisible",
         "desc" : "Show a component - removes 'hidden' class",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "toggleActive",
+        "type" : "function",
+        "desc" : "toggles the current active state",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
         "name" : "tooltipEl",
         "desc" : "Fetch the element to display the tooltip on.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "un",
       }
     ]
   },
-  "Roo.bootstrap.Container" : {
+  "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" : "o) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "image",
+          "video",
+          "audio"
+        ]
+      },
       {
         "name" : "actionMode",
         "type" : "String",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "alert",
+        "name" : "after",
+        "type" : "string",
+        "desc" : "- input group add on after",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "align",
         "type" : "String",
-        "desc" : [
-          "(success",
-          "info",
-          "warning",
-          "danger)"
-        ],
-        "memberOf" : ""
+        "desc" : "t) Default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
+          "center",
+          "right"
+        ]
+      },
+      {
+        "name" : "allowBlank",
+        "type" : "Boolean",
+        "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" : "boxLabel",
+        "type" : "String",
+        "desc" : "The text that appears beside the checkbox",
+        "memberOf" : ""
+      },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "clickable",
+        "name" : "capture",
+        "type" : "String",
+        "desc" : "a) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "user",
+          "camera"
+        ]
+      },
+      {
+        "name" : "checked",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
+        "desc" : "initnal the element",
         "memberOf" : ""
       },
       {
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "expandable",
+        "name" : "disableKeyFilter",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "True to disable input keystroke filtering (defaults to false)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "expanded",
+        "name" : "disabled",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "is it disabled",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "fa",
-        "type" : "String",
-        "desc" : "font awesome icon",
-        "memberOf" : ""
+        "name" : "fieldLabel",
+        "type" : "string",
+        "desc" : "- the label associated",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "footer",
+        "name" : "focusClass",
         "type" : "String",
-        "desc" : "content of footer (for panel)",
-        "memberOf" : ""
+        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "header",
+        "name" : "forceFeedback",
+        "type" : "Boolean",
+        "desc" : "e) Default false",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "groupId",
         "type" : "String",
-        "desc" : "content of header (for panel)",
+        "desc" : "the checkbox group id // normal just use for checkbox",
         "memberOf" : ""
       },
       {
-        "name" : "hidden",
+        "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "html",
+        "name" : "indicatorpos",
         "type" : "String",
-        "desc" : "content of element",
+        "desc" : "t) default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
+          "right"
+        ]
+      },
+      {
+        "name" : "inline",
+        "type" : "Boolean",
+        "desc" : "inline the element (default false)",
         "memberOf" : ""
       },
       {
-        "name" : "icon",
+        "name" : "inputValue",
         "type" : "String",
-        "desc" : [
-          "(info-sign",
-          "check",
-          "...)"
-        ],
+        "desc" : "The value that should go into the generated input element's value when checked.",
         "memberOf" : ""
       },
       {
-        "name" : "jumbotron",
-        "type" : "Boolean",
-        "desc" : "is it a jumbotron element",
-        "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",
+        "optvals" : [
+          "top",
+          "left"
+        ]
+      },
+      {
+        "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" : "name",
-        "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "maskRe",
+        "type" : "String",
+        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "panel",
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "maxLengthText",
         "type" : "String",
-        "desc" : [
-          "(default",
-          "primary",
-          "success",
-          "info",
-          "warning",
-          "danger)"
-        ],
-        "memberOf" : ""
+        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "rheader",
+        "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" : "contet on the right of header",
-        "memberOf" : ""
+        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "sticky",
+        "name" : "name",
         "type" : "String",
-        "desc" : [
-          "(footer",
-          "wrap",
-          "push)"
-        ],
-        "memberOf" : ""
+        "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" : "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",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "tag",
+        "name" : "tooltip",
         "type" : "String",
-        "desc" : [
-          "(header",
-          "aside",
-          "section)"
-        ],
+        "desc" : "label tooltip",
         "memberOf" : ""
       },
       {
-        "name" : "tooltip",
+        "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" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "default value of the input",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "valueOff",
+        "type" : "String",
+        "desc" : "The value that should go into the generated input element's value when unchecked.",
+        "memberOf" : ""
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
-        "name" : "well",
+        "name" : "vtype",
         "type" : "String",
-        "desc" : [
-          "(lg",
-          "sm",
-          "md)"
-        ],
-        "memberOf" : ""
+        "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 checkbox",
+        "memberOf" : "",
+        "optvals" : [
+          "primary",
+          "warning",
+          "info",
+          "danger",
+          "success"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
         "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "xs",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for mobile-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
       }
     ],
     "events" : [
         "memberOf" : "Roo.Component"
       },
       {
-        "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"
       },
       {
-        "name" : "click",
+        "name" : "change",
         "type" : "function",
-        "desc" : "When a element is chick",
-        "sig" : "function (_self, e)\n{\n\n}",
+        "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"
+      },
+      {
+        "name" : "check",
+        "type" : "function",
+        "desc" : "Fires when the element is checked or unchecked.",
+        "sig" : "function (_self, checked)\n{\n\n}",
         "memberOf" : ""
       },
       {
-        "name" : "collapse",
+        "name" : "childrenrendered",
         "type" : "function",
-        "desc" : "After the panel has been collapsed",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "click",
+        "type" : "function",
+        "desc" : "Fires when the element is click.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : ""
       },
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "expand",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "After the panel has been expand",
+        "desc" : "Fires when this field receives input focus.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "hide",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "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"
+      },
+      {
+        "name" : "keyup",
+        "type" : "function",
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "render",
         "type" : "function",
         "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
       }
     ],
     "methods" : [
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "clearInvalid",
+        "type" : "function",
+        "desc" : "Clear any invalid styles/messages for this field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "get",
+        "type" : "function",
+        "desc" : "fetch a CheckBox Group based on the group ID",
+        "sig" : "(the)",
+        "static" : true,
+        "memberOf" : ""
+      },
       {
         "name" : "getChildContainer",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "getName",
+        "type" : "function",
+        "desc" : "Returns the name of the field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "inputEl",
+        "type" : "function",
+        "desc" : "return the real input element.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "isVisible",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "markInvalid",
+        "type" : "function",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "markValid",
+        "type" : "function",
+        "desc" : "Mark this field as valid",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "on",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "register",
+        "type" : "function",
+        "desc" : "register a CheckBox Group",
+        "sig" : "(the)",
+        "static" : true,
+        "memberOf" : ""
+      },
       {
         "name" : "releaseCapture",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "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"
+      },
       {
         "name" : "setDisabled",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "validate",
+        "type" : "function",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
       }
     ]
   },
-  "Roo.bootstrap.DateField" : {
+  "Roo.bootstrap.Column" : {
     "props" : [
-      {
-        "name" : "accept",
-        "type" : "String",
-        "desc" : [
-          "(image",
-          "video",
-          "audio)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "actionMode",
         "type" : "String",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "after",
-        "type" : "string",
-        "desc" : "- input group add on after",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "align",
+        "name" : "alert",
         "type" : "String",
-        "desc" : [
-          "(left",
-          "center",
-          "right)"
-        ],
-        "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" : "r) type alert (changes background / border...)",
+        "memberOf" : "",
+        "optvals" : [
+          "success",
+          "info",
+          "warning",
+          "danger"
+        ]
       },
       {
         "name" : "allowDomMove",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "altFormats",
-        "type" : "String",
-        "desc" : "Multiple date formats separated by \"|\" to try when parsing a user input value and it doesn't match the defined\nformat (defaults to 'm/d/Y|m-d-y|m-d-Y|m/d|m-d|d').",
-        "memberOf" : ""
-      },
-      {
-        "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" : "calendarWeeks",
-        "type" : "Boolean",
-        "desc" : "default false",
-        "memberOf" : ""
-      },
       {
         "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" : [
-          "(user",
-          "camera)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "cutomer id",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "daysOfWeekDisabled",
-        "type" : "Object",
-        "desc" : "default empty",
-        "memberOf" : ""
-      },
       {
         "name" : "disableClass",
         "type" : "String",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "disableKeyFilter",
-        "type" : "Boolean",
-        "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "fa",
+        "type" : "String",
+        "desc" : ".) font awesome icon",
+        "memberOf" : "",
+        "optvals" : [
+          "ban",
+          "check",
+          "..."
+        ]
       },
       {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "is it disabled",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "fasize",
+        "type" : "Number",
+        "desc" : ".) font awsome size",
+        "memberOf" : "",
+        "optvals" : [
+          "1",
+          "2",
+          "...."
+        ]
       },
       {
-        "name" : "endDate",
-        "type" : "Number",
-        "desc" : "default Infinity",
-        "memberOf" : ""
+        "name" : "hidden",
+        "type" : "Boolean",
+        "desc" : "e) hide the element",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "fieldLabel",
-        "type" : "string",
-        "desc" : "- the label associated",
-        "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",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "focusClass",
+        "name" : "html",
         "type" : "String",
-        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "content of column.",
+        "memberOf" : ""
       },
       {
-        "name" : "forceFeedback",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "format",
-        "type" : "String",
-        "desc" : "The default date format string which can be overriden for localization support.  The format must be\nvalid according to {@link Date#parseDate} (defaults to 'm/d/y').",
-        "memberOf" : ""
-      },
-      {
-        "name" : "hasFeedback",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "indicatorpos",
-        "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "inputType",
-        "type" : "String",
-        "desc" : "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
-        "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" : "keyboardNavigation",
-        "type" : "Boolean",
-        "desc" : "default true",
-        "memberOf" : ""
-      },
-      {
-        "name" : "labelAlign",
+        "name" : "icon",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "left)"
-        ],
-        "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"
+        "desc" : ".) glyphicon name",
+        "memberOf" : "",
+        "optvals" : [
+          "info-sign",
+          "check",
+          "..."
+        ]
       },
       {
-        "name" : "labelxs",
+        "name" : "lg",
         "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "language",
-        "type" : "String",
-        "desc" : "default en",
+        "desc" : "colspan out of 12 for large computer-sized screens or 0 for hidden",
         "memberOf" : ""
       },
       {
-        "name" : "lg",
+        "name" : "lgoff",
         "type" : "Number",
-        "desc" : "colspan out of 12 for large computer-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "colspan offset out of 12 for large computer-sized screens or 0 for hidden",
+        "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" : "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"
+        "desc" : "colspan out of 12 for computer-sized screens or 0 for hidden",
+        "memberOf" : ""
       },
       {
-        "name" : "minLength",
+        "name" : "mdoff",
         "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" : "minViewMode",
-        "type" : "String",
-        "desc" : "default empty, (months|years)",
+        "desc" : "colspan offset out of 12 for computer-sized screens or 0 for hidden",
         "memberOf" : ""
       },
       {
         "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" : "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" : "singleMode",
-        "type" : "Boolean",
-        "desc" : "default false (true | false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "size",
         "type" : "string",
-        "desc" : "- (lg|sm) or leave empty..",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "sm",
         "type" : "Number",
-        "desc" : "colspan out of 12 for tablet-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "colspan out of 12 for tablet-sized screens or 0 for hidden",
+        "memberOf" : ""
       },
       {
-        "name" : "startDate",
+        "name" : "smoff",
         "type" : "Number",
-        "desc" : "default -Infinity",
+        "desc" : "colspan offset out of 12 for tablet-sized screens or 0 for hidden",
         "memberOf" : ""
       },
       {
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "todayBtn",
-        "type" : "Boolean",
-        "desc" : "default false",
-        "memberOf" : ""
-      },
-      {
-        "name" : "todayHighlight",
-        "type" : "Boolean",
-        "desc" : "default false",
-        "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" : "viewMode",
-        "type" : "String",
-        "desc" : "default empty, (months|years)",
-        "memberOf" : ""
-      },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "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" : "weekStart",
-        "type" : "Number",
-        "desc" : "default 0",
-        "memberOf" : ""
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "xs",
         "type" : "Number",
-        "desc" : "colspan out of 12 for mobile-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "colspan out of 12 for mobile-sized screens or 0 for hidden",
+        "memberOf" : ""
+      },
+      {
+        "name" : "xsoff",
+        "type" : "Number",
+        "desc" : "colspan offset out of 12 for mobile-sized screens or 0 for hidden",
+        "memberOf" : ""
       }
     ],
     "events" : [
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "beforeselect",
-        "type" : "function",
-        "desc" : "Fires when before select a date.",
-        "sig" : "function (_self, date)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "beforeshow",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "blur",
-        "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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"
-      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "hide",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "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"
-      },
-      {
-        "name" : "keyup",
-        "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "render",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "select",
-        "type" : "function",
-        "desc" : "Fires when select a date.",
-        "sig" : "function (_self, date)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Fires when this field show.",
-        "sig" : "function (_self, date)\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "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"
-      },
-      {
-        "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"
       }
     ],
     "methods" : [
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "clearInvalid",
-        "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "getName",
-        "type" : "function",
-        "desc" : "Returns the name of the field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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"
-      },
-      {
-        "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"
-      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "inputEl",
-        "type" : "function",
-        "desc" : "return the real input element.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "isVisible",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "markInvalid",
-        "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "markValid",
-        "type" : "function",
-        "desc" : "Mark this field as valid",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "on",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "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"
-      },
       {
         "name" : "setDisabled",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "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"
-      },
-      {
-        "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"
-      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "validate",
-        "type" : "function",
-        "desc" : "Validates the field value",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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"
       }
     ]
   },
-  "Roo.bootstrap.DateSplitField" : {
+  "Roo.bootstrap.ComboBox" : {
     "props" : [
       {
-        "name" : "actionMode",
+        "name" : "(button|checkbox|email|file|hidden|image|number|password|radio|range|reset|search|submit|text)",
         "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "desc" : "inputType",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "name" : "accept",
+        "type" : "String",
+        "desc" : "o) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "image",
+          "video",
+          "audio"
+        ]
+      },
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "can_build_overlaid",
-        "type" : "Boolean",
-        "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "after",
+        "type" : "string",
+        "desc" : "- input group add on after",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "cls",
+        "name" : "align",
         "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) Default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
+          "center",
+          "right"
+        ]
       },
       {
-        "name" : "container_method",
-        "type" : "string",
-        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "allQuery",
+        "type" : "String",
+        "desc" : "The text query to send to the server to return all records for the list with no filtering (defaults to '')",
+        "memberOf" : ""
       },
       {
-        "name" : "dataId",
-        "type" : "string",
-        "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "allowBlank",
+        "type" : "Boolean",
+        "desc" : "False to validate that the value length > 0 (defaults to true)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "dayAllowBlank",
+        "name" : "allowDomMove",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "dayFormat",
-        "type" : "string",
-        "desc" : "default 'd'",
+        "name" : "alwaysQuery",
+        "type" : "Boolean",
+        "desc" : "Disable caching of results, and always send query",
         "memberOf" : ""
       },
       {
-        "name" : "dayPlaceholder",
-        "type" : "string",
-        "desc" : "",
+        "name" : "animate",
+        "type" : "Boolean",
+        "desc" : "default true",
         "memberOf" : ""
       },
       {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "name" : "append",
+        "type" : "Boolean",
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "fieldLabel",
-        "type" : "string",
-        "desc" : "- the label associated",
+        "name" : "autoCreate",
+        "type" : "Boolean/Object",
+        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to:\n{tag: \"input\", type: \"text\", size: \"24\", autocomplete: \"off\"})",
         "memberOf" : ""
       },
       {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "name" : "autoFocus",
+        "type" : "Boolean",
+        "desc" : "e) auto focus the first item, default true",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "labelAlign",
+        "name" : "autocomplete",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "left)"
-        ],
-        "memberOf" : ""
+        "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" : "labelWidth",
-        "type" : "Number",
-        "desc" : "set the width of label (0-12)",
-        "memberOf" : ""
+        "name" : "before",
+        "type" : "string",
+        "desc" : "- input group add on before",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "labellg",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : ""
+        "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" : "labelmd",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
+        "name" : "blockFocus",
+        "type" : "Boolean",
+        "desc" : "Prevents all focus calls, so it can work with things like HTML edtor bar",
         "memberOf" : ""
       },
       {
-        "name" : "labelsm",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
+        "name" : "btnPosition",
+        "type" : "String",
+        "desc" : "set the position of the trigger button (left | right) default right",
         "memberOf" : ""
       },
       {
-        "name" : "labelxs",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : ""
+        "name" : "can_build_overlaid",
+        "type" : "Boolean",
+        "desc" : "True if element can be rebuild from a HTML page",
+        "memberOf" : "Roo.bootstrap.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" : "capture",
+        "type" : "String",
+        "desc" : "a) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
-        "name" : "monthAllowBlank",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "name" : "caret",
+        "type" : "String",
+        "desc" : "r) BS3 only - carat fa name",
+        "memberOf" : "Roo.bootstrap.TriggerField",
+        "optvals" : [
+          "search",
+          "calendar"
+        ]
       },
       {
-        "name" : "monthFormat",
-        "type" : "string",
-        "desc" : "default 'm'",
-        "memberOf" : ""
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "monthPlaceholder",
+        "name" : "container_method",
         "type" : "string",
-        "desc" : "",
-        "memberOf" : ""
+        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "name",
+        "name" : "dataId",
         "type" : "string",
-        "desc" : "Specifies name attribute",
+        "desc" : "cutomer id",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "style",
+        "name" : "disableClass",
         "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "tooltip",
-        "type" : "string",
-        "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "disableClear",
+        "type" : "Boolean",
+        "desc" : "Disable showing of clear button.",
+        "memberOf" : ""
       },
       {
-        "name" : "visibilityEl",
-        "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "disableKeyFilter",
+        "type" : "Boolean",
+        "desc" : "True to disable input keystroke filtering (defaults to false)",
+        "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" : "disabled",
+        "type" : "Boolean",
+        "desc" : "is it disabled",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "yearAllowBlank",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
+        "name" : "displayField",
+        "type" : "String",
+        "desc" : "The underlying data field name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'text' if mode = 'local')",
         "memberOf" : ""
       },
       {
-        "name" : "yearFormat",
-        "type" : "string",
-        "desc" : "default 'Y'",
+        "name" : "editable",
+        "type" : "Boolean",
+        "desc" : "False to prevent the user from typing text directly into the field, just like a\ntraditional select (defaults to true)",
         "memberOf" : ""
       },
       {
-        "name" : "yearPlaceholder",
-        "type" : "string",
-        "desc" : "",
+        "name" : "emptyResultText",
+        "type" : "Boolean",
+        "desc" : "only for touch device",
         "memberOf" : ""
-      }
-    ],
-    "events" : [
+      },
       {
-        "name" : "beforedestroy",
-        "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "name" : "emptyTitle",
+        "type" : "String",
+        "desc" : "default ''",
+        "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"
+        "name" : "fieldLabel",
+        "type" : "string",
+        "desc" : "- the label associated",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "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"
+        "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" : "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"
+        "name" : "forceFeedback",
+        "type" : "Boolean",
+        "desc" : "e) Default false",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "childrenrendered",
-        "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "forceSelection",
+        "type" : "Boolean",
+        "desc" : "True to restrict the selected value to one of the values in the list, false to\nallow the user to set arbitrary text into the field (defaults to false)",
+        "memberOf" : ""
       },
       {
-        "name" : "days",
-        "type" : "function",
-        "desc" : "getting the data of days",
-        "sig" : "function (_self, days)\n{\n\n}",
+        "name" : "grow",
+        "type" : "Boolean",
+        "desc" : "",
         "memberOf" : ""
       },
       {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "name" : "growMax",
+        "type" : "Number",
+        "desc" : "",
+        "memberOf" : ""
       },
       {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "name" : "growMin",
+        "type" : "Number",
+        "desc" : "",
+        "memberOf" : ""
       },
       {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "name" : "handleHeight",
+        "type" : "Number",
+        "desc" : "The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)",
+        "memberOf" : ""
       },
       {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "name" : "hasFeedback",
+        "type" : "Boolean",
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "invalid",
-        "type" : "function",
-        "desc" : "Fires after the field has been marked as invalid.",
-        "sig" : "function (_self, msg)\n{\n\n}",
+        "name" : "hiddenName",
+        "type" : "String",
+        "desc" : "If specified, a hidden form field with this name is dynamically generated to store the\nfield's data value (defaults to the underlying DOM element's name)",
         "memberOf" : ""
       },
       {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "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",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "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" : "valid",
-        "type" : "function",
-        "desc" : "Fires after the field has been validated with no errors.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
+        "name" : "indicatorpos",
+        "type" : "String",
+        "desc" : "t) default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
-        "name" : "years",
-        "type" : "function",
-        "desc" : "getting the data of years",
-        "sig" : "function (_self, years)\n{\n\n}",
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - uses BS4 is-valid now",
         "memberOf" : ""
-      }
-    ],
-    "methods" : [
+      },
       {
-        "name" : "addEvents",
-        "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
+        "name" : "invalidFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "addListener",
-        "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
+        "name" : "invalidText",
+        "type" : "String",
+        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "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"
+        "name" : "labelAlign",
+        "type" : "String",
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
-        "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"
+        "name" : "labelWidth",
+        "type" : "Number",
+        "desc" : "set the width of label",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component"
+        "name" : "labellg",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component"
+        "name" : "labelmd",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "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"
+        "name" : "labelsm",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
-        "static" : false,
-        "memberOf" : "Roo.Component"
+        "name" : "labelxs",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "getChildContainer",
-        "type" : "function",
-        "desc" : "Fetch the element to add children to",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "lazyRender",
+        "type" : "Boolean",
+        "desc" : "True to prevent the ComboBox from rendering until requested (should always be used when\nrendering into an Roo.Editor, defaults to false)",
+        "memberOf" : ""
       },
       {
-        "name" : "getEl",
-        "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component"
+        "name" : "lg",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for large computer-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "getId",
-        "type" : "function",
-        "desc" : "Returns the id of this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component"
+        "name" : "listAlign",
+        "type" : "String",
+        "desc" : "A valid anchor position value. See {@link Roo.Element#alignTo} for details on supported\nanchor positions (defaults to 'tl-bl')",
+        "memberOf" : ""
       },
       {
-        "name" : "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"
+        "name" : "listClass",
+        "type" : "String",
+        "desc" : "CSS class to apply to the dropdown list element (defaults to '')",
+        "memberOf" : ""
       },
       {
-        "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"
+        "name" : "listWidth",
+        "type" : "Number",
+        "desc" : "The width in pixels of the dropdown list (defaults to the width of the ComboBox field)",
+        "memberOf" : ""
       },
       {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Hide a component - adds 'hidden' class",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.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" : "initEvents",
-        "type" : "function",
-        "desc" : "Initialize Events for the element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "loadingText",
+        "type" : "String",
+        "desc" : "The text to display in the dropdown list while data is loading.  Only applies\nwhen mode = 'remote' (defaults to 'Loading...')",
+        "memberOf" : ""
       },
       {
-        "name" : "isVisible",
-        "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.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" : "markInvalid",
-        "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
-        "static" : false,
+        "name" : "maxHeight",
+        "type" : "Number",
+        "desc" : "The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)",
         "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"
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "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"
+        "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" : "releaseCapture",
-        "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable"
+        "name" : "md",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for computer-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "removeListener",
-        "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
+        "name" : "minChars",
+        "type" : "Number",
+        "desc" : "The minimum number of characters the user must type before autocomplete and typeahead activate\n(defaults to 4, does not apply if editable = false)",
+        "memberOf" : ""
       },
       {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
-        "static" : false,
-        "memberOf" : "Roo.Component"
+        "name" : "minLength",
+        "type" : "Number",
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "setDisabled",
-        "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
-        "static" : false,
-        "memberOf" : "Roo.Component"
+        "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" : "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"
+        "name" : "minListWidth",
+        "type" : "Number",
+        "desc" : "The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if\nlistWidth has a higher value)",
+        "memberOf" : ""
       },
       {
-        "name" : "setVisible",
-        "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
-        "static" : false,
-        "memberOf" : "Roo.Component"
+        "name" : "mobileTouchView",
+        "type" : "Boolean",
+        "desc" : "e) show mobile touch view when using a mobile default true",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Show a component - removes 'hidden' class",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "mobile_restrict_height",
+        "type" : "Boolean",
+        "desc" : "e) restrict height for touch view",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "tooltipEl",
-        "type" : "function",
-        "desc" : "Fetch the element to display the tooltip on.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "modalTitle",
+        "type" : "String",
+        "desc" : "The title of the dialog that pops up on mobile views.",
+        "memberOf" : ""
       },
       {
-        "name" : "un",
-        "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      }
-    ]
-  },
-  "Roo.bootstrap.DocumentManager" : {
-    "props" : [
-      {
-        "name" : "actionMode",
+        "name" : "mode",
         "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "desc" : "Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)",
+        "memberOf" : ""
       },
       {
-        "name" : "allowDomMove",
+        "name" : "multiple",
         "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "desc" : "e) ComboBobArray, default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "boxes",
+        "name" : "name",
+        "type" : "String",
+        "desc" : "name of the input",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "pageSize",
         "type" : "Number",
-        "desc" : "number of boxes, 0 is no limit.. default 0",
+        "desc" : "If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the\nfilter queries will execute with page start and limit parameters.  Only applies when mode = 'remote' (defaults to 0)",
         "memberOf" : ""
       },
       {
-        "name" : "can_build_overlaid",
+        "name" : "placeholder",
+        "type" : "string",
+        "desc" : "- placeholder to put in text.",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "preventMark",
         "type" : "Boolean",
-        "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "Do not show tick or cross if error/success",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "cls",
+        "name" : "queryDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds to delay between the start of typing and sending the\nquery to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local')",
+        "memberOf" : ""
+      },
+      {
+        "name" : "queryParam",
         "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "Name of the query as it will be passed on the querystring (defaults to 'query')",
+        "memberOf" : ""
       },
       {
-        "name" : "container_method",
-        "type" : "string",
-        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "readOnly",
+        "type" : "Boolean",
+        "desc" : "Specifies that the field should be read-only",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "dataId",
-        "type" : "string",
-        "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "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" : "disableClass",
+        "name" : "regexText",
         "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "desc" : "-- Depricated - use Invalid Text",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "editable",
+        "name" : "removable",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) special filter default false",
+        "memberOf" : "Roo.bootstrap.TriggerField",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "fieldLabel",
-        "type" : "String",
-        "desc" : "",
+        "name" : "resizable",
+        "type" : "Boolean",
+        "desc" : "True to add a resize handle to the bottom of the dropdown list (defaults to false)",
         "memberOf" : ""
       },
       {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "name" : "selectOnFocus",
+        "type" : "Boolean",
+        "desc" : "True to select any existing text in the field immediately on focus.  Only applies\nwhen editable = true (defaults to false)",
+        "memberOf" : ""
       },
       {
-        "name" : "labelAlign",
+        "name" : "selectedClass",
         "type" : "String",
-        "desc" : [
-          "(left",
-          "top)"
-        ],
+        "desc" : "CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')",
         "memberOf" : ""
       },
       {
-        "name" : "labelWidth",
-        "type" : "Number",
-        "desc" : "default 4",
+        "name" : "shadow",
+        "type" : "Boolean/String",
+        "desc" : "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\" for bottom-right",
         "memberOf" : ""
       },
       {
-        "name" : "labellg",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
+        "name" : "showToggleBtn",
+        "type" : "Boolean",
+        "desc" : "show toggle button or not (true|false) default true",
         "memberOf" : ""
       },
       {
-        "name" : "labelmd",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : ""
+        "name" : "size",
+        "type" : "string",
+        "desc" : "- (lg|sm) or leave empty..",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "labelsm",
+        "name" : "sm",
         "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : ""
+        "desc" : "colspan out of 12 for tablet-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "labelxs",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : ""
+        "name" : "specialFilter",
+        "type" : "Boolean",
+        "desc" : "e) special filter default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "name" : "store",
+        "type" : "Roo.data.Store",
+        "desc" : "The data store to which this combo is bound (defaults to undefined)",
+        "memberOf" : ""
       },
       {
-        "name" : "method",
+        "name" : "style",
         "type" : "String",
-        "desc" : "default POST",
-        "memberOf" : ""
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "multiple",
+        "name" : "tickable",
         "type" : "Boolean",
-        "desc" : "multiple upload default true",
+        "desc" : "ComboBox with tickable selections (true|false), default false",
         "memberOf" : ""
       },
       {
-        "name" : "name",
+        "name" : "title",
+        "type" : "String",
+        "desc" : "If supplied, a header element is created containing this text and added into the top of\nthe dropdown list (defaults to undefined, with no header element)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "tooltip",
         "type" : "string",
-        "desc" : "Specifies name attribute",
+        "desc" : "Text for the tooltip",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "paramName",
+        "name" : "tpl",
+        "type" : "String/Roo.Template",
+        "desc" : "The template to use to render the output default is  '<a class=\"dropdown-item\" href=\"#\">{' + this.displayField + '}</a>'",
+        "memberOf" : ""
+      },
+      {
+        "name" : "triggerAction",
         "type" : "String",
-        "desc" : "default 'imageUpload'",
+        "desc" : "The action to execute when the trigger field is activated.  Use 'all' to run the\nquery specified by the allQuery config option (defaults to 'query')",
         "memberOf" : ""
       },
       {
-        "name" : "style",
+        "name" : "triggerClass",
         "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "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" : "thumbSize",
+        "name" : "triggerList",
+        "type" : "Boolean",
+        "desc" : "trigger show the list or not (true|false) default true",
+        "memberOf" : ""
+      },
+      {
+        "name" : "triggerText",
+        "type" : "String",
+        "desc" : "multiple combobox trigger button text default 'Select'",
+        "memberOf" : ""
+      },
+      {
+        "name" : "typeAhead",
+        "type" : "Boolean",
+        "desc" : "True to populate and autoselect the remainder of the text being typed after a configurable\ndelay (typeAheadDelay) if it matches a known value (defaults to false)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "typeAheadDelay",
         "type" : "Number",
-        "desc" : "default 300",
+        "desc" : "The length of time in milliseconds to wait until the typeahead text is displayed\nif typeAhead = true (defaults to 250)",
         "memberOf" : ""
       },
       {
-        "name" : "toolTipName",
+        "name" : "useNativeIOS",
+        "type" : "Boolean",
+        "desc" : "e) render it as classic select for ios, not support dynamic load data (default false)",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "validClass",
         "type" : "String",
-        "desc" : "default 'filename'",
+        "desc" : "DEPRICATED - uses BS4 is-valid now",
         "memberOf" : ""
       },
       {
-        "name" : "tooltip",
+        "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" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "default value of the input",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "url",
+        "name" : "valueField",
         "type" : "String",
-        "desc" : "action url",
+        "desc" : "The underlying data value name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'value' if mode = 'local'). \nNote: use of a valueField requires the user make a selection\nin order for a value to be mapped.",
+        "memberOf" : ""
+      },
+      {
+        "name" : "valueNotFoundText",
+        "type" : "String",
+        "desc" : "When using a name/value combo, if the value passed to setValue is not found in\nthe store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined)",
         "memberOf" : ""
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "vtype",
+        "type" : "String",
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "fixed with? experimental",
+        "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" : [
       {
-        "name" : "afterupload",
+        "name" : "add",
         "type" : "function",
-        "desc" : "Fire when xhr load exception",
-        "sig" : "function (_self, xhr)\n{\n\n}",
+        "desc" : "Fires when the 'add' icon is pressed (add a listener to enable add button)",
+        "sig" : "function (combo)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "afterremove",
+        "type" : "function",
+        "desc" : "Fires when the remove value from the combobox array",
+        "sig" : "function (combo)\n{\n\n}",
         "memberOf" : ""
       },
       {
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "beforequery",
+        "type" : "function",
+        "desc" : "Fires before all queries are processed. Return false to cancel the query or set cancel to true.\nThe event object passed has these properties:",
+        "sig" : "function (combo, query, forceAll, cancel, e)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "beforerender",
         "type" : "function",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "beforeselectfile",
+        "name" : "beforeselect",
         "type" : "function",
-        "desc" : "Fire before select file",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "Fires before a list item is selected. Return false to cancel the selection.",
+        "sig" : "function (combo, record, index)\n{\n\n}",
         "memberOf" : ""
       },
       {
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "blur",
+        "type" : "function",
+        "desc" : "Fires when this field loses input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
+      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "click",
+        "name" : "collapse",
         "type" : "function",
-        "desc" : "Fire after click the image",
-        "sig" : "function (_self, file)\n{\n\n}",
+        "desc" : "Fires when the dropdown list is collapsed",
+        "sig" : "function (combo)\n{\n\n}",
         "memberOf" : ""
       },
       {
       {
         "name" : "edit",
         "type" : "function",
-        "desc" : "Fire when upload a image and editable set to true",
-        "sig" : "function (_self, file)\n{\n\n}",
+        "desc" : "Fires when the 'edit' icon is pressed (add a listener to enable add button)",
+        "sig" : "function (combo, record)\n{\n\n}",
         "memberOf" : ""
       },
       {
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "exception",
+        "name" : "expand",
         "type" : "function",
-        "desc" : "Fire when xhr load exception",
-        "sig" : "function (_self, xhr)\n{\n\n}",
+        "desc" : "Fires when the dropdown list is expanded",
+        "sig" : "function (combo)\n{\n\n}",
         "memberOf" : ""
       },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Fires when this field receives input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "hide",
         "type" : "function",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "initial",
+        "name" : "invalid",
         "type" : "function",
-        "desc" : "Fire when initial the DocumentManager",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
+        "desc" : "Fires after the field has been marked as invalid.",
+        "sig" : "function (_self, msg)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "inspect",
+        "name" : "keyup",
         "type" : "function",
-        "desc" : "inspect selected file",
-        "sig" : "function (_self, file)\n{\n\n}",
-        "memberOf" : ""
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "prepare",
+        "name" : "remove",
         "type" : "function",
-        "desc" : "prepare the form data",
-        "sig" : "function (_self, formData)\n{\n\n}",
+        "desc" : "Fires when the remove value from the combobox array",
+        "sig" : "function (combo)\n{\n\n}",
         "memberOf" : ""
       },
       {
-        "name" : "previewrendered",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fire when preview rendered",
-        "sig" : "function (_self, file)\n{\n\n}",
-        "memberOf" : ""
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "process",
+        "name" : "select",
         "type" : "function",
-        "desc" : "Fire before process file",
-        "sig" : "function (_self, file)\n{\n\n}",
+        "desc" : "Fires when a list item is selected",
+        "sig" : "function (combo, record, index)\n{\n\n}",
         "memberOf" : ""
       },
       {
-        "name" : "refresh",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Fire after refresh the file",
+        "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "specialfilter",
+        "type" : "function",
+        "desc" : "Fires when specialfilter",
+        "sig" : "function (combo)\n{\n\n}",
         "memberOf" : ""
       },
       {
-        "name" : "remove",
+        "name" : "specialkey",
         "type" : "function",
-        "desc" : "Fire when remove the file",
-        "sig" : "function (_self, file)\n{\n\n}",
+        "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"
+      },
+      {
+        "name" : "tick",
+        "type" : "function",
+        "desc" : "Fires when tick the element",
+        "sig" : "function (combo)\n{\n\n}",
         "memberOf" : ""
       },
       {
-        "name" : "render",
+        "name" : "touchviewdisplay",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "desc" : "Fires when touch view require special display (default is using displayField)",
+        "sig" : "function (combo, cfg)\n{\n\n}",
+        "memberOf" : ""
       },
       {
-        "name" : "show",
+        "name" : "valid",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
+        "desc" : "Fires after the field has been validated with no errors.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.bootstrap.Input"
       }
     ],
     "methods" : [
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "autoSize",
+        "type" : "function",
+        "desc" : "",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.TriggerField"
+      },
       {
         "name" : "capture",
         "type" : "function",
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "clearInvalid",
+        "type" : "function",
+        "desc" : "Clear any invalid styles/messages for this field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "clearValue",
+        "type" : "function",
+        "desc" : "Clears any text/value currently set in the field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "collapse",
+        "type" : "function",
+        "desc" : "Hides the dropdown list if it is currently expanded. Fires the 'collapse' event on completion.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "doQuery",
+        "type" : "function",
+        "desc" : "Execute a query to filter the dropdown list.  Fires the beforequery event prior to performing the\nquery allowing the query action to be canceled if needed.",
+        "sig" : "(query, forceAll)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "enable",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "expand",
+        "type" : "function",
+        "desc" : "Expands the dropdown list if it is currently hidden. Fires the 'expand' event on completion.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "fireEvent",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "getName",
+        "type" : "function",
+        "desc" : "Returns the name of the field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "getValue",
+        "type" : "function",
+        "desc" : "Returns the currently selected field value or empty string if no value is set.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "inputEl",
+        "type" : "function",
+        "desc" : "return the real input element.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "isExpanded",
+        "type" : "function",
+        "desc" : "Returns true if the dropdown list is expanded, else false.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "isVisible",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "markInvalid",
+        "type" : "function",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "markValid",
+        "type" : "function",
+        "desc" : "Mark this field as valid",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "on",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "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"
+      },
       {
         "name" : "purgeListeners",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "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"
+      },
+      {
+        "name" : "select",
+        "type" : "function",
+        "desc" : "Select an item in the dropdown list by its numeric index in the list. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue.",
+        "sig" : "(index, scrollIntoView)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "selectByValue",
+        "type" : "function",
+        "desc" : "Select an item in the dropdown list by its data value. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue.",
+        "sig" : "(value, scrollIntoView)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "setDisabled",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "setEditable",
+        "type" : "function",
+        "desc" : "Allow or prevent the user from directly editing the field text.  If false is passed,\nthe user will only be able to select from the items defined in the dropdown list.  This method\nis the runtime equivalent of setting the 'editable' config option at config time.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "setFromData",
+        "type" : "function",
+        "desc" : "Sets the value of the field based on a object which is related to the record format for the store.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "setValue",
+        "type" : "function",
+        "desc" : "Sets the specified value into the field.  If the value finds a match, the corresponding record text\nwill be displayed in the field.  If the value does not match the data value of an existing item,\nand the valueNotFoundText config option is defined, it will be displayed as the default field text.\nOtherwise the field will be blank (although the value will still be set).",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "validate",
+        "type" : "function",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
       }
     ]
   },
-  "Roo.bootstrap.DocumentSlider" : {
+  "Roo.bootstrap.Component" : {
     "props" : [
       {
         "name" : "actionMode",
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : ""
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : ""
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : ""
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : ""
       },
       {
         "name" : "disableClass",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : ""
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : ""
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : ""
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : ""
       }
     ],
     "events" : [
         "type" : "function",
         "desc" : "Fires when the children have been rendered..",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "click",
-        "type" : "function",
-        "desc" : "Fire after click",
-        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : ""
       },
       {
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "initial",
-        "type" : "function",
-        "desc" : "Fire after initEvent",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "render",
         "type" : "function",
         "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "update",
-        "type" : "function",
-        "desc" : "Fire after update",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
       }
     ],
     "methods" : [
         "desc" : "Fetch the element to add children to",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : ""
       },
       {
         "name" : "getEl",
         "desc" : "Get the element that will be used to show or hide",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : ""
       },
       {
         "name" : "hasListener",
         "desc" : "Hide a component - adds 'hidden' class",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : ""
       },
       {
         "name" : "initEvents",
         "desc" : "Initialize Events for the element",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : ""
       },
       {
         "name" : "isVisible",
         "desc" : "Set the element that will be used to show or hide",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : ""
       },
       {
         "name" : "setVisible",
         "desc" : "Show a component - removes 'hidden' class",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : ""
       },
       {
         "name" : "tooltipEl",
         "desc" : "Fetch the element to display the tooltip on.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : ""
       },
       {
         "name" : "un",
       }
     ]
   },
-  "Roo.bootstrap.DocumentViewer" : {
+  "Roo.bootstrap.Container" : {
     "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" : "alert",
+        "type" : "String",
+        "desc" : "r) type alert (changes background / border...)",
+        "memberOf" : "",
+        "optvals" : [
+          "success",
+          "info",
+          "warning",
+          "danger"
+        ]
+      },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "clickable",
+        "type" : "Boolean",
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "expandable",
+        "type" : "Boolean",
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "expanded",
+        "type" : "Boolean",
+        "desc" : "e) default true",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "fa",
+        "type" : "String",
+        "desc" : "font awesome icon",
+        "memberOf" : ""
+      },
+      {
+        "name" : "footer",
+        "type" : "String",
+        "desc" : "content of footer (for panel)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "header",
+        "type" : "String",
+        "desc" : "content of header (for panel)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "hidden",
+        "type" : "Boolean",
+        "desc" : "e) hide the element",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "html",
+        "type" : "String",
+        "desc" : "content of element",
+        "memberOf" : ""
+      },
+      {
+        "name" : "icon",
+        "type" : "String",
+        "desc" : ".) glyphicon name",
+        "memberOf" : "",
+        "optvals" : [
+          "info-sign",
+          "check",
+          "..."
+        ]
+      },
+      {
+        "name" : "jumbotron",
+        "type" : "Boolean",
+        "desc" : "is it a jumbotron element",
+        "memberOf" : ""
       },
       {
         "name" : "listeners",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "showDownload",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "name" : "panel",
+        "type" : "String",
+        "desc" : "r) render as panel  - type - primary/success.....",
+        "memberOf" : "",
+        "optvals" : [
+          "default",
+          "primary",
+          "success",
+          "info",
+          "warning",
+          "danger"
+        ]
       },
       {
-        "name" : "showTrash",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
+        "name" : "rheader",
+        "type" : "String",
+        "desc" : "contet on the right of header",
         "memberOf" : ""
       },
+      {
+        "name" : "sticky",
+        "type" : "String",
+        "desc" : "h) block to use as footer or body- needs css-bootstrap/sticky-footer.css",
+        "memberOf" : "",
+        "optvals" : [
+          "footer",
+          "wrap",
+          "push"
+        ]
+      },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "tag",
+        "type" : "String",
+        "desc" : "n) type of HTML tag.",
+        "memberOf" : "",
+        "optvals" : [
+          "header",
+          "aside",
+          "section"
+        ]
+      },
       {
         "name" : "tooltip",
         "type" : "string",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "well",
+        "type" : "String",
+        "desc" : "d) a well, large, small or medium.",
+        "memberOf" : "",
+        "optvals" : [
+          "lg",
+          "sm",
+          "md"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "click",
         "type" : "function",
-        "desc" : "Fire after click",
+        "desc" : "When a element is chick",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "collapse",
+        "type" : "function",
+        "desc" : "After the panel has been collapsed",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : ""
       },
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "download",
-        "type" : "function",
-        "desc" : "Fire after download button",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "enable",
         "type" : "function",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "hide",
+        "name" : "expand",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
+        "desc" : "After the panel has been expand",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "memberOf" : ""
       },
       {
-        "name" : "initial",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Fire after initEvent",
+        "desc" : "Fires after the component is hidden.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "render",
         "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "trash",
-        "type" : "function",
-        "desc" : "Fire after trash button",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
       }
     ],
     "methods" : [
       }
     ]
   },
-  "Roo.bootstrap.Element" : {
+  "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" : "o) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "image",
+          "video",
+          "audio"
+        ]
+      },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
         "memberOf" : "Roo.Component"
       },
+      {
+        "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",
+        "optvals" : [
+          "left",
+          "center",
+          "right"
+        ]
+      },
+      {
+        "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" : "altFormats",
+        "type" : "String",
+        "desc" : "Multiple date formats separated by \"|\" to try when parsing a user input value and it doesn't match the defined\nformat (defaults to 'm/d/Y|m-d-y|m-d-Y|m/d|m-d|d').",
+        "memberOf" : ""
+      },
+      {
+        "name" : "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" : "calendarWeeks",
+        "type" : "Boolean",
+        "desc" : "default false",
+        "memberOf" : ""
+      },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "clickable",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "name" : "capture",
+        "type" : "String",
+        "desc" : "a) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "class of the element",
-        "memberOf" : ""
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "container_method",
         "desc" : "cutomer id",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "daysOfWeekDisabled",
+        "type" : "Object",
+        "desc" : "default empty",
+        "memberOf" : ""
+      },
       {
         "name" : "disableClass",
         "type" : "String",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "name" : "disableKeyFilter",
+        "type" : "Boolean",
+        "desc" : "True to disable input keystroke filtering (defaults to false)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "html",
-        "type" : "String",
-        "desc" : "contents of the element",
-        "memberOf" : ""
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "is it disabled",
+        "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" : "endDate",
+        "type" : "Number",
+        "desc" : "default Infinity",
+        "memberOf" : ""
       },
       {
-        "name" : "name",
+        "name" : "fieldLabel",
         "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "- the label associated",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "preventDefault",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "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" : "style",
-        "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "forceFeedback",
+        "type" : "Boolean",
+        "desc" : "e) Default false",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "tag",
+        "name" : "format",
         "type" : "String",
-        "desc" : "tag of the element",
+        "desc" : "The default date format string which can be overriden for localization support.  The format must be\nvalid according to {@link Date#parseDate} (defaults to 'm/d/y').",
         "memberOf" : ""
       },
       {
-        "name" : "tooltip",
-        "type" : "string",
-        "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "hasFeedback",
+        "type" : "Boolean",
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "visibilityEl",
-        "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "xattr",
-        "type" : "Object",
-        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
-      }
-    ],
-    "events" : [
+        "name" : "indicatorpos",
+        "type" : "String",
+        "desc" : "t) default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
+          "right"
+        ]
+      },
       {
-        "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"
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "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"
+        "name" : "invalidFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "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"
+        "name" : "invalidText",
+        "type" : "String",
+        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "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"
+        "name" : "keyboardNavigation",
+        "type" : "Boolean",
+        "desc" : "default true",
+        "memberOf" : ""
       },
       {
-        "name" : "childrenrendered",
-        "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "labelAlign",
+        "type" : "String",
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
-        "name" : "click",
-        "type" : "function",
-        "desc" : "When a element is chick",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : ""
+        "name" : "labelWidth",
+        "type" : "Number",
+        "desc" : "set the width of label",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "name" : "labellg",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "name" : "labelmd",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "name" : "labelsm",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "name" : "labelxs",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "name" : "language",
+        "type" : "String",
+        "desc" : "default en",
+        "memberOf" : ""
       },
       {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
-      }
-    ],
-    "methods" : [
+        "name" : "lg",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for large computer-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
-        "name" : "addEvents",
-        "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
-        "static" : false,
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
         "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "addListener",
-        "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "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"
-      },
-      {
-        "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"
-      },
-      {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "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"
-      },
-      {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "getChildContainer",
-        "type" : "function",
-        "desc" : "Fetch the element to add children to",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "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" : "getEl",
-        "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component"
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "getId",
-        "type" : "function",
-        "desc" : "Returns the id of this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component"
+        "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" : "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"
+        "name" : "md",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for computer-sized screens",
+        "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"
+        "name" : "minLength",
+        "type" : "Number",
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Hide a component - adds 'hidden' class",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
+        "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" : "initEvents",
-        "type" : "function",
-        "desc" : "Initialize Events for the element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "minViewMode",
+        "type" : "String",
+        "desc" : "default empty, (months|years)",
+        "memberOf" : ""
       },
       {
-        "name" : "isVisible",
-        "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component"
+        "name" : "name",
+        "type" : "String",
+        "desc" : "name of the input",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "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"
+        "name" : "placeholder",
+        "type" : "string",
+        "desc" : "- placeholder to put in text.",
+        "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"
+        "name" : "preventMark",
+        "type" : "Boolean",
+        "desc" : "Do not show tick or cross if error/success",
+        "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"
+        "name" : "readOnly",
+        "type" : "Boolean",
+        "desc" : "Specifies that the field should be read-only",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "removeListener",
-        "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
+        "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" : "render",
-        "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
-        "static" : false,
-        "memberOf" : "Roo.Component"
+        "name" : "regexText",
+        "type" : "String",
+        "desc" : "-- Depricated - use Invalid Text",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "setDisabled",
-        "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
-        "static" : false,
-        "memberOf" : "Roo.Component"
+        "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" : "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"
+        "name" : "singleMode",
+        "type" : "Boolean",
+        "desc" : "default false (true | false)",
+        "memberOf" : ""
       },
       {
-        "name" : "setVisible",
-        "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
-        "static" : false,
-        "memberOf" : "Roo.Component"
+        "name" : "size",
+        "type" : "string",
+        "desc" : "- (lg|sm) or leave empty..",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Show a component - removes 'hidden' class",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "sm",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for tablet-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "tooltipEl",
-        "type" : "function",
-        "desc" : "Fetch the element to display the tooltip on.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "startDate",
+        "type" : "Number",
+        "desc" : "default -Infinity",
+        "memberOf" : ""
       },
       {
-        "name" : "un",
-        "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      }
-    ]
-  },
-  "Roo.bootstrap.FieldLabel" : {
-    "props" : [
-      {
-        "name" : "actionMode",
+        "name" : "style",
         "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "allowBlank",
+        "name" : "todayBtn",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
+        "desc" : "default false",
         "memberOf" : ""
       },
       {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "can_build_overlaid",
+        "name" : "todayHighlight",
         "type" : "Boolean",
-        "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "cls",
-        "type" : "String",
-        "desc" : "class of the element",
+        "desc" : "default false",
         "memberOf" : ""
       },
       {
-        "name" : "container_method",
-        "type" : "string",
-        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "dataId",
+        "name" : "tooltip",
         "type" : "string",
-        "desc" : "cutomer id",
+        "desc" : "Text for the tooltip",
         "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",
+        "name" : "validClass",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "html",
+        "name" : "validFeedbackIcon",
         "type" : "String",
-        "desc" : "contents of the element",
-        "memberOf" : ""
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "iconTooltip",
-        "type" : "String",
-        "desc" : "default \"This field is required\"",
-        "memberOf" : ""
+        "name" : "validateOnBlur",
+        "type" : "Boolean",
+        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "indicatorpos",
-        "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : ""
+        "name" : "validationDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "invalidClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - BS4 uses is-invalid",
-        "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" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for 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" : "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" : "name",
+        "name" : "value",
         "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "style",
-        "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "tag",
-        "type" : "String",
-        "desc" : "tag of the element default label",
-        "memberOf" : ""
+        "desc" : "default value of the input",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "target",
+        "name" : "viewMode",
         "type" : "String",
-        "desc" : "label target",
+        "desc" : "default empty, (months|years)",
         "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",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
-        "name" : "validClass",
+        "name" : "vtype",
         "type" : "String",
-        "desc" : "DEPRICATED - BS4 uses is-valid",
-        "memberOf" : ""
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "visibilityEl",
-        "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "weekStart",
+        "type" : "Number",
+        "desc" : "default 0",
+        "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" : [
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "beforeselect",
+        "type" : "function",
+        "desc" : "Fires when before select a date.",
+        "sig" : "function (_self, date)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "beforeshow",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "blur",
+        "type" : "function",
+        "desc" : "Fires when this field loses input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
+      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Fires when this field receives input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "hide",
         "type" : "function",
         "type" : "function",
         "desc" : "Fires after the field has been marked as invalid.",
         "sig" : "function (_self, msg)\n{\n\n}",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "keyup",
+        "type" : "function",
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "render",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "select",
+        "type" : "function",
+        "desc" : "Fires when select a date.",
+        "sig" : "function (_self, date)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "desc" : "Fires when this field show.",
+        "sig" : "function (_self, date)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "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"
       },
       {
         "name" : "valid",
         "type" : "function",
         "desc" : "Fires after the field has been validated with no errors.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Input"
       }
     ],
     "methods" : [
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "clearInvalid",
+        "type" : "function",
+        "desc" : "Clear any invalid styles/messages for this field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "get",
-        "type" : "function",
-        "desc" : "fetch a FieldLabel Group based on the target",
-        "sig" : "(target)",
-        "static" : true,
-        "memberOf" : ""
-      },
       {
         "name" : "getChildContainer",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "getName",
+        "type" : "function",
+        "desc" : "Returns the name of the field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "inputEl",
+        "type" : "function",
+        "desc" : "return the real input element.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "isVisible",
         "type" : "function",
         "desc" : "Mark this field as invalid",
         "sig" : "(msg)",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "markValid",
         "desc" : "Mark this field as valid",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "on",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "register",
-        "type" : "function",
-        "desc" : "register a FieldLabel Group",
-        "sig" : "(the)",
-        "static" : true,
-        "memberOf" : ""
-      },
       {
         "name" : "releaseCapture",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "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"
+      },
       {
         "name" : "setDisabled",
         "type" : "function",
         "memberOf" : "Roo.Component"
       },
       {
-        "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"
       },
       {
-        "name" : "setVisible",
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "setVisible",
         "type" : "function",
         "desc" : "Convenience function to hide or show this component by boolean.",
         "sig" : "(visible)",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "validate",
+        "type" : "function",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
       }
     ]
   },
-  "Roo.bootstrap.Form" : {
+  "Roo.bootstrap.DateSplitField" : {
     "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" : "left  | right - for navbars",
-        "memberOf" : ""
-      },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "baseParams",
-        "type" : "Object",
-        "desc" : "Parameters to pass with all requests. e.g. baseParams: {id: '123', foo: 'bar'}.",
-        "memberOf" : ""
-      },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "cutomer id",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "dayAllowBlank",
+        "type" : "Boolean",
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "dayFormat",
+        "type" : "string",
+        "desc" : "default 'd'",
+        "memberOf" : ""
+      },
+      {
+        "name" : "dayPlaceholder",
+        "type" : "string",
+        "desc" : "",
+        "memberOf" : ""
+      },
       {
         "name" : "disableClass",
         "type" : "String",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "errorMask",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
-      },
-      {
-        "name" : "fileUpload",
-        "type" : "Boolean",
-        "desc" : "Set to true if this form is a file upload.",
+        "name" : "fieldLabel",
+        "type" : "string",
+        "desc" : "- the label associated",
         "memberOf" : ""
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : "top | left (default top)",
+        "desc" : "t)",
+        "memberOf" : "",
+        "optvals" : [
+          "top",
+          "left"
+        ]
+      },
+      {
+        "name" : "labelWidth",
+        "type" : "Number",
+        "desc" : "set the width of label (0-12)",
         "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" : "labellg",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : ""
       },
       {
-        "name" : "loadMask",
-        "type" : "Boolean",
-        "desc" : "load mask when submit (default true)",
+        "name" : "labelmd",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
         "memberOf" : ""
       },
       {
-        "name" : "maskBody",
-        "type" : "Boolean",
-        "desc" : "",
+        "name" : "labelsm",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
         "memberOf" : ""
       },
       {
-        "name" : "maskOffset",
+        "name" : "labelxs",
         "type" : "Number",
-        "desc" : "Default 100",
+        "desc" : "set the width of label (1-12)",
         "memberOf" : ""
       },
       {
-        "name" : "method",
-        "type" : "String",
-        "desc" : "GET | POST (default POST)",
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for 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" : "monthAllowBlank",
+        "type" : "Boolean",
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "monthFormat",
+        "type" : "string",
+        "desc" : "default 'm'",
+        "memberOf" : ""
+      },
+      {
+        "name" : "monthPlaceholder",
+        "type" : "string",
+        "desc" : "",
         "memberOf" : ""
       },
       {
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "timeout",
-        "type" : "Number",
-        "desc" : "Timeout for form actions in seconds (default is 30 seconds).",
-        "memberOf" : ""
-      },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "url",
-        "type" : "String",
-        "desc" : "The URL to use for form actions if one isn't supplied in the action options.",
-        "memberOf" : ""
-      },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
         "memberOf" : "Roo.bootstrap.Component"
-      }
-    ],
-    "events" : [
+      },
       {
-        "name" : "actioncomplete",
-        "type" : "function",
-        "desc" : "Fires when an action is completed.",
-        "sig" : "function (_self, action)\n{\n\n}",
-        "memberOf" : ""
+        "name" : "yearAllowBlank",
+        "type" : "Boolean",
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "actionfailed",
-        "type" : "function",
-        "desc" : "Fires when an action fails.",
-        "sig" : "function (_self, action)\n{\n\n}",
+        "name" : "yearFormat",
+        "type" : "string",
+        "desc" : "default 'Y'",
         "memberOf" : ""
       },
       {
-        "name" : "beforeaction",
-        "type" : "function",
-        "desc" : "Fires before any action is performed. Return false to cancel the action.",
-        "sig" : "function (_self, action)\n{\n\n}",
+        "name" : "yearPlaceholder",
+        "type" : "string",
+        "desc" : "",
         "memberOf" : ""
-      },
+      }
+    ],
+    "events" : [
       {
         "name" : "beforedestroy",
         "type" : "function",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "clientvalidation",
+        "name" : "days",
         "type" : "function",
-        "desc" : "If the monitorValid config option is true, this event fires repetitively to notify of valid state",
-        "sig" : "function (_self, valid)\n{\n\n}",
+        "desc" : "getting the data of days",
+        "sig" : "function (_self, days)\n{\n\n}",
         "memberOf" : ""
       },
       {
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "invalid",
+        "type" : "function",
+        "desc" : "Fires after the field has been marked as invalid.",
+        "sig" : "function (_self, msg)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "render",
         "type" : "function",
         "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "valid",
+        "type" : "function",
+        "desc" : "Fires after the field has been validated with no errors.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "years",
+        "type" : "function",
+        "desc" : "getting the data of years",
+        "sig" : "function (_self, years)\n{\n\n}",
+        "memberOf" : ""
       }
     ],
     "methods" : [
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "clearInvalid",
-        "type" : "function",
-        "desc" : "Clears all invalid messages in this form.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "doAction",
-        "type" : "function",
-        "desc" : "Performs a predefined action (submit or load) or custom actions you define on this form.",
-        "sig" : "(actionName, options)",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "enable",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "findField",
-        "type" : "function",
-        "desc" : "Find a Roo.form.Field in this form by id, dataIndex, name or hiddenName",
-        "sig" : "(id)",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "fireEvent",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "getFieldValues",
-        "type" : "function",
-        "desc" : "Returns the fields in this form as an object with key/value pairs.\nThis differs from getValues as it calls getValue on each child item, rather than using dom data.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "getId",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "getValues",
-        "type" : "function",
-        "desc" : "Returns the fields in this form as an object with key/value pairs. If multiple fields exist with the same name\nthey are returned as an array.",
-        "sig" : "(asString)",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "isDirty",
-        "type" : "function",
-        "desc" : "Returns true if any fields in this form have changed since their original load.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "isValid",
-        "type" : "function",
-        "desc" : "Returns true if client-side validation on the form is successful.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "isVisible",
         "type" : "function",
       {
         "name" : "markInvalid",
         "type" : "function",
-        "desc" : "Mark fields in this form invalid in bulk.",
-        "sig" : "(errors)",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
         "static" : false,
         "memberOf" : ""
       },
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "reset",
-        "type" : "function",
-        "desc" : "Resets this form.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "setDisabled",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "setValues",
-        "type" : "function",
-        "desc" : "Set values for fields in this form in bulk.",
-        "sig" : "(values)",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.Graph" : {
+  "Roo.bootstrap.DocumentManager" : {
     "props" : [
       {
         "name" : "actionMode",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "boxes",
+        "type" : "Number",
+        "desc" : "number of boxes, 0 is no limit.. default 0",
+        "memberOf" : ""
+      },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "g_height",
-        "type" : "number",
-        "desc" : "height of the chart (respected by all elements in the set)",
-        "memberOf" : ""
+        "name" : "editable",
+        "type" : "Boolean",
+        "desc" : "e) allow edit when upload a image default true",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "g_r",
-        "type" : "number",
-        "desc" : "radius (pie)",
+        "name" : "fieldLabel",
+        "type" : "String",
+        "desc" : "",
         "memberOf" : ""
       },
       {
-        "name" : "g_width",
-        "type" : "number",
-        "desc" : "width of the chart (respected by all elements in the set)",
+        "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",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "labelAlign",
+        "type" : "String",
+        "desc" : "p) default left",
+        "memberOf" : "",
+        "optvals" : [
+          "left",
+          "top"
+        ]
+      },
+      {
+        "name" : "labelWidth",
+        "type" : "Number",
+        "desc" : "default 4",
         "memberOf" : ""
       },
       {
-        "name" : "g_x",
-        "type" : "number",
-        "desc" : "coodinator | centre x (pie)",
+        "name" : "labellg",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
         "memberOf" : ""
       },
       {
-        "name" : "g_y",
-        "type" : "number",
-        "desc" : "coodinator | centre y (pie)",
+        "name" : "labelmd",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
         "memberOf" : ""
       },
       {
-        "name" : "graphtype",
-        "type" : "String",
-        "desc" : "bar | vbar | pie",
+        "name" : "labelsm",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
         "memberOf" : ""
       },
       {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "name" : "labelxs",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "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" : "method",
+        "type" : "String",
+        "desc" : "default POST",
+        "memberOf" : ""
+      },
+      {
+        "name" : "multiple",
+        "type" : "Boolean",
+        "desc" : "multiple upload default true",
+        "memberOf" : ""
+      },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "paramName",
+        "type" : "String",
+        "desc" : "default 'imageUpload'",
+        "memberOf" : ""
+      },
       {
         "name" : "style",
         "type" : "String",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "title",
-        "type" : "Object",
-        "desc" : "The title of the chart\n    \n -{Array}  values\n -opts (object) options for the chart \n     o {\n     o type (string) type of endings of the bar. Default: 'square'. Other options are: 'round', 'sharp', 'soft'.\n     o gutter (number)(string) default '20%' (WHAT DOES IT DO?)\n     o vgutter (number)\n     o colors (array) colors be used repeatedly to plot the bars. If multicolumn bar is used each sequence of bars with use a different color.\n     o stacked (boolean) whether or not to tread values as in a stacked bar chart\n     o to\n     o stretch (boolean)\n     o }\n -opts (object) options for the pie\n     o{\n     o cut\n     o startAngle (number)\n     o endAngle (number)\n     }",
+        "name" : "thumbSize",
+        "type" : "Number",
+        "desc" : "default 300",
+        "memberOf" : ""
+      },
+      {
+        "name" : "toolTipName",
+        "type" : "String",
+        "desc" : "default 'filename'",
         "memberOf" : ""
       },
       {
         "desc" : "Text for the tooltip",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "url",
+        "type" : "String",
+        "desc" : "action url",
+        "memberOf" : ""
+      },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       }
     ],
     "events" : [
+      {
+        "name" : "afterupload",
+        "type" : "function",
+        "desc" : "Fire when xhr load exception",
+        "sig" : "function (_self, xhr)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "beforedestroy",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "beforeselectfile",
+        "type" : "function",
+        "desc" : "Fire before select file",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "beforeshow",
         "type" : "function",
       {
         "name" : "click",
         "type" : "function",
-        "desc" : "The img click event for the img.",
-        "sig" : "function (e)\n{\n\n}",
+        "desc" : "Fire after click the image",
+        "sig" : "function (_self, file)\n{\n\n}",
         "memberOf" : ""
       },
       {
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "edit",
+        "type" : "function",
+        "desc" : "Fire when upload a image and editable set to true",
+        "sig" : "function (_self, file)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "enable",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "exception",
+        "type" : "function",
+        "desc" : "Fire when xhr load exception",
+        "sig" : "function (_self, xhr)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "hide",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "initial",
+        "type" : "function",
+        "desc" : "Fire when initial the DocumentManager",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "inspect",
+        "type" : "function",
+        "desc" : "inspect selected file",
+        "sig" : "function (_self, file)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "prepare",
+        "type" : "function",
+        "desc" : "prepare the form data",
+        "sig" : "function (_self, formData)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "previewrendered",
+        "type" : "function",
+        "desc" : "Fire when preview rendered",
+        "sig" : "function (_self, file)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "process",
+        "type" : "function",
+        "desc" : "Fire before process file",
+        "sig" : "function (_self, file)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "refresh",
+        "type" : "function",
+        "desc" : "Fire after refresh the file",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "remove",
+        "type" : "function",
+        "desc" : "Fire when remove the file",
+        "sig" : "function (_self, file)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "render",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.Header" : {
+  "Roo.bootstrap.DocumentSlider" : {
     "props" : [
       {
         "name" : "actionMode",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "html",
-        "type" : "String",
-        "desc" : "content of header",
-        "memberOf" : ""
-      },
-      {
-        "name" : "level",
-        "type" : "Number",
-        "desc" : [
-          "(1",
-          "2",
-          "3",
-          "4",
-          "5",
-          "6)"
-        ],
-        "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",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "click",
+        "type" : "function",
+        "desc" : "Fire after click",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "destroy",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "initial",
+        "type" : "function",
+        "desc" : "Fire after initEvent",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "render",
         "type" : "function",
         "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "update",
+        "type" : "function",
+        "desc" : "Fire after update",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : ""
       }
     ],
     "methods" : [
       }
     ]
   },
-  "Roo.bootstrap.HtmlEditor" : {
+  "Roo.bootstrap.DocumentViewer" : {
     "props" : [
-      {
-        "name" : "accept",
-        "type" : "String",
-        "desc" : [
-          "(image",
-          "video",
-          "audio)"
-        ],
-        "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" : [
-          "(left",
-          "center",
-          "right)"
-        ],
-        "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" : "buttons",
-        "type" : "Array",
-        "desc" : "Array of toolbar's buttons. - defaults to empty",
-        "memberOf" : ""
-      },
       {
         "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" : [
-          "(user",
-          "camera)"
-        ],
-        "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" : "Roo.bootstrap.TextArea"
-      },
       {
         "name" : "container_method",
         "type" : "string",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "disableKeyFilter",
-        "type" : "Boolean",
-        "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "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",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "is it disabled",
-        "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" : "fieldLabel",
+        "name" : "name",
         "type" : "string",
-        "desc" : "- the label associated",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "forceFeedback",
+        "name" : "showDownload",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) show download button (default true)",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "hasFeedback",
+        "name" : "showTrash",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) show trash button (default true)",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "height",
-        "type" : "Number",
-        "desc" : "(in pixels)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "hideMode",
+        "name" : "style",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "html",
+        "name" : "tooltip",
         "type" : "string",
-        "desc" : "text",
-        "memberOf" : "Roo.bootstrap.TextArea"
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "indicatorpos",
-        "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
-        "name" : "invalidClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "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"
+      }
+    ],
+    "events" : [
       {
-        "name" : "invalidFeedbackIcon",
-        "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.Input"
+        "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"
       },
       {
-        "name" : "labelAlign",
-        "type" : "String",
-        "desc" : [
-          "(top",
-          "left)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "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"
       },
       {
-        "name" : "labelWidth",
-        "type" : "Number",
-        "desc" : "set the width of label",
-        "memberOf" : "Roo.bootstrap.Input"
+        "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"
       },
       {
-        "name" : "labellg",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "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"
       },
       {
-        "name" : "labelmd",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "childrenrendered",
+        "type" : "function",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "labelsm",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "click",
+        "type" : "function",
+        "desc" : "Fire after click",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : ""
       },
       {
-        "name" : "labelxs",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "lg",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for large computer-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "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" : "download",
+        "type" : "function",
+        "desc" : "Fire after download button",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : ""
       },
       {
-        "name" : "maskRe",
-        "type" : "String",
-        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
       },
       {
-        "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" : "initial",
+        "type" : "function",
+        "desc" : "Fire after initEvent",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : ""
       },
       {
-        "name" : "md",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for computer-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "minLength",
-        "type" : "Number",
-        "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
       },
       {
-        "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" : "trash",
+        "type" : "function",
+        "desc" : "Fire after trash button",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : ""
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "name",
-        "type" : "String",
-        "desc" : "name of the input",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "addListener",
+        "type" : "function",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "placeholder",
-        "type" : "string",
-        "desc" : "- placeholder to put in text.",
-        "memberOf" : "Roo.bootstrap.Input"
+        "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"
       },
       {
-        "name" : "readOnly",
-        "type" : "Boolean",
-        "desc" : "Specifies that the field should be read-only",
-        "memberOf" : "Roo.bootstrap.Input"
+        "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"
       },
       {
-        "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" : "disable",
+        "type" : "function",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "regexText",
-        "type" : "String",
-        "desc" : "-- Depricated - use Invalid Text",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "resizable",
-        "type" : "String",
-        "desc" : "'s' or 'se' or 'e' - wrapps the element in a\n                       Roo.resizable.",
-        "memberOf" : ""
+        "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"
       },
       {
-        "name" : "resize",
-        "type" : "string",
-        "desc" : [
-          "(none",
-          "both",
-          "horizontal",
-          "vertical",
-          "inherit",
-          "initial)"
-        ],
-        "memberOf" : "Roo.bootstrap.TextArea"
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "rows",
-        "type" : "Number",
-        "desc" : "Specifies the visible number of lines in a text area",
-        "memberOf" : "Roo.bootstrap.TextArea"
+        "name" : "getChildContainer",
+        "type" : "function",
+        "desc" : "Fetch the element to add children to",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "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" : "getEl",
+        "type" : "function",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "size",
-        "type" : "string",
-        "desc" : "- (lg|sm) or leave empty..",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "getId",
+        "type" : "function",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "sm",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for tablet-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
+        "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"
       },
       {
-        "name" : "style",
-        "type" : "String",
-        "desc" : "any extra css",
+        "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"
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Hide a component - adds 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "stylesheets",
-        "type" : "Array",
-        "desc" : "url of stylesheets. set to [] to disable stylesheets.",
-        "memberOf" : ""
+        "name" : "initEvents",
+        "type" : "function",
+        "desc" : "Initialize Events for the element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "toolbars",
-        "type" : "Array",
-        "desc" : "Array of toolbars. - defaults to just the Standard one",
-        "memberOf" : ""
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "tooltip",
-        "type" : "string",
-        "desc" : "Text for the tooltip",
+        "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"
+      },
+      {
+        "name" : "purgeListeners",
+        "type" : "function",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "removeListener",
+        "type" : "function",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "setDisabled",
+        "type" : "function",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "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"
       },
       {
-        "name" : "validClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "validFeedbackIcon",
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show a component - removes 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "tooltipEl",
+        "type" : "function",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "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"
+      }
+    ]
+  },
+  "Roo.bootstrap.DropTarget" : {
+    "props" : [
+      {
+        "name" : "actionMode",
         "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "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" : "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" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.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" : "can_build_overlaid",
+        "type" : "Boolean",
+        "desc" : "True if element can be rebuild from a HTML page",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "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" : "clickable",
+        "type" : "Boolean",
+        "desc" : "e) default false",
+        "memberOf" : "Roo.bootstrap.Element",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "value",
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "class of the element",
+        "memberOf" : "Roo.bootstrap.Element"
+      },
+      {
+        "name" : "container_method",
         "type" : "string",
-        "desc" : "default value of the input",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "visibilityEl",
-        "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
+        "name" : "dataId",
+        "type" : "string",
+        "desc" : "cutomer id",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "vtype",
+        "name" : "disableClass",
         "type" : "String",
-        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "width",
-        "type" : "Number",
-        "desc" : "(in pixels)",
+        "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",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "html",
+        "type" : "String",
+        "desc" : "contents of the element",
+        "memberOf" : "Roo.bootstrap.Element"
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for 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" : "dropable name",
         "memberOf" : ""
       },
       {
-        "name" : "wrap",
+        "name" : "preventDefault",
+        "type" : "Boolean",
+        "desc" : "e) default false",
+        "memberOf" : "Roo.bootstrap.Element",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "tag",
+        "type" : "String",
+        "desc" : "tag of the element",
+        "memberOf" : "Roo.bootstrap.Element"
+      },
+      {
+        "name" : "tooltip",
         "type" : "string",
-        "desc" : [
-          "(soft",
-          "hard)"
-        ],
-        "memberOf" : "Roo.bootstrap.TextArea"
+        "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",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
         "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "xs",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for mobile-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
       }
     ],
     "events" : [
-      {
-        "name" : "activate",
-        "type" : "function",
-        "desc" : "Fires when the editor is first receives the focus. Any insertion must wait\nuntil after this event.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "name" : "autosave",
-        "type" : "function",
-        "desc" : "Auto save the htmlEditor value as a file into Events",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "beforedestroy",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "beforepush",
-        "type" : "function",
-        "desc" : "Fires before the iframe editor is updated with content from the textarea. Return false\nto cancel the push.",
-        "sig" : "function (_self, html)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "beforerender",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "beforesync",
-        "type" : "function",
-        "desc" : "Fires before the textarea is updated with content from the editor iframe. Return false\nto cancel the sync.",
-        "sig" : "function (_self, html)\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "name" : "blur",
-        "type" : "function",
-        "desc" : "",
-        "sig" : "function ()\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "name" : "change",
-        "type" : "function",
-        "desc" : "",
-        "sig" : "function ()\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "click",
+        "type" : "function",
+        "desc" : "When a element is chick",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "destroy",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "editmodechange",
-        "type" : "function",
-        "desc" : "Fires when the editor switches edit modes",
-        "sig" : "function (_self, sourceEdit)\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "name" : "editorevent",
-        "type" : "function",
-        "desc" : "Fires when on any editor (mouse up/down cursor movement etc.) - used for toolbar hooks.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "enable",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "firstfocus",
-        "type" : "function",
-        "desc" : "Fires when on first focus - needed by toolbars..",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "",
-        "sig" : "function ()\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "hide",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "initialize",
-        "type" : "function",
-        "desc" : "Fires when the editor is fully initialized (including the iframe)",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "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"
-      },
-      {
-        "name" : "keyup",
-        "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "push",
-        "type" : "function",
-        "desc" : "Fires when the iframe editor is updated with content from the textarea.",
-        "sig" : "function (_self, html)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "render",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "savedpreview",
-        "type" : "function",
-        "desc" : "preview the saved version of htmlEditor",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "show",
         "type" : "function",
         "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "specialkey",
-        "type" : "function",
-        "desc" : "",
-        "sig" : "function ()\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "name" : "sync",
-        "type" : "function",
-        "desc" : "Fires when the textarea is updated with content from the editor iframe.",
-        "sig" : "function (_self, html)\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "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"
       }
     ],
     "methods" : [
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "clearInvalid",
-        "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.TextArea"
-      },
-      {
-        "name" : "createToolbar",
-        "type" : "function",
-        "desc" : "Protected method that will not generally be called directly. It\nis called when the editor creates its toolbar. Override this method if you need to\nadd custom toolbar buttons.",
-        "sig" : "(editor)",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "getName",
-        "type" : "function",
-        "desc" : "Returns the name of the field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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"
-      },
-      {
-        "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"
-      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "inputEl",
-        "type" : "function",
-        "desc" : "return the real textarea element.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.TextArea"
-      },
       {
         "name" : "isVisible",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "markInvalid",
-        "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.TextArea"
-      },
-      {
-        "name" : "markValid",
-        "type" : "function",
-        "desc" : "Mark this field as valid",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.TextArea"
-      },
       {
         "name" : "on",
         "type" : "function",
         "memberOf" : "Roo.Component"
       },
       {
-        "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"
-      },
-      {
-        "name" : "setDisabled",
+        "name" : "setDisabled",
         "type" : "function",
         "desc" : "Convenience function for setting disabled/enabled by boolean.",
         "sig" : "(disabled)",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "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"
-      },
-      {
-        "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"
-      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "toggleSourceEdit",
-        "type" : "function",
-        "desc" : "Toggles the editor between standard and source edit mode.",
-        "sig" : "(sourceEdit)",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "tooltipEl",
         "type" : "function",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "validate",
-        "type" : "function",
-        "desc" : "Validates the field value",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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"
       }
     ]
   },
-  "Roo.bootstrap.Img" : {
+  "Roo.bootstrap.Element" : {
     "props" : [
       {
         "name" : "actionMode",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "alt",
-        "type" : "String",
-        "desc" : "image alternative text",
-        "memberOf" : ""
-      },
-      {
-        "name" : "border",
-        "type" : "String",
-        "desc" : "rounded | circle | thumbnail",
-        "memberOf" : ""
-      },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "clickable",
+        "type" : "Boolean",
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "class of the element",
+        "memberOf" : ""
       },
       {
         "name" : "container_method",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "href",
-        "type" : "String",
-        "desc" : "a tag href",
-        "memberOf" : ""
-      },
-      {
-        "name" : "imgResponsive",
-        "type" : "Boolean",
-        "desc" : "false | true",
-        "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",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "lgUrl",
+        "name" : "html",
         "type" : "String",
-        "desc" : "lg image source",
+        "desc" : "contents of the element",
         "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" : "mdUrl",
-        "type" : "String",
-        "desc" : "md image source",
-        "memberOf" : ""
-      },
       {
         "name" : "name",
         "type" : "string",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "smUrl",
-        "type" : "String",
-        "desc" : "sm image source",
-        "memberOf" : ""
-      },
-      {
-        "name" : "src",
-        "type" : "String",
-        "desc" : "image source",
-        "memberOf" : ""
+        "name" : "preventDefault",
+        "type" : "Boolean",
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "style",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "target",
+        "name" : "tag",
         "type" : "String",
-        "desc" : [
-          "(_self",
-          "_blank",
-          "_parent",
-          "_top)"
-        ],
+        "desc" : "tag of the element",
         "memberOf" : ""
       },
       {
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
         "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "xsUrl",
-        "type" : "String",
-        "desc" : "xs image source",
-        "memberOf" : ""
       }
     ],
     "events" : [
       {
         "name" : "click",
         "type" : "function",
-        "desc" : "The img click event for the img.",
-        "sig" : "function (e)\n{\n\n}",
+        "desc" : "When a element is chick",
+        "sig" : "function (_self, e)\n{\n\n}",
         "memberOf" : ""
       },
       {
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "setSrc",
-        "type" : "function",
-        "desc" : "Sets the url of the image - used to update it",
-        "sig" : "(url)",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.Input" : {
+  "Roo.bootstrap.FieldLabel" : {
     "props" : [
-      {
-        "name" : "accept",
-        "type" : "String",
-        "desc" : [
-          "(image",
-          "video",
-          "audio)"
-        ],
-        "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" : "after",
-        "type" : "string",
-        "desc" : "- input group add on after",
-        "memberOf" : ""
-      },
-      {
-        "name" : "align",
-        "type" : "String",
-        "desc" : [
-          "(left",
-          "center",
-          "right)"
-        ],
-        "memberOf" : ""
-      },
       {
         "name" : "allowBlank",
         "type" : "Boolean",
-        "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : ""
+        "desc" : "e) target allowBlank default true",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "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" : ""
-      },
-      {
-        "name" : "before",
-        "type" : "string",
-        "desc" : "- input group add on before",
-        "memberOf" : ""
-      },
-      {
-        "name" : "blankText",
-        "type" : "String",
-        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : ""
-      },
       {
         "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" : [
-          "(user",
-          "camera)"
-        ],
-        "memberOf" : ""
-      },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "class of the element",
+        "memberOf" : ""
       },
       {
         "name" : "container_method",
         "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" : ""
-      },
-      {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "is it disabled",
-        "memberOf" : ""
-      },
-      {
-        "name" : "fieldLabel",
-        "type" : "string",
-        "desc" : "- the label associated",
-        "memberOf" : ""
-      },
-      {
-        "name" : "focusClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : ""
-      },
-      {
-        "name" : "forceFeedback",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
-      },
-      {
-        "name" : "hasFeedback",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
-      },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "indicatorpos",
-        "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : ""
-      },
-      {
-        "name" : "inputType",
-        "type" : "String",
-        "desc" : "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | 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",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "invalidClass",
+        "name" : "html",
         "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "desc" : "contents of the element",
         "memberOf" : ""
       },
       {
-        "name" : "invalidFeedbackIcon",
+        "name" : "iconTooltip",
         "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "desc" : "default \"This field is required\"",
         "memberOf" : ""
       },
       {
-        "name" : "invalidText",
+        "name" : "indicatorpos",
         "type" : "String",
-        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
-        "memberOf" : ""
+        "desc" : "t) default left",
+        "memberOf" : "",
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
-        "name" : "labelAlign",
+        "name" : "invalidClass",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "left)"
-        ],
-        "memberOf" : ""
-      },
-      {
-        "name" : "labelWidth",
-        "type" : "Number",
-        "desc" : "set the width of label",
-        "memberOf" : ""
-      },
-      {
-        "name" : "labellg",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "labelmd",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "labelsm",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "labelxs",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "lg",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for large computer-sized screens",
+        "desc" : "DEPRICATED - BS4 uses is-invalid",
         "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" : "maskRe",
-        "type" : "String",
-        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "maxLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-        "memberOf" : ""
-      },
-      {
-        "name" : "md",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for computer-sized screens",
-        "memberOf" : ""
-      },
-      {
-        "name" : "minLength",
-        "type" : "Number",
-        "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "minLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-        "memberOf" : ""
-      },
       {
         "name" : "name",
-        "type" : "String",
-        "desc" : "name of the input",
-        "memberOf" : ""
-      },
-      {
-        "name" : "placeholder",
         "type" : "string",
-        "desc" : "- placeholder to put in text.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "readOnly",
-        "type" : "Boolean",
-        "desc" : "Specifies that the field should be read-only",
-        "memberOf" : ""
-      },
-      {
-        "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" : ""
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "regexText",
+        "name" : "style",
         "type" : "String",
-        "desc" : "-- Depricated - use Invalid Text",
-        "memberOf" : ""
-      },
-      {
-        "name" : "selectOnFocus",
-        "type" : "Boolean",
-        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "size",
-        "type" : "string",
-        "desc" : "- (lg|sm) or leave empty..",
-        "memberOf" : ""
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "sm",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for tablet-sized screens",
+        "name" : "tag",
+        "type" : "String",
+        "desc" : "tag of the element default label",
         "memberOf" : ""
       },
       {
-        "name" : "style",
+        "name" : "target",
         "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "label target",
+        "memberOf" : ""
       },
       {
         "name" : "tooltip",
       {
         "name" : "validClass",
         "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : ""
-      },
-      {
-        "name" : "validFeedbackIcon",
-        "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : ""
-      },
-      {
-        "name" : "validateOnBlur",
-        "type" : "Boolean",
-        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : ""
-      },
-      {
-        "name" : "validationDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "validationEvent",
-        "type" : "String/Boolean",
-        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : ""
-      },
-      {
-        "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" : ""
-      },
-      {
-        "name" : "value",
-        "type" : "string",
-        "desc" : "default value of the input",
+        "desc" : "DEPRICATED - BS4 uses is-valid",
         "memberOf" : ""
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "vtype",
-        "type" : "String",
-        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : ""
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
         "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "xs",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for mobile-sized screens",
-        "memberOf" : ""
       }
     ],
     "events" : [
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "blur",
-        "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "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" : ""
-      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "hide",
         "type" : "function",
         "sig" : "function (_self, msg)\n{\n\n}",
         "memberOf" : ""
       },
-      {
-        "name" : "keyup",
-        "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "render",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "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" : ""
-      },
       {
         "name" : "valid",
         "type" : "function",
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "clearInvalid",
-        "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "get",
+        "type" : "function",
+        "desc" : "fetch a FieldLabel Group based on the target",
+        "sig" : "(target)",
+        "static" : true,
+        "memberOf" : ""
+      },
       {
         "name" : "getChildContainer",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "getName",
-        "type" : "function",
-        "desc" : "Returns the name of the field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "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" : ""
-      },
-      {
-        "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" : ""
-      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "inputEl",
-        "type" : "function",
-        "desc" : "return the real input element.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "isVisible",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "register",
+        "type" : "function",
+        "desc" : "register a FieldLabel Group",
+        "sig" : "(the)",
+        "static" : true,
+        "memberOf" : ""
+      },
       {
         "name" : "releaseCapture",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "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" : ""
-      },
       {
         "name" : "setDisabled",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "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" : ""
-      },
-      {
-        "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" : ""
-      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "validate",
-        "type" : "function",
-        "desc" : "Validates the field value",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "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.LayoutMasonry" : {
+  "Roo.bootstrap.Form" : {
     "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" : "left  | right - for navbars",
+        "memberOf" : ""
+      },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "alternativePadWidth",
-        "type" : "Number",
-        "desc" : "padding below box..",
-        "memberOf" : ""
-      },
-      {
-        "name" : "boxHeight",
-        "type" : "Number",
-        "desc" : "- 0 for square, or fix it at a certian height",
-        "memberOf" : ""
-      },
-      {
-        "name" : "boxWidth",
-        "type" : "Number",
-        "desc" : "width of the columns",
+        "name" : "baseParams",
+        "type" : "Object",
+        "desc" : "Parameters to pass with all requests. e.g. baseParams: {id: '123', foo: 'bar'}.",
         "memberOf" : ""
       },
       {
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "gutter",
-        "type" : "Number",
-        "desc" : "gutter width..",
+        "name" : "errorMask",
+        "type" : "Boolean",
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "fileUpload",
+        "type" : "Boolean",
+        "desc" : "Set to true if this form is a file upload.",
         "memberOf" : ""
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "isAutoInitial",
-        "type" : "Boolean",
-        "desc" : "defalut true",
+        "name" : "labelAlign",
+        "type" : "String",
+        "desc" : "top | left (default top)",
         "memberOf" : ""
       },
       {
-        "name" : "isHorizontal",
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for 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" : "defalut false",
+        "desc" : "load mask when submit (default true)",
         "memberOf" : ""
       },
       {
-        "name" : "isLayoutInstant",
+        "name" : "maskBody",
         "type" : "Boolean",
-        "desc" : "= no animation?",
+        "desc" : "",
         "memberOf" : ""
       },
       {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "name" : "maskOffset",
+        "type" : "Number",
+        "desc" : "Default 100",
+        "memberOf" : ""
       },
       {
-        "name" : "maxCols",
-        "type" : "Number",
-        "desc" : "maximum number of columns",
+        "name" : "method",
+        "type" : "String",
+        "desc" : "GET | POST (default POST)",
         "memberOf" : ""
       },
       {
         "desc" : "Specifies name attribute",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "padWidth",
-        "type" : "Number",
-        "desc" : "padding below box..",
-        "memberOf" : ""
-      },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "timeout",
+        "type" : "Number",
+        "desc" : "Timeout for form actions in seconds (default is 30 seconds).",
+        "memberOf" : ""
+      },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "url",
+        "type" : "String",
+        "desc" : "The URL to use for form actions if one isn't supplied in the action options.",
+        "memberOf" : ""
+      },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       }
     ],
     "events" : [
+      {
+        "name" : "actioncomplete",
+        "type" : "function",
+        "desc" : "Fires when an action is completed.",
+        "sig" : "function (_self, action)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "actionfailed",
+        "type" : "function",
+        "desc" : "Fires when an action fails.",
+        "sig" : "function (_self, action)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "beforeaction",
+        "type" : "function",
+        "desc" : "Fires before any action is performed. Return false to cancel the action.",
+        "sig" : "function (_self, action)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "beforedestroy",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "clientvalidation",
+        "type" : "function",
+        "desc" : "If the monitorValid config option is true, this event fires repetitively to notify of valid state",
+        "sig" : "function (_self, valid)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "destroy",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "layout",
-        "type" : "function",
-        "desc" : "Fire after layout the items",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "render",
         "type" : "function",
       }
     ],
     "methods" : [
-      {
-        "name" : "_processVerticalLayoutQueue",
-        "type" : "function",
-        "desc" : "Sets position of item in DOM",
-        "sig" : "(item, x, y, isInstant)",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "addBrick",
-        "type" : "function",
-        "desc" : "adds a Masonry Brick",
-        "sig" : "(the)",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "addEvents",
         "type" : "function",
         "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "clearAll",
+        "name" : "clearInvalid",
         "type" : "function",
-        "desc" : "clear all the Masonry Brick",
+        "desc" : "Clears all invalid messages in this form.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : ""
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "doAction",
+        "type" : "function",
+        "desc" : "Performs a predefined action (submit or load) or custom actions you define on this form.",
+        "sig" : "(actionName, options)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "enable",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "findField",
+        "type" : "function",
+        "desc" : "Find a Roo.form.Field in this form by id, dataIndex, name or hiddenName",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "fireEvent",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "get",
-        "type" : "function",
-        "desc" : "fetch a  Masonry Layout based on the masonry layout ID",
-        "sig" : "(the)",
-        "static" : true,
-        "memberOf" : ""
-      },
       {
         "name" : "getChildContainer",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "getFieldValues",
+        "type" : "function",
+        "desc" : "Returns the fields in this form as an object with key/value pairs.\nThis differs from getValues as it calls getValue on each child item, rather than using dom data.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "getId",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "getValues",
+        "type" : "function",
+        "desc" : "Returns the fields in this form as an object with key/value pairs. If multiple fields exist with the same name\nthey are returned as an array.",
+        "sig" : "(asString)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "isDirty",
+        "type" : "function",
+        "desc" : "Returns true if any fields in this form have changed since their original load.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "isValid",
+        "type" : "function",
+        "desc" : "Returns true if client-side validation on the form is successful.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "isVisible",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "markInvalid",
+        "type" : "function",
+        "desc" : "Mark fields in this form invalid in bulk.",
+        "sig" : "(errors)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "on",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "register",
-        "type" : "function",
-        "desc" : "register a Masonry Brick",
-        "sig" : "(the)",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "register",
-        "type" : "function",
-        "desc" : "register a Masonry Layout",
-        "sig" : "(the)",
-        "static" : true,
-        "memberOf" : ""
-      },
       {
         "name" : "releaseCapture",
         "type" : "function",
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "removeBrick",
-        "type" : "function",
-        "desc" : "remove a Masonry Brick",
-        "sig" : "(the)",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "removeListener",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "reset",
+        "type" : "function",
+        "desc" : "Resets this form.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "setDisabled",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "setValues",
+        "type" : "function",
+        "desc" : "Set values for fields in this form in bulk.",
+        "sig" : "(values)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.LayoutMasonryAuto" : {
+  "Roo.bootstrap.Graph" : {
     "props" : [
       {
         "name" : "actionMode",
         "desc" : "css class",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "columnWidth",
-        "type" : "Number",
-        "desc" : "width of the columns",
-        "memberOf" : ""
-      },
       {
         "name" : "container_method",
         "type" : "string",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "name" : "g_height",
+        "type" : "number",
+        "desc" : "height of the chart (respected by all elements in the set)",
+        "memberOf" : ""
       },
       {
-        "name" : "isAutoInitial",
-        "type" : "Boolean",
-        "desc" : "defalut true",
+        "name" : "g_r",
+        "type" : "number",
+        "desc" : "radius (pie)",
         "memberOf" : ""
       },
       {
-        "name" : "isFitWidth",
-        "type" : "Boolean",
-        "desc" : "- resize the width..",
+        "name" : "g_width",
+        "type" : "number",
+        "desc" : "width of the chart (respected by all elements in the set)",
         "memberOf" : ""
       },
       {
-        "name" : "isLayoutInstant",
-        "type" : "Boolean",
-        "desc" : "= no animation?",
+        "name" : "g_x",
+        "type" : "number",
+        "desc" : "coodinator | centre x (pie)",
         "memberOf" : ""
       },
       {
-        "name" : "isOriginLeft",
-        "type" : "Boolean",
-        "desc" : "= left align?",
+        "name" : "g_y",
+        "type" : "number",
+        "desc" : "coodinator | centre y (pie)",
         "memberOf" : ""
       },
       {
-        "name" : "isOriginTop",
-        "type" : "Boolean",
-        "desc" : "= top align?",
+        "name" : "graphtype",
+        "type" : "String",
+        "desc" : "bar | vbar | pie",
         "memberOf" : ""
       },
       {
-        "name" : "isResizingContainer",
-        "type" : "Boolean",
-        "desc" : "= not sure if this is used..",
-        "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",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "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" : "maxCols",
-        "type" : "Number",
-        "desc" : "maximum number of columns",
-        "memberOf" : ""
-      },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "padHeight",
-        "type" : "Number",
-        "desc" : "padding below box..",
-        "memberOf" : ""
-      },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "title",
+        "type" : "Object",
+        "desc" : "The title of the chart\n    \n -{Array}  values\n -opts (object) options for the chart \n     o {\n     o type (string) type of endings of the bar. Default: 'square'. Other options are: 'round', 'sharp', 'soft'.\n     o gutter (number)(string) default '20%' (WHAT DOES IT DO?)\n     o vgutter (number)\n     o colors (array) colors be used repeatedly to plot the bars. If multicolumn bar is used each sequence of bars with use a different color.\n     o stacked (boolean) whether or not to tread values as in a stacked bar chart\n     o to\n     o stretch (boolean)\n     o }\n -opts (object) options for the pie\n     o{\n     o cut\n     o startAngle (number)\n     o endAngle (number)\n     }",
+        "memberOf" : ""
+      },
       {
         "name" : "tooltip",
         "type" : "string",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "click",
+        "type" : "function",
+        "desc" : "The img click event for the img.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "destroy",
         "type" : "function",
       }
     ],
     "methods" : [
-      {
-        "name" : "_getColGroup",
-        "type" : "function",
-        "desc" : "",
-        "sig" : "(colSpan)",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "_postLayout",
-        "type" : "function",
-        "desc" : "Any logic you want to do after each layout,\ni.e. size the container",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "_processLayoutQueue",
-        "type" : "function",
-        "desc" : "Sets position of item in DOM",
-        "sig" : "(item, x, y, isInstant)",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "addEvents",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.Link" : {
+  "Roo.bootstrap.Header" : {
     "props" : [
       {
         "name" : "actionMode",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "alt",
-        "type" : "String",
-        "desc" : "image alternative text",
-        "memberOf" : ""
-      },
-      {
-        "name" : "anchor",
-        "type" : "String",
-        "desc" : "name for the anchor link",
-        "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" : "fa",
-        "type" : "String",
-        "desc" : "- favicon",
-        "memberOf" : ""
-      },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "href",
+        "name" : "html",
         "type" : "String",
-        "desc" : "a tag href",
+        "desc" : "content of header",
         "memberOf" : ""
       },
       {
-        "name" : "html",
-        "type" : "String",
-        "desc" : "the content of the link.",
-        "memberOf" : ""
+        "name" : "level",
+        "type" : "Number",
+        "desc" : "6) default 1",
+        "memberOf" : "",
+        "optvals" : [
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "6"
+        ]
       },
       {
         "name" : "listeners",
         "desc" : "Specifies name attribute",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "preventDefault",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
-      },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "target",
-        "type" : "String",
-        "desc" : [
-          "(_self",
-          "_blank",
-          "_parent",
-          "_top)"
-        ],
-        "memberOf" : ""
-      },
       {
         "name" : "tooltip",
         "type" : "string",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "click",
-        "type" : "function",
-        "desc" : "The img click event for the img.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "destroy",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.LocationPicker" : {
+  "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" : "o) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "image",
+          "video",
+          "audio"
+        ]
+      },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
         "memberOf" : "Roo.Component"
       },
+      {
+        "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",
+        "optvals" : [
+          "left",
+          "center",
+          "right"
+        ]
+      },
+      {
+        "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" : "buttons",
+        "type" : "Array",
+        "desc" : "Array of toolbar's buttons. - defaults to empty",
+        "memberOf" : ""
+      },
       {
         "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",
+        "optvals" : [
+          "user",
+          "camera"
+        ]
+      },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "cols",
+        "type" : "Number",
+        "desc" : "Specifies the visible width of a text area",
+        "memberOf" : "Roo.bootstrap.TextArea"
+      },
       {
         "name" : "container_method",
         "type" : "string",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "disableDoubleClickZoom",
+        "name" : "disableKeyFilter",
         "type" : "Boolean",
-        "desc" : "default false",
-        "memberOf" : ""
+        "desc" : "True to disable input keystroke filtering (defaults to false)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "draggable",
+        "name" : "disabled",
         "type" : "Boolean",
-        "desc" : "default true",
-        "memberOf" : ""
+        "desc" : "is it disabled",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "enableAutocomplete",
+        "name" : "fieldLabel",
+        "type" : "string",
+        "desc" : "- the label associated",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : "default false",
-        "memberOf" : ""
+        "desc" : "e) Default false",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "enableReverseGeocode",
+        "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : "default true",
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "height",
+        "type" : "Number",
+        "desc" : "(in pixels)",
         "memberOf" : ""
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "latitude",
+        "name" : "html",
+        "type" : "string",
+        "desc" : "text",
+        "memberOf" : "Roo.bootstrap.TextArea"
+      },
+      {
+        "name" : "indicatorpos",
+        "type" : "String",
+        "desc" : "t) default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
+          "right"
+        ]
+      },
+      {
+        "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" : "labelAlign",
+        "type" : "String",
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "top",
+          "left"
+        ]
+      },
+      {
+        "name" : "labelWidth",
         "type" : "Number",
-        "desc" : "Position when init default 0",
-        "memberOf" : ""
+        "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" : "locationName",
+        "name" : "maskRe",
         "type" : "String",
-        "desc" : "",
-        "memberOf" : ""
+        "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" : "longitude",
+        "name" : "maxLength",
         "type" : "Number",
-        "desc" : "Position when init default 0",
-        "memberOf" : ""
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "mapTypeControl",
+        "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" : "default false",
-        "memberOf" : ""
+        "desc" : "Do not show tick or cross if error/success",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "mapTypeId",
+        "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" : "default google.maps.MapTypeId.ROADMAP",
-        "memberOf" : ""
+        "desc" : "-- Depricated - use Invalid Text",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "markerTitle",
+        "name" : "resizable",
         "type" : "String",
-        "desc" : "",
+        "desc" : "'s' or 'se' or 'e' - wrapps the element in a\n                       Roo.resizable.",
         "memberOf" : ""
       },
       {
-        "name" : "name",
+        "name" : "resize",
         "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "l)",
+        "memberOf" : "Roo.bootstrap.TextArea",
+        "optvals" : [
+          "none",
+          "both",
+          "horizontal",
+          "vertical",
+          "inherit",
+          "initial"
+        ]
       },
       {
-        "name" : "radius",
+        "name" : "rows",
         "type" : "Number",
-        "desc" : "default 0",
-        "memberOf" : ""
+        "desc" : "Specifies the visible number of lines in a text area",
+        "memberOf" : "Roo.bootstrap.TextArea"
       },
       {
-        "name" : "scrollwheel",
+        "name" : "selectOnFocus",
         "type" : "Boolean",
-        "desc" : "default true",
-        "memberOf" : ""
+        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "streetViewControl",
-        "type" : "Boolean",
-        "desc" : "default false",
-        "memberOf" : ""
+        "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" : "stylesheets",
+        "type" : "Array",
+        "desc" : "url of stylesheets. set to [] to disable stylesheets.",
+        "memberOf" : ""
+      },
+      {
+        "name" : "toolbars",
+        "type" : "Array",
+        "desc" : "Array of toolbars. - defaults to just the Standard one",
+        "memberOf" : ""
+      },
       {
         "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" : "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" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "vtype",
+        "type" : "String",
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "(in pixels)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "wrap",
+        "type" : "string",
+        "desc" : "d)Specifies how the text in a text area is to be wrapped when submitted in a form",
+        "memberOf" : "Roo.bootstrap.TextArea",
+        "optvals" : [
+          "soft",
+          "hard"
+        ]
       },
       {
         "name" : "xattr",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "zoom",
+        "name" : "xs",
         "type" : "Number",
-        "desc" : "default 15",
-        "memberOf" : ""
+        "desc" : "colspan out of 12 for mobile-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
       }
     ],
     "events" : [
       {
-        "name" : "OverlayViewDraw",
+        "name" : "activate",
         "type" : "function",
-        "desc" : "Fires when OverlayView Draw",
+        "desc" : "Fires when the editor is first receives the focus. Any insertion must wait\nuntil after this event.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : ""
       },
       {
-        "name" : "OverlayViewHide",
+        "name" : "autosave",
         "type" : "function",
-        "desc" : "Fires when OverlayView Draw",
+        "desc" : "Auto save the htmlEditor value as a file into Events",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : ""
       },
       {
-        "name" : "OverlayViewOnAdd",
+        "name" : "beforedestroy",
         "type" : "function",
-        "desc" : "Fires when OverlayView Draw",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "OverlayViewOnRemove",
+        "name" : "beforehide",
         "type" : "function",
-        "desc" : "Fires when OverlayView Draw",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "OverlayViewShow",
+        "name" : "beforepush",
         "type" : "function",
-        "desc" : "Fires when OverlayView Draw",
-        "sig" : "function (_self, cpx)\n{\n\n}",
+        "desc" : "Fires before the iframe editor is updated with content from the textarea. Return false\nto cancel the push.",
+        "sig" : "function (_self, html)\n{\n\n}",
         "memberOf" : ""
       },
       {
-        "name" : "beforedestroy",
+        "name" : "beforerender",
         "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "beforehide",
+        "name" : "beforeshow",
         "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "beforerender",
+        "name" : "beforesync",
         "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "desc" : "Fires before the textarea is updated with content from the editor iframe. Return false\nto cancel the sync.",
+        "sig" : "function (_self, html)\n{\n\n}",
+        "memberOf" : ""
       },
       {
-        "name" : "beforeshow",
+        "name" : "blur",
         "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" : "",
+        "sig" : "function ()\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "change",
+        "type" : "function",
+        "desc" : "",
+        "sig" : "function ()\n{\n\n}",
+        "memberOf" : ""
       },
       {
         "name" : "childrenrendered",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "enable",
+        "name" : "editmodechange",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "desc" : "Fires when the editor switches edit modes",
+        "sig" : "function (_self, sourceEdit)\n{\n\n}",
+        "memberOf" : ""
       },
       {
-        "name" : "hide",
+        "name" : "editorevent",
         "type" : "function",
-        "desc" : "Fires when the map hide.",
+        "desc" : "Fires when on any editor (mouse up/down cursor movement etc.) - used for toolbar hooks.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : ""
       },
       {
-        "name" : "initial",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Fires when the picker initialized.",
-        "sig" : "function (_self, location)\n{\n\n}",
-        "memberOf" : ""
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "loadexception",
+        "name" : "firstfocus",
         "type" : "function",
-        "desc" : "Fires when load google lib failed.",
+        "desc" : "Fires when on first focus - needed by toolbars..",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : ""
       },
       {
-        "name" : "mapClick",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Fires when click the map.",
-        "sig" : "function (_self, e)\n{\n\n}",
+        "desc" : "",
+        "sig" : "function ()\n{\n\n}",
         "memberOf" : ""
       },
       {
-        "name" : "mapRightClick",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Fires when right click the map.",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : ""
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "markerClick",
+        "name" : "initialize",
         "type" : "function",
-        "desc" : "Fires when click the marker.",
-        "sig" : "function (_self, e)\n{\n\n}",
+        "desc" : "Fires when the editor is fully initialized (including the iframe)",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : ""
       },
       {
-        "name" : "markerRightClick",
+        "name" : "invalid",
         "type" : "function",
-        "desc" : "Fires when right click the marker.",
+        "desc" : "Fires after the field has been marked as invalid.",
+        "sig" : "function (_self, msg)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "keyup",
+        "type" : "function",
+        "desc" : "Fires after the key up",
         "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "positionchanged",
+        "name" : "push",
         "type" : "function",
-        "desc" : "Fires when the picker position changed.",
-        "sig" : "function (_self, location)\n{\n\n}",
+        "desc" : "Fires when the iframe editor is updated with content from the textarea.",
+        "sig" : "function (_self, html)\n{\n\n}",
         "memberOf" : ""
       },
       {
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "resize",
+        "name" : "savedpreview",
         "type" : "function",
-        "desc" : "Fires when the map resize.",
+        "desc" : "preview the saved version of htmlEditor",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : ""
       },
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Fires when the map show.",
+        "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "specialkey",
+        "type" : "function",
+        "desc" : "",
+        "sig" : "function ()\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "sync",
+        "type" : "function",
+        "desc" : "Fires when the textarea is updated with content from the editor iframe.",
+        "sig" : "function (_self, html)\n{\n\n}",
         "memberOf" : ""
+      },
+      {
+        "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"
       }
     ],
     "methods" : [
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "clearInvalid",
+        "type" : "function",
+        "desc" : "Clear any invalid styles/messages for this field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.TextArea"
+      },
+      {
+        "name" : "createToolbar",
+        "type" : "function",
+        "desc" : "Protected method that will not generally be called directly. It\nis called when the editor creates its toolbar. Override this method if you need to\nadd custom toolbar buttons.",
+        "sig" : "(editor)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "getName",
+        "type" : "function",
+        "desc" : "Returns the name of the field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "inputEl",
+        "type" : "function",
+        "desc" : "return the real textarea element.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.TextArea"
+      },
       {
         "name" : "isVisible",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "markInvalid",
+        "type" : "function",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.TextArea"
+      },
+      {
+        "name" : "markValid",
+        "type" : "function",
+        "desc" : "Mark this field as valid",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.TextArea"
+      },
       {
         "name" : "on",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "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"
+      },
       {
         "name" : "setDisabled",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "toggleSourceEdit",
+        "type" : "function",
+        "desc" : "Toggles the editor between standard and source edit mode.",
+        "sig" : "(sourceEdit)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "tooltipEl",
         "type" : "function",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "validate",
+        "type" : "function",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
       }
     ]
   },
-  "Roo.bootstrap.MasonryBrick" : {
+  "Roo.bootstrap.Img" : {
     "props" : [
       {
         "name" : "actionMode",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "bgimage",
+        "name" : "alt",
         "type" : "String",
-        "desc" : "",
+        "desc" : "image alternative text",
+        "memberOf" : ""
+      },
+      {
+        "name" : "border",
+        "type" : "String",
+        "desc" : "rounded | circle | thumbnail",
         "memberOf" : ""
       },
       {
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "",
-        "memberOf" : ""
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "container_method",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "href",
         "type" : "String",
-        "desc" : "",
-        "memberOf" : ""
-      },
-      {
-        "name" : "html",
-        "type" : "String",
-        "desc" : "",
+        "desc" : "a tag href",
         "memberOf" : ""
       },
       {
-        "name" : "inverse",
+        "name" : "imgResponsive",
         "type" : "Boolean",
-        "desc" : "defalut false",
+        "desc" : "false | true",
         "memberOf" : ""
       },
       {
-        "name" : "isFitContainer",
-        "type" : "Boolean",
-        "desc" : "defalut true",
+        "name" : "lgUrl",
+        "type" : "String",
+        "desc" : "lg image source",
         "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" : "mdUrl",
+        "type" : "String",
+        "desc" : "md image source",
+        "memberOf" : ""
+      },
       {
         "name" : "name",
         "type" : "string",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "placetitle",
+        "name" : "smUrl",
         "type" : "String",
-        "desc" : [
-          "(center",
-          "bottom)"
-        ],
-        "memberOf" : ""
-      },
-      {
-        "name" : "preventDefault",
-        "type" : "Boolean",
-        "desc" : "defalut false",
+        "desc" : "sm image source",
         "memberOf" : ""
       },
       {
-        "name" : "size",
+        "name" : "src",
         "type" : "String",
-        "desc" : [
-          "(xs",
-          "sm",
-          "md",
-          "md-left",
-          "md-right",
-          "tall",
-          "wide)"
-        ],
+        "desc" : "image source",
         "memberOf" : ""
       },
       {
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "title",
+        "name" : "target",
         "type" : "String",
-        "desc" : "",
-        "memberOf" : ""
+        "desc" : "p)target for a href.",
+        "memberOf" : "",
+        "optvals" : [
+          "_self",
+          "_blank",
+          "_parent",
+          "_top"
+        ]
       },
       {
         "name" : "tooltip",
         "desc" : "Text for the tooltip",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "videourl",
-        "type" : "String",
-        "desc" : "",
-        "memberOf" : ""
-      },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
         "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "xsUrl",
+        "type" : "String",
+        "desc" : "xs image source",
+        "memberOf" : ""
       }
     ],
     "events" : [
       {
         "name" : "click",
         "type" : "function",
-        "desc" : "When a MasonryBrick is clcik",
-        "sig" : "function (_self, e)\n{\n\n}",
+        "desc" : "The img click event for the img.",
+        "sig" : "function (e)\n{\n\n}",
         "memberOf" : ""
       },
       {
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "get",
-        "type" : "function",
-        "desc" : "fetch a  masonry brick based on the masonry brick ID",
-        "sig" : "(the)",
-        "static" : true,
-        "memberOf" : ""
-      },
       {
         "name" : "getChildContainer",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "register",
-        "type" : "function",
-        "desc" : "register a Masonry Brick",
-        "sig" : "(the)",
-        "static" : true,
-        "memberOf" : ""
-      },
       {
         "name" : "releaseCapture",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "setSrc",
+        "type" : "function",
+        "desc" : "Sets the url of the image - used to update it",
+        "sig" : "(url)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.Menu" : {
+  "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" : "o) use for file input only. (default empty)",
+        "memberOf" : "",
+        "optvals" : [
+          "image",
+          "video",
+          "audio"
+        ]
+      },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "after",
+        "type" : "string",
+        "desc" : "- input group add on after",
+        "memberOf" : ""
+      },
+      {
+        "name" : "align",
+        "type" : "String",
+        "desc" : "t) Default left",
+        "memberOf" : "",
+        "optvals" : [
+          "left",
+          "center",
+          "right"
+        ]
+      },
+      {
+        "name" : "allowBlank",
+        "type" : "Boolean",
+        "desc" : "False to validate that the value length > 0 (defaults to true)",
+        "memberOf" : ""
+      },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "autocomplete",
+        "type" : "String",
+        "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
+        "memberOf" : ""
+      },
+      {
+        "name" : "before",
+        "type" : "string",
+        "desc" : "- input group add on before",
+        "memberOf" : ""
+      },
+      {
+        "name" : "blankText",
+        "type" : "String",
+        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+        "memberOf" : ""
+      },
       {
         "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" : "",
+        "optvals" : [
+          "user",
+          "camera"
+        ]
+      },
       {
         "name" : "cls",
         "type" : "String",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "hidden",
-        "type" : "bool",
-        "desc" : "if the menu should be hidden when rendered.",
+        "name" : "disableKeyFilter",
+        "type" : "Boolean",
+        "desc" : "True to disable input keystroke filtering (defaults to false)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "is it disabled",
+        "memberOf" : ""
+      },
+      {
+        "name" : "fieldLabel",
+        "type" : "string",
+        "desc" : "- the label associated",
+        "memberOf" : ""
+      },
+      {
+        "name" : "focusClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
         "memberOf" : ""
       },
+      {
+        "name" : "forceFeedback",
+        "type" : "Boolean",
+        "desc" : "e) Default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "hasFeedback",
+        "type" : "Boolean",
+        "desc" : "e) default true",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "isLink",
-        "type" : "bool",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
+        "name" : "indicatorpos",
+        "type" : "String",
+        "desc" : "t) default left",
+        "memberOf" : "",
+        "optvals" : [
+          "left",
+          "right"
+        ]
+      },
+      {
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : ""
+      },
+      {
+        "name" : "invalidFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : ""
+      },
+      {
+        "name" : "invalidText",
+        "type" : "String",
+        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
+        "memberOf" : ""
+      },
+      {
+        "name" : "labelAlign",
+        "type" : "String",
+        "desc" : "t)",
+        "memberOf" : "",
+        "optvals" : [
+          "top",
+          "left"
+        ]
+      },
+      {
+        "name" : "labelWidth",
+        "type" : "Number",
+        "desc" : "set the width of label",
+        "memberOf" : ""
+      },
+      {
+        "name" : "labellg",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "labelmd",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "labelsm",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "labelxs",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "lg",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for large computer-sized screens",
         "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" : "maskRe",
+        "type" : "String",
+        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "maxLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+        "memberOf" : ""
+      },
+      {
+        "name" : "md",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for computer-sized screens",
+        "memberOf" : ""
+      },
+      {
+        "name" : "minLength",
+        "type" : "Number",
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "minLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+        "memberOf" : ""
+      },
       {
         "name" : "name",
+        "type" : "String",
+        "desc" : "name of the input",
+        "memberOf" : ""
+      },
+      {
+        "name" : "placeholder",
         "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "- placeholder to put in text.",
+        "memberOf" : ""
       },
       {
-        "name" : "registerMenu",
+        "name" : "preventMark",
         "type" : "Boolean",
-        "desc" : "True (default) - means that clicking on screen etc. hides it.",
+        "desc" : "Do not show tick or cross if error/success",
         "memberOf" : ""
       },
       {
-        "name" : "stopEvent",
-        "type" : "bool",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
+        "name" : "readOnly",
+        "type" : "Boolean",
+        "desc" : "Specifies that the field should be read-only",
+        "memberOf" : ""
+      },
+      {
+        "name" : "regex",
+        "type" : "RegExp",
+        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+        "memberOf" : ""
+      },
+      {
+        "name" : "regexText",
+        "type" : "String",
+        "desc" : "-- Depricated - use Invalid Text",
+        "memberOf" : ""
+      },
+      {
+        "name" : "selectOnFocus",
+        "type" : "Boolean",
+        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "size",
+        "type" : "string",
+        "desc" : "- (lg|sm) or leave empty..",
+        "memberOf" : ""
+      },
+      {
+        "name" : "sm",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for tablet-sized screens",
         "memberOf" : ""
       },
       {
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "type",
+        "name" : "validClass",
         "type" : "String",
-        "desc" : [
-          "(dropdown",
-          "treeview",
-          "submenu)"
-        ],
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : ""
+      },
+      {
+        "name" : "validFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : ""
+      },
+      {
+        "name" : "validateOnBlur",
+        "type" : "Boolean",
+        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
+        "memberOf" : ""
+      },
+      {
+        "name" : "validationDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "validationEvent",
+        "type" : "String/Boolean",
+        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+        "memberOf" : ""
+      },
+      {
+        "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" : ""
+      },
+      {
+        "name" : "value",
+        "type" : "string",
+        "desc" : "default value of the input",
         "memberOf" : ""
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "vtype",
+        "type" : "String",
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "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" : ""
       }
     ],
     "events" : [
       {
         "name" : "beforehide",
         "type" : "function",
-        "desc" : "Fires before this menu is hidden (return false to block)",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "beforerender",
       {
         "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" : ""
+        "memberOf" : "Roo.Component"
       },
       {
-        "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" : ""
       },
       {
-        "name" : "click",
+        "name" : "change",
         "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" : "Fires just before the field blurs if the field value has changed.",
+        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
         "memberOf" : ""
       },
+      {
+        "name" : "childrenrendered",
+        "type" : "function",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
       {
         "name" : "destroy",
         "type" : "function",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "hide",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Fires after this menu is hidden",
+        "desc" : "Fires when this field receives input focus.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : ""
       },
       {
-        "name" : "itemclick",
+        "name" : "hide",
         "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 hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "mouseout",
+        "name" : "invalid",
         "type" : "function",
-        "desc" : "Fires when the mouse exits this menu",
-        "sig" : "function (_self, e, menuItem)\n{\n\n}",
+        "desc" : "Fires after the field has been marked as invalid.",
+        "sig" : "function (_self, msg)\n{\n\n}",
         "memberOf" : ""
       },
       {
-        "name" : "mouseover",
+        "name" : "keyup",
         "type" : "function",
-        "desc" : "Fires when the mouse is hovering over this menu",
-        "sig" : "function (_self, e, menuItem)\n{\n\n}",
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
         "memberOf" : ""
       },
       {
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Fires after this menu is displayed",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "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" : ""
+      },
+      {
+        "name" : "valid",
+        "type" : "function",
+        "desc" : "Fires after the field has been validated with no errors.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : ""
       }
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "clearInvalid",
+        "type" : "function",
+        "desc" : "Clear any invalid styles/messages for this field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "getName",
+        "type" : "function",
+        "desc" : "Returns the name of the field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "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" : ""
+      },
+      {
+        "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" : ""
+      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
       {
         "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"
       },
       {
         "name" : "initEvents",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "inputEl",
+        "type" : "function",
+        "desc" : "return the real input element.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "isVisible",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "markInvalid",
+        "type" : "function",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "markValid",
+        "type" : "function",
+        "desc" : "Mark this field as valid",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "on",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "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" : ""
+      },
       {
         "name" : "setDisabled",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "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" : ""
+      },
+      {
+        "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" : ""
+      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Displays this menu relative to another element",
-        "sig" : "(element, position, parentMenu)",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "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"
       },
       {
         "name" : "tooltipEl",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "validate",
+        "type" : "function",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "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.MenuItem" : {
+  "Roo.bootstrap.LayoutMasonry" : {
     "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",
         "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" : "alternativePadWidth",
+        "type" : "Number",
+        "desc" : "padding below box..",
+        "memberOf" : ""
       },
       {
-        "name" : "cls",
-        "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "boxHeight",
+        "type" : "Number",
+        "desc" : "- 0 for square, or fix it at a certian height",
+        "memberOf" : ""
       },
       {
-        "name" : "container_method",
+        "name" : "boxWidth",
+        "type" : "Number",
+        "desc" : "width of the columns",
+        "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"
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "fa",
-        "type" : "String",
-        "desc" : "favicon to show on left of menu item.",
+        "name" : "gutter",
+        "type" : "Number",
+        "desc" : "gutter width..",
         "memberOf" : ""
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "href",
-        "type" : "String",
-        "desc" : "the link",
+        "name" : "isAutoInitial",
+        "type" : "Boolean",
+        "desc" : "defalut true",
         "memberOf" : ""
       },
       {
-        "name" : "html",
-        "type" : "String",
-        "desc" : "the menu label",
+        "name" : "isHorizontal",
+        "type" : "Boolean",
+        "desc" : "defalut false",
         "memberOf" : ""
       },
       {
-        "name" : "isContainer",
+        "name" : "isLayoutInstant",
         "type" : "Boolean",
-        "desc" : "is it a container - just returns a drop down item..",
+        "desc" : "= no animation?",
         "memberOf" : ""
       },
       {
         "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "menu",
-        "type" : "Roo.bootsrap.Menu",
-        "desc" : "the child menu.",
+        "name" : "maxCols",
+        "type" : "Number",
+        "desc" : "maximum number of columns",
         "memberOf" : ""
       },
       {
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "preventDefault",
-        "type" : "Boolean",
-        "desc" : "do not trigger A href on clicks (default false).",
+        "name" : "padWidth",
+        "type" : "Number",
+        "desc" : "padding below box..",
         "memberOf" : ""
       },
       {
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "click",
-        "type" : "function",
-        "desc" : "The raw click event for the entire grid.",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "destroy",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "layout",
+        "type" : "function",
+        "desc" : "Fire after layout the items",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "render",
         "type" : "function",
       }
     ],
     "methods" : [
+      {
+        "name" : "_processVerticalLayoutQueue",
+        "type" : "function",
+        "desc" : "Sets position of item in DOM",
+        "sig" : "(item, x, y, isInstant)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "addBrick",
+        "type" : "function",
+        "desc" : "adds a Masonry Brick",
+        "sig" : "(the)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "addEvents",
         "type" : "function",
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "clearAll",
+        "type" : "function",
+        "desc" : "clear all the Masonry Brick",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "get",
+        "type" : "function",
+        "desc" : "fetch a  Masonry Layout based on the masonry layout ID",
+        "sig" : "(the)",
+        "static" : true,
+        "memberOf" : ""
+      },
       {
         "name" : "getChildContainer",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "register",
+        "type" : "function",
+        "desc" : "register a Masonry Brick",
+        "sig" : "(the)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "register",
+        "type" : "function",
+        "desc" : "register a Masonry Layout",
+        "sig" : "(the)",
+        "static" : true,
+        "memberOf" : ""
+      },
       {
         "name" : "releaseCapture",
         "type" : "function",
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "removeBrick",
+        "type" : "function",
+        "desc" : "remove a Masonry Brick",
+        "sig" : "(the)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "removeListener",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.MenuMgr" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
-    "methods" : [
-      {
-        "name" : "get",
-        "type" : "function",
-        "desc" : "Returns a {@link Roo.menu.Menu} object",
-        "sig" : "(menu)",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "hideAll",
-        "type" : "function",
-        "desc" : "Hides all menus that are currently visible",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      }
-    ]
-  },
-  "Roo.bootstrap.MenuSeparator" : {
+  "Roo.bootstrap.LayoutMasonryAuto" : {
     "props" : [
       {
         "name" : "actionMode",
         "desc" : "css class",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "columnWidth",
+        "type" : "Number",
+        "desc" : "width of the columns",
+        "memberOf" : ""
+      },
       {
         "name" : "container_method",
         "type" : "string",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "isAutoInitial",
+        "type" : "Boolean",
+        "desc" : "defalut true",
+        "memberOf" : ""
+      },
+      {
+        "name" : "isFitWidth",
+        "type" : "Boolean",
+        "desc" : "- resize the width..",
+        "memberOf" : ""
+      },
+      {
+        "name" : "isLayoutInstant",
+        "type" : "Boolean",
+        "desc" : "= no animation?",
+        "memberOf" : ""
+      },
+      {
+        "name" : "isOriginLeft",
+        "type" : "Boolean",
+        "desc" : "= left align?",
+        "memberOf" : ""
+      },
+      {
+        "name" : "isOriginTop",
+        "type" : "Boolean",
+        "desc" : "= top align?",
+        "memberOf" : ""
+      },
+      {
+        "name" : "isResizingContainer",
+        "type" : "Boolean",
+        "desc" : "= not sure if this is used..",
+        "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" : "maxCols",
+        "type" : "Number",
+        "desc" : "maximum number of columns",
+        "memberOf" : ""
+      },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "padHeight",
+        "type" : "Number",
+        "desc" : "padding below box..",
+        "memberOf" : ""
+      },
       {
         "name" : "style",
         "type" : "String",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       }
     ],
     "methods" : [
+      {
+        "name" : "_getColGroup",
+        "type" : "function",
+        "desc" : "",
+        "sig" : "(colSpan)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "_postLayout",
+        "type" : "function",
+        "desc" : "Any logic you want to do after each layout,\ni.e. size the container",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "_processLayoutQueue",
+        "type" : "function",
+        "desc" : "Sets position of item in DOM",
+        "sig" : "(item, x, y, isInstant)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "addEvents",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.MessageBar" : {
+  "Roo.bootstrap.Link" : {
     "props" : [
       {
         "name" : "actionMode",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "beforeClass",
+        "name" : "alt",
         "type" : "String",
-        "desc" : "insert the bar before the given class",
+        "desc" : "image alternative text",
+        "memberOf" : ""
+      },
+      {
+        "name" : "anchor",
+        "type" : "String",
+        "desc" : "name for the anchor link",
         "memberOf" : ""
       },
       {
         "desc" : "True if element can be rebuild from a HTML page",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "closable",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
-      },
       {
         "name" : "cls",
         "type" : "String",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "fixed",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
+        "name" : "fa",
+        "type" : "String",
+        "desc" : "- favicon",
         "memberOf" : ""
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "href",
+        "type" : "String",
+        "desc" : "a tag href",
+        "memberOf" : ""
       },
       {
         "name" : "html",
         "type" : "String",
-        "desc" : "contents of the MessageBar",
+        "desc" : "the content of the link.",
         "memberOf" : ""
       },
       {
         "desc" : "Specifies name attribute",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "preventDefault",
+        "type" : "Boolean",
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "target",
+        "type" : "String",
+        "desc" : "p) target for a href.",
+        "memberOf" : "",
+        "optvals" : [
+          "_self",
+          "_blank",
+          "_parent",
+          "_top"
+        ]
+      },
       {
         "name" : "tooltip",
         "type" : "string",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "weight",
-        "type" : "String",
-        "desc" : [
-          "(info",
-          "success",
-          "warning",
-          "danger)"
-        ],
-        "memberOf" : ""
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "click",
+        "type" : "function",
+        "desc" : "The img click event for the img.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "destroy",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.MessageBox" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
-    "methods" : [
-      {
-        "name" : "alert",
-        "type" : "function",
-        "desc" : "Displays a standard read-only message box with an OK button (comparable to the basic JavaScript Window.alert).\nIf a callback function is passed it will be called after the user clicks the button, and the\nid of the button that was clicked will be passed as the only parameter to the callback\n(could also be the top-right close button).",
-        "sig" : "(title, msg, fn, scope)",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "confirm",
-        "type" : "function",
-        "desc" : "Displays a confirmation message box with Yes and No buttons (comparable to JavaScript's Window.confirm).\nIf a callback function is passed it will be called after the user clicks either button, and the id of the\nbutton that was clicked will be passed as the only parameter to the callback (could also be the top-right close button).",
-        "sig" : "(title, msg, fn, scope)",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "getDialog",
-        "type" : "function",
-        "desc" : "Returns a reference to the underlying {@link Roo.BasicDialog} element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Hides the message box if it is displayed",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "isVisible",
-        "type" : "function",
-        "desc" : "Returns true if the message box is currently displayed",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "progress",
-        "type" : "function",
-        "desc" : "Displays a message box with a progress bar.  This message box has no buttons and is not closeable by\nthe user.  You are responsible for updating the progress bar as needed via {@link Roo.MessageBox#updateProgress}\nand closing the message box when the process is complete.",
-        "sig" : "(title, msg)",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "prompt",
-        "type" : "function",
-        "desc" : "Displays a message box with OK and Cancel buttons prompting the user to enter some text (comparable to\nJavaScript's Window.prompt).  The prompt can be a single-line or multi-line textbox.  If a callback function\nis passed it will be called after the user clicks either button, and the id of the button that was clicked\n(could also be the top-right close button) and the text that was entered will be passed as the two\nparameters to the callback.",
-        "sig" : "(title, msg, fn, scope, multiline)",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Displays a new message box, or reinitializes an existing message box, based on the config options\npassed in. All functions (e.g. prompt, alert, etc) on MessageBox call this function internally.\nThe following config object properties are supported:\n<pre>\nProperty    Type             Description\n----------  ---------------  ------------------------------------------------------------------------------------\nanimEl            String/Element   An id or Element from which the message box should animate as it opens and\n                                   closes (defaults to undefined)\nbuttons           Object/Boolean   A button config object (e.g., Roo.MessageBox.OKCANCEL or {ok:'Foo',\n                                   cancel:'Bar'}), or false to not show any buttons (defaults to false)\nclosable          Boolean          False to hide the top-right close button (defaults to true).  Note that\n                                   progress and wait dialogs will ignore this property and always hide the\n                                   close button as they can only be closed programmatically.\ncls               String           A custom CSS class to apply to the message box element\ndefaultTextHeight Number           The default height in pixels of the message box's multiline textarea if\n                                   displayed (defaults to 75)\nfn                Function         A callback function to execute after closing the dialog.  The arguments to the\n                                   function will be btn (the name of the button that was clicked, if applicable,\n                                   e.g. \"ok\"), and text (the value of the active text field, if applicable).\n                                   Progress and wait dialogs will ignore this option since they do not respond to\n                                   user actions and can only be closed programmatically, so any required function\n                                   should be called by the same code after it closes the dialog.\nicon              String           A CSS class that provides a background image to be used as an icon for\n                                   the dialog (e.g., Roo.MessageBox.WARNING or 'custom-class', defaults to '')\nmaxWidth          Number           The maximum width in pixels of the message box (defaults to 600)\nminWidth          Number           The minimum width in pixels of the message box (defaults to 100)\nmodal             Boolean          False to allow user interaction with the page while the message box is\n                                   displayed (defaults to true)\nmsg               String           A string that will replace the existing message box body text (defaults\n                                   to the XHTML-compliant non-breaking space character '&#160;')\nmultiline         Boolean          True to prompt the user to enter multi-line text (defaults to false)\nprogress          Boolean          True to display a progress bar (defaults to false)\nprogressText      String           The text to display inside the progress bar if progress = true (defaults to '')\nprompt            Boolean          True to prompt the user to enter single-line text (defaults to false)\nproxyDrag         Boolean          True to display a lightweight proxy while dragging (defaults to false)\ntitle             String           The title text\nvalue             String           The string value to set into the active textbox element if displayed\nwait              Boolean          True to display a progress bar (defaults to false)\nwidth             Number           The width of the dialog in pixels\n</pre>\n\nExample usage:\n<pre><code>\nRoo.Msg.show({\n   title: 'Address',\n   msg: 'Please enter your address:',\n   width: 300,\n   buttons: Roo.MessageBox.OKCANCEL,\n   multiline: true,\n   fn: saveAddress,\n   animEl: 'addAddressBtn'\n});\n</code></pre>",
-        "sig" : "(config)",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "updateProgress",
-        "type" : "function",
-        "desc" : "Updates a progress-style message box's text and progress bar.  Only relevant on message boxes\ninitiated via {@link Roo.MessageBox#progress} or by calling {@link Roo.MessageBox#show} with progress: true.",
-        "sig" : "(value, text)",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "updateText",
-        "type" : "function",
-        "desc" : "Updates the message box body text",
-        "sig" : "(text)",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "wait",
-        "type" : "function",
-        "desc" : "Displays a message box with an infinitely auto-updating progress bar.  This can be used to block user\ninteraction while waiting for a long-running process to complete that does not have defined intervals.\nYou are responsible for closing the message box when the process is complete.",
-        "sig" : "(msg, title)",
-        "static" : false,
-        "memberOf" : ""
-      }
-    ]
-  },
-  "Roo.bootstrap.Modal" : {
+  "Roo.bootstrap.LocationPicker" : {
     "props" : [
       {
         "name" : "actionMode",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "allow_close",
-        "type" : "Boolean",
-        "desc" : "default true",
-        "memberOf" : ""
-      },
-      {
-        "name" : "animate",
-        "type" : "Boolean",
-        "desc" : "default true",
-        "memberOf" : ""
-      },
-      {
-        "name" : "buttonPosition",
-        "type" : "String",
-        "desc" : [
-          "(left",
-          "right",
-          "center)"
-        ],
-        "memberOf" : ""
-      },
-      {
-        "name" : "buttons",
-        "type" : "Array",
-        "desc" : "Array of buttons or standard button set..",
-        "memberOf" : ""
-      },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "fitwindow",
+        "name" : "disableDoubleClickZoom",
         "type" : "Boolean",
         "desc" : "default false",
         "memberOf" : ""
       },
       {
-        "name" : "height",
-        "type" : "Number",
-        "desc" : "fixed height - usefull for chrome extension only really.",
+        "name" : "draggable",
+        "type" : "Boolean",
+        "desc" : "default true",
+        "memberOf" : ""
+      },
+      {
+        "name" : "enableAutocomplete",
+        "type" : "Boolean",
+        "desc" : "default false",
+        "memberOf" : ""
+      },
+      {
+        "name" : "enableReverseGeocode",
+        "type" : "Boolean",
+        "desc" : "default true",
         "memberOf" : ""
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "html",
-        "type" : "String",
-        "desc" : "- the body of the dialog (for simple ones) - you can also use template..",
+        "name" : "latitude",
+        "type" : "Number",
+        "desc" : "Position when init default 0",
         "memberOf" : ""
       },
       {
         "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "max_width",
+        "name" : "locationName",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : ""
+      },
+      {
+        "name" : "longitude",
         "type" : "Number",
-        "desc" : "set the max width of modal",
+        "desc" : "Position when init default 0",
+        "memberOf" : ""
+      },
+      {
+        "name" : "mapTypeControl",
+        "type" : "Boolean",
+        "desc" : "default false",
+        "memberOf" : ""
+      },
+      {
+        "name" : "mapTypeId",
+        "type" : "String",
+        "desc" : "default google.maps.MapTypeId.ROADMAP",
+        "memberOf" : ""
+      },
+      {
+        "name" : "markerTitle",
+        "type" : "String",
+        "desc" : "",
         "memberOf" : ""
       },
       {
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "size",
-        "type" : "String",
-        "desc" : [
-          "(sm",
-          "lg)"
-        ],
+        "name" : "radius",
+        "type" : "Number",
+        "desc" : "default 0",
         "memberOf" : ""
       },
       {
-        "name" : "specificTitle",
+        "name" : "scrollwheel",
+        "type" : "Boolean",
+        "desc" : "default true",
+        "memberOf" : ""
+      },
+      {
+        "name" : "streetViewControl",
         "type" : "Boolean",
         "desc" : "default false",
         "memberOf" : ""
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "title",
-        "type" : "String",
-        "desc" : "Title of dialog",
-        "memberOf" : ""
-      },
-      {
-        "name" : "tmpl",
-        "type" : "Roo.Template",
-        "desc" : "- a template with variables. to use it, add a handler in show:method  adn",
-        "memberOf" : ""
-      },
       {
         "name" : "tooltip",
         "type" : "string",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "width",
-        "type" : "Number",
-        "desc" : "fixed width - usefull for chrome extension only really.",
-        "memberOf" : ""
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
         "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "zoom",
+        "type" : "Number",
+        "desc" : "default 15",
+        "memberOf" : ""
       }
     ],
     "events" : [
+      {
+        "name" : "OverlayViewDraw",
+        "type" : "function",
+        "desc" : "Fires when OverlayView Draw",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "OverlayViewHide",
+        "type" : "function",
+        "desc" : "Fires when OverlayView Draw",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "OverlayViewOnAdd",
+        "type" : "function",
+        "desc" : "Fires when OverlayView Draw",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "OverlayViewOnRemove",
+        "type" : "function",
+        "desc" : "Fires when OverlayView Draw",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "OverlayViewShow",
+        "type" : "function",
+        "desc" : "Fires when OverlayView Draw",
+        "sig" : "function (_self, cpx)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "beforedestroy",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "btnclick",
-        "type" : "function",
-        "desc" : "The raw btnclick event for the button",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "childrenrendered",
         "type" : "function",
       {
         "name" : "hide",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
+        "desc" : "Fires when the map hide.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "memberOf" : ""
+      },
+      {
+        "name" : "initial",
+        "type" : "function",
+        "desc" : "Fires when the picker initialized.",
+        "sig" : "function (_self, location)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "loadexception",
+        "type" : "function",
+        "desc" : "Fires when load google lib failed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "mapClick",
+        "type" : "function",
+        "desc" : "Fires when click the map.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "mapRightClick",
+        "type" : "function",
+        "desc" : "Fires when right click the map.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "markerClick",
+        "type" : "function",
+        "desc" : "Fires when click the marker.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "markerRightClick",
+        "type" : "function",
+        "desc" : "Fires when right click the marker.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "positionchanged",
+        "type" : "function",
+        "desc" : "Fires when the picker position changed.",
+        "sig" : "function (_self, location)\n{\n\n}",
+        "memberOf" : ""
       },
       {
         "name" : "render",
       {
         "name" : "resize",
         "type" : "function",
-        "desc" : "Fire when dialog resize",
-        "sig" : "function (_self, e)\n{\n\n}",
+        "desc" : "Fires when the map resize.",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : ""
       },
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
+        "desc" : "Fires when the map show.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "memberOf" : ""
       }
     ],
     "methods" : [
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "applyBody",
-        "type" : "function",
-        "desc" : "Set the body of the Dialog using the template",
-        "sig" : "(data)",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "capture",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "setBody",
-        "type" : "function",
-        "desc" : "Set the body of the Dialog",
-        "sig" : "(str)",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "setDisabled",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "setTitle",
-        "type" : "function",
-        "desc" : "Set the title of the Dialog",
-        "sig" : "(str)",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.MoneyField" : {
+  "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" : [
-          "(image",
+        "desc" : "o) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "image",
           "video",
-          "audio)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "audio"
+        ]
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : [
-          "(left",
+        "desc" : "t) Default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
           "center",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "allQuery",
-        "type" : "String",
-        "desc" : "The text query to send to the server to return all records for the list with no filtering (defaults to '')",
-        "memberOf" : "Roo.bootstrap.ComboBox"
+          "right"
+        ]
       },
       {
         "name" : "allowBlank",
         "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",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "allowNegative",
-        "type" : "Boolean",
-        "desc" : "False to prevent entering a negative sign (defaults to true)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "allowZero",
-        "type" : "Boolean",
-        "desc" : "False to blank out if the user enters '0' (defaults to true)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "alwaysQuery",
-        "type" : "Boolean",
-        "desc" : "Disable caching of results, and always send query",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
-      {
-        "name" : "animate",
-        "type" : "Boolean",
-        "desc" : "default true",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
-      {
-        "name" : "append",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
-      {
-        "name" : "autoCreate",
-        "type" : "Boolean/Object",
-        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to:\n{tag: \"input\", type: \"text\", size: \"24\", autocomplete: \"off\"})",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
-      {
-        "name" : "autoFocus",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
       {
         "name" : "autocomplete",
         "type" : "String",
         "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
         "memberOf" : "Roo.bootstrap.Input"
       },
-      {
-        "name" : "blockFocus",
-        "type" : "Boolean",
-        "desc" : "Prevents all focus calls, so it can work with things like HTML edtor bar",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
-      {
-        "name" : "btnPosition",
-        "type" : "String",
-        "desc" : "set the position of the trigger button (left | right) default right",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : [
-          "(user",
-          "camera)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "caret",
-        "type" : "String",
-        "desc" : [
-          "(search",
-          "calendar)"
-        ],
-        "memberOf" : "Roo.bootstrap.TriggerField"
-      },
-      {
-        "name" : "castInt",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "a) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "cls",
         "desc" : "css class",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "cols",
+        "type" : "Number",
+        "desc" : "Specifies the visible width of a text area",
+        "memberOf" : "Roo.bootstrap.TextArea"
+      },
       {
         "name" : "container_method",
         "type" : "string",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "dataId",
+        "name" : "content",
         "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 '.')",
+        "desc" : "",
         "memberOf" : ""
       },
       {
-        "name" : "defaults",
-        "type" : "String",
-        "desc" : "currency of the MoneyField\nvalue should be in lkey",
-        "memberOf" : ""
+        "name" : "dataId",
+        "type" : "string",
+        "desc" : "cutomer id",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "disableClass",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "disableClear",
-        "type" : "Boolean",
-        "desc" : "Disable showing of clear button.",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
       {
         "name" : "disableKeyFilter",
         "type" : "Boolean",
         "desc" : "is it disabled",
         "memberOf" : "Roo.bootstrap.Input"
       },
-      {
-        "name" : "displayField",
-        "type" : "String",
-        "desc" : "The underlying data field name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'text' if mode = 'local')",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
-      {
-        "name" : "editable",
-        "type" : "Boolean",
-        "desc" : "False to prevent the user from typing text directly into the field, just like a\ntraditional select (defaults to true)",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
-      {
-        "name" : "emptyResultText",
-        "type" : "Boolean",
-        "desc" : "only for touch device",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
-      {
-        "name" : "emptyTitle",
-        "type" : "String",
-        "desc" : "default ''",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
       {
         "name" : "fieldLabel",
         "type" : "string",
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "forceSelection",
-        "type" : "Boolean",
-        "desc" : "True to restrict the selected value to one of the values in the list, false to\nallow the user to set arbitrary text into the field (defaults to false)",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
-      {
-        "name" : "grow",
-        "type" : "Boolean",
-        "desc" : "",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
-      {
-        "name" : "growMax",
-        "type" : "Number",
-        "desc" : "",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
-      {
-        "name" : "growMin",
-        "type" : "Number",
-        "desc" : "",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
-      {
-        "name" : "handleHeight",
-        "type" : "Number",
-        "desc" : "The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)",
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "desc" : "e) Default false",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "hiddenName",
-        "type" : "String",
-        "desc" : "If specified, a hidden form field with this name is dynamically generated to store the\nfield's data value (defaults to the underlying DOM element's name)",
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "hideTrigger",
-        "type" : "Boolean",
-        "desc" : "True to hide the trigger element and display only the base text field (defaults to false)",
-        "memberOf" : "Roo.bootstrap.TriggerField"
+        "name" : "html",
+        "type" : "string",
+        "desc" : "text",
+        "memberOf" : "Roo.bootstrap.TextArea"
       },
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "inputType",
-        "type" : "String",
-        "desc" : "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t) default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "invalidClass",
         "type" : "String",
-        "desc" : "DEPRICATED - uses BS4 is-valid now",
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "invalidFeedbackIcon",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "left)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
         "name" : "labelWidth",
         "desc" : "set the width of label (1-12)",
         "memberOf" : "Roo.bootstrap.Input"
       },
-      {
-        "name" : "lazyRender",
-        "type" : "Boolean",
-        "desc" : "True to prevent the ComboBox from rendering until requested (should always be used when\nrendering into an Roo.Editor, defaults to false)",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
       {
         "name" : "lg",
         "type" : "Number",
         "desc" : "colspan out of 12 for large computer-sized screens",
         "memberOf" : "Roo.bootstrap.Input"
       },
-      {
-        "name" : "listAlign",
-        "type" : "String",
-        "desc" : "A valid anchor position value. See {@link Roo.Element#alignTo} for details on supported\nanchor positions (defaults to 'tl-bl')",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
-      {
-        "name" : "listClass",
-        "type" : "String",
-        "desc" : "CSS class to apply to the dropdown list element (defaults to '')",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
-      {
-        "name" : "listWidth",
-        "type" : "Number",
-        "desc" : "The width in pixels of the dropdown list (defaults to the width of the ComboBox field)",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "loadingText",
-        "type" : "String",
-        "desc" : "The text to display in the dropdown list while data is loading.  Only applies\nwhen mode = 'remote' (defaults to 'Loading...')",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
       {
         "name" : "maskRe",
         "type" : "String",
         "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
         "memberOf" : "Roo.bootstrap.Input"
       },
-      {
-        "name" : "maxHeight",
-        "type" : "Number",
-        "desc" : "The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
       {
         "name" : "maxLength",
         "type" : "Number",
         "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" : "max_length",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : ""
-      },
       {
         "name" : "md",
         "type" : "Number",
         "desc" : "colspan out of 12 for computer-sized screens",
         "memberOf" : "Roo.bootstrap.Input"
       },
-      {
-        "name" : "minChars",
-        "type" : "Number",
-        "desc" : "The minimum number of characters the user must type before autocomplete and typeahead activate\n(defaults to 4, does not apply if editable = false)",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
       {
         "name" : "minLength",
         "type" : "Number",
         "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "minListWidth",
-        "type" : "Number",
-        "desc" : "The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if\nlistWidth has a higher value)",
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "name" : "name",
+        "type" : "String",
+        "desc" : "name of the input",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "minText",
+        "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" : "Error text to display if the minimum value validation fails (defaults to \"The minimum value for this field is {minValue}\")",
-        "memberOf" : ""
+        "desc" : "-- Depricated - use Invalid Text",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "minValue",
+        "name" : "resize",
+        "type" : "string",
+        "desc" : "l)",
+        "memberOf" : "Roo.bootstrap.TextArea",
+        "optvals" : [
+          "none",
+          "both",
+          "horizontal",
+          "vertical",
+          "inherit",
+          "initial"
+        ]
+      },
+      {
+        "name" : "rows",
         "type" : "Number",
-        "desc" : "The minimum allowed value (defaults to Number.NEGATIVE_INFINITY)",
-        "memberOf" : ""
+        "desc" : "Specifies the visible number of lines in a text area",
+        "memberOf" : "Roo.bootstrap.TextArea"
       },
       {
-        "name" : "mobileTouchView",
+        "name" : "selectOnFocus",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "mobile_restrict_height",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "name" : "size",
+        "type" : "string",
+        "desc" : "- (lg|sm) or leave empty..",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "modalTitle",
-        "type" : "String",
-        "desc" : "The title of the dialog that pops up on mobile views.",
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "name" : "sm",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for tablet-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "mode",
+        "name" : "style",
         "type" : "String",
-        "desc" : "Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)",
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "multiple",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "name" : "tooltip",
+        "type" : "string",
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "name",
+        "name" : "validClass",
         "type" : "String",
-        "desc" : "name of the input",
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
         "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "nanText",
+        "name" : "validFeedbackIcon",
         "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" : ""
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "pageSize",
+        "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" : "If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the\nfilter queries will execute with page start and limit parameters.  Only applies when mode = 'remote' (defaults to 0)",
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "placeholder",
+        "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" : "- placeholder to put in text.",
+        "desc" : "default value of the input",
         "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "queryDelay",
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "vtype",
+        "type" : "String",
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.bootstrap.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" : "Roo.bootstrap.TextArea",
+        "optvals" : [
+          "soft",
+          "hard"
+        ]
+      },
+      {
+        "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" : "The length of time in milliseconds to delay between the start of typing and sending the\nquery to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local')",
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "desc" : "colspan out of 12 for mobile-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
+      }
+    ],
+    "events" : [
+      {
+        "name" : "beforedestroy",
+        "type" : "function",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "blur",
+        "type" : "function",
+        "desc" : "Fires when this field loses input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "childrenrendered",
+        "type" : "function",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Fires when this field receives input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "keyup",
+        "type" : "function",
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "addListener",
+        "type" : "function",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "clearInvalid",
+        "type" : "function",
+        "desc" : "Clear any invalid styles/messages for this field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.TextArea"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "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"
+      },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "getChildContainer",
+        "type" : "function",
+        "desc" : "Fetch the element to add children to",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "getEl",
+        "type" : "function",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "getId",
+        "type" : "function",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "getName",
+        "type" : "function",
+        "desc" : "Returns the name of the field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Hide a component - adds 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "initEvents",
+        "type" : "function",
+        "desc" : "Initialize Events for the element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "inputEl",
+        "type" : "function",
+        "desc" : "return the real textarea element.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.TextArea"
+      },
+      {
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "markInvalid",
+        "type" : "function",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.TextArea"
+      },
+      {
+        "name" : "markValid",
+        "type" : "function",
+        "desc" : "Mark this field as valid",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.TextArea"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "purgeListeners",
+        "type" : "function",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "removeListener",
+        "type" : "function",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "setDisabled",
+        "type" : "function",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show a component - removes 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "tooltipEl",
+        "type" : "function",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "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"
+      },
+      {
+        "name" : "validate",
+        "type" : "function",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
+      }
+    ]
+  },
+  "Roo.bootstrap.MasonryBrick" : {
+    "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "bgimage",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : ""
+      },
+      {
+        "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" : "",
+        "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" : "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",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "href",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : ""
+      },
+      {
+        "name" : "html",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : ""
+      },
+      {
+        "name" : "inverse",
+        "type" : "Boolean",
+        "desc" : "defalut false",
+        "memberOf" : ""
+      },
+      {
+        "name" : "isFitContainer",
+        "type" : "Boolean",
+        "desc" : "defalut true",
+        "memberOf" : ""
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "name",
+        "type" : "string",
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "placetitle",
+        "type" : "String",
+        "desc" : "m)",
+        "memberOf" : "",
+        "optvals" : [
+          "center",
+          "bottom"
+        ]
+      },
+      {
+        "name" : "preventDefault",
+        "type" : "Boolean",
+        "desc" : "defalut false",
+        "memberOf" : ""
+      },
+      {
+        "name" : "size",
+        "type" : "String",
+        "desc" : "e)",
+        "memberOf" : "",
+        "optvals" : [
+          "xs",
+          "sm",
+          "md",
+          "md-left",
+          "md-right",
+          "tall",
+          "wide"
+        ]
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "title",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : ""
+      },
+      {
+        "name" : "tooltip",
+        "type" : "string",
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "videourl",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : ""
+      },
+      {
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "childrenrendered",
+        "type" : "function",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "click",
+        "type" : "function",
+        "desc" : "When a MasonryBrick is clcik",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "addListener",
+        "type" : "function",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "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"
+      },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "get",
+        "type" : "function",
+        "desc" : "fetch a  masonry brick based on the masonry brick ID",
+        "sig" : "(the)",
+        "static" : true,
+        "memberOf" : ""
+      },
+      {
+        "name" : "getChildContainer",
+        "type" : "function",
+        "desc" : "Fetch the element to add children to",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "getEl",
+        "type" : "function",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "getId",
+        "type" : "function",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Hide a component - adds 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "initEvents",
+        "type" : "function",
+        "desc" : "Initialize Events for the element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "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"
+      },
+      {
+        "name" : "purgeListeners",
+        "type" : "function",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "register",
+        "type" : "function",
+        "desc" : "register a Masonry Brick",
+        "sig" : "(the)",
+        "static" : true,
+        "memberOf" : ""
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "removeListener",
+        "type" : "function",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "setDisabled",
+        "type" : "function",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show a component - removes 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "tooltipEl",
+        "type" : "function",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "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"
+      }
+    ]
+  },
+  "Roo.bootstrap.Menu" : {
+    "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "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" : "hidden",
+        "type" : "bool",
+        "desc" : "if the menu should be hidden when rendered.",
+        "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",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "isLink",
+        "type" : "bool",
+        "desc" : "e)  the menu has link disable auto expand and collaspe (default false)",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "name",
+        "type" : "string",
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "registerMenu",
+        "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" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "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" : "type",
+        "type" : "String",
+        "desc" : "u) type of menu",
+        "memberOf" : "",
+        "optvals" : [
+          "dropdown",
+          "treeview",
+          "submenu"
+        ]
+      },
+      {
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "beforehide",
+        "type" : "function",
+        "desc" : "Fires before this menu is hidden (return false to block)",
+        "sig" : "function (_self)\n{\n\n}",
+        "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"
+      },
+      {
+        "name" : "beforeshow",
+        "type" : "function",
+        "desc" : "Fires before this menu is displayed (return false to block)",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "childrenrendered",
+        "type" : "function",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "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" : ""
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after this menu is hidden",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "itemclick",
+        "type" : "function",
+        "desc" : "Fires when a menu item contained in this menu is clicked",
+        "sig" : "function (baseItem, e)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "mouseout",
+        "type" : "function",
+        "desc" : "Fires when the mouse exits this menu",
+        "sig" : "function (_self, e, menuItem)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "mouseover",
+        "type" : "function",
+        "desc" : "Fires when the mouse is hovering over this menu",
+        "sig" : "function (_self, e, menuItem)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after this menu is displayed",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : ""
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "addListener",
+        "type" : "function",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "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"
+      },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "getChildContainer",
+        "type" : "function",
+        "desc" : "Fetch the element to add children to",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "getEl",
+        "type" : "function",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "getId",
+        "type" : "function",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Hides this menu and optionally all parent menus",
+        "sig" : "(deep)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "initEvents",
+        "type" : "function",
+        "desc" : "Initialize Events for the element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "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"
+      },
+      {
+        "name" : "purgeListeners",
+        "type" : "function",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "removeListener",
+        "type" : "function",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "setDisabled",
+        "type" : "function",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Displays this menu relative to another element",
+        "sig" : "(element, position, parentMenu)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "showAt",
+        "type" : "function",
+        "desc" : "Displays this menu at a specific xy position",
+        "sig" : "(xyPosition, parentMenu)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "tooltipEl",
+        "type" : "function",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "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"
+      }
+    ]
+  },
+  "Roo.bootstrap.MenuItem" : {
+    "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "active",
+        "type" : "Boolean",
+        "desc" : "used on sidebars to highlight active itesm",
+        "memberOf" : ""
+      },
+      {
+        "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" : "fa",
+        "type" : "String",
+        "desc" : "favicon to show on left of menu item.",
+        "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",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "href",
+        "type" : "String",
+        "desc" : "the link",
+        "memberOf" : ""
+      },
+      {
+        "name" : "html",
+        "type" : "String",
+        "desc" : "the menu label",
+        "memberOf" : ""
+      },
+      {
+        "name" : "isContainer",
+        "type" : "Boolean",
+        "desc" : "is it a container - just returns a drop down item..",
+        "memberOf" : ""
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for 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",
+        "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",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "childrenrendered",
+        "type" : "function",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "click",
+        "type" : "function",
+        "desc" : "The raw click event for the entire grid.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "addListener",
+        "type" : "function",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "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"
+      },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "getChildContainer",
+        "type" : "function",
+        "desc" : "Fetch the element to add children to",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "getEl",
+        "type" : "function",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "getId",
+        "type" : "function",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Hide a component - adds 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "initEvents",
+        "type" : "function",
+        "desc" : "Initialize Events for the element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "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"
+      },
+      {
+        "name" : "purgeListeners",
+        "type" : "function",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "removeListener",
+        "type" : "function",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "setDisabled",
+        "type" : "function",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show a component - removes 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "tooltipEl",
+        "type" : "function",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "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"
+      }
+    ]
+  },
+  "Roo.bootstrap.MenuMgr" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "get",
+        "type" : "function",
+        "desc" : "Returns a {@link Roo.menu.Menu} object",
+        "sig" : "(menu)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "hideAll",
+        "type" : "function",
+        "desc" : "Hides all menus that are currently visible",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      }
+    ]
+  },
+  "Roo.bootstrap.MenuSeparator" : {
+    "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",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "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",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "childrenrendered",
+        "type" : "function",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "addListener",
+        "type" : "function",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "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"
+      },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "getChildContainer",
+        "type" : "function",
+        "desc" : "Fetch the element to add children to",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "getEl",
+        "type" : "function",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "getId",
+        "type" : "function",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Hide a component - adds 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "initEvents",
+        "type" : "function",
+        "desc" : "Initialize Events for the element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "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"
+      },
+      {
+        "name" : "purgeListeners",
+        "type" : "function",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "removeListener",
+        "type" : "function",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "setDisabled",
+        "type" : "function",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show a component - removes 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "tooltipEl",
+        "type" : "function",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "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"
+      }
+    ]
+  },
+  "Roo.bootstrap.MessageBar" : {
+    "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "beforeClass",
+        "type" : "String",
+        "desc" : "insert the bar before the given class",
+        "memberOf" : ""
+      },
+      {
+        "name" : "can_build_overlaid",
+        "type" : "Boolean",
+        "desc" : "True if element can be rebuild from a HTML page",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "closable",
+        "type" : "Boolean",
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "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" : "fixed",
+        "type" : "Boolean",
+        "desc" : "e) default false, fix the bar at the top",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "html",
+        "type" : "String",
+        "desc" : "contents of the MessageBar",
+        "memberOf" : ""
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "name",
+        "type" : "string",
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "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",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "weight",
+        "type" : "String",
+        "desc" : "r) default info",
+        "memberOf" : "",
+        "optvals" : [
+          "info",
+          "success",
+          "warning",
+          "danger"
+        ]
+      },
+      {
+        "name" : "xattr",
+        "type" : "Object",
+        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
+        "memberOf" : "Roo.bootstrap.Component"
+      }
+    ],
+    "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"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "childrenrendered",
+        "type" : "function",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "addListener",
+        "type" : "function",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "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"
+      },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "getChildContainer",
+        "type" : "function",
+        "desc" : "Fetch the element to add children to",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "getEl",
+        "type" : "function",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "getId",
+        "type" : "function",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Hide a component - adds 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "initEvents",
+        "type" : "function",
+        "desc" : "Initialize Events for the element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "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"
+      },
+      {
+        "name" : "purgeListeners",
+        "type" : "function",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "removeListener",
+        "type" : "function",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "setDisabled",
+        "type" : "function",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show a component - removes 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "tooltipEl",
+        "type" : "function",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "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"
+      }
+    ]
+  },
+  "Roo.bootstrap.MessageBox" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "alert",
+        "type" : "function",
+        "desc" : "Displays a standard read-only message box with an OK button (comparable to the basic JavaScript Window.alert).\nIf a callback function is passed it will be called after the user clicks the button, and the\nid of the button that was clicked will be passed as the only parameter to the callback\n(could also be the top-right close button).",
+        "sig" : "(title, msg, fn, scope)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "confirm",
+        "type" : "function",
+        "desc" : "Displays a confirmation message box with Yes and No buttons (comparable to JavaScript's Window.confirm).\nIf a callback function is passed it will be called after the user clicks either button, and the id of the\nbutton that was clicked will be passed as the only parameter to the callback (could also be the top-right close button).",
+        "sig" : "(title, msg, fn, scope)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "getDialog",
+        "type" : "function",
+        "desc" : "Returns a reference to the underlying {@link Roo.BasicDialog} element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Hides the message box if it is displayed",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if the message box is currently displayed",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "progress",
+        "type" : "function",
+        "desc" : "Displays a message box with a progress bar.  This message box has no buttons and is not closeable by\nthe user.  You are responsible for updating the progress bar as needed via {@link Roo.MessageBox#updateProgress}\nand closing the message box when the process is complete.",
+        "sig" : "(title, msg)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "prompt",
+        "type" : "function",
+        "desc" : "Displays a message box with OK and Cancel buttons prompting the user to enter some text (comparable to\nJavaScript's Window.prompt).  The prompt can be a single-line or multi-line textbox.  If a callback function\nis passed it will be called after the user clicks either button, and the id of the button that was clicked\n(could also be the top-right close button) and the text that was entered will be passed as the two\nparameters to the callback.",
+        "sig" : "(title, msg, fn, scope, multiline)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Displays a new message box, or reinitializes an existing message box, based on the config options\npassed in. All functions (e.g. prompt, alert, etc) on MessageBox call this function internally.\nThe following config object properties are supported:\n<pre>\nProperty    Type             Description\n----------  ---------------  ------------------------------------------------------------------------------------\nanimEl            String/Element   An id or Element from which the message box should animate as it opens and\n                                   closes (defaults to undefined)\nbuttons           Object/Boolean   A button config object (e.g., Roo.MessageBox.OKCANCEL or {ok:'Foo',\n                                   cancel:'Bar'}), or false to not show any buttons (defaults to false)\nclosable          Boolean          False to hide the top-right close button (defaults to true).  Note that\n                                   progress and wait dialogs will ignore this property and always hide the\n                                   close button as they can only be closed programmatically.\ncls               String           A custom CSS class to apply to the message box element\ndefaultTextHeight Number           The default height in pixels of the message box's multiline textarea if\n                                   displayed (defaults to 75)\nfn                Function         A callback function to execute after closing the dialog.  The arguments to the\n                                   function will be btn (the name of the button that was clicked, if applicable,\n                                   e.g. \"ok\"), and text (the value of the active text field, if applicable).\n                                   Progress and wait dialogs will ignore this option since they do not respond to\n                                   user actions and can only be closed programmatically, so any required function\n                                   should be called by the same code after it closes the dialog.\nicon              String           A CSS class that provides a background image to be used as an icon for\n                                   the dialog (e.g., Roo.MessageBox.WARNING or 'custom-class', defaults to '')\nmaxWidth          Number           The maximum width in pixels of the message box (defaults to 600)\nminWidth          Number           The minimum width in pixels of the message box (defaults to 100)\nmodal             Boolean          False to allow user interaction with the page while the message box is\n                                   displayed (defaults to true)\nmsg               String           A string that will replace the existing message box body text (defaults\n                                   to the XHTML-compliant non-breaking space character '&#160;')\nmultiline         Boolean          True to prompt the user to enter multi-line text (defaults to false)\nprogress          Boolean          True to display a progress bar (defaults to false)\nprogressText      String           The text to display inside the progress bar if progress = true (defaults to '')\nprompt            Boolean          True to prompt the user to enter single-line text (defaults to false)\nproxyDrag         Boolean          True to display a lightweight proxy while dragging (defaults to false)\ntitle             String           The title text\nvalue             String           The string value to set into the active textbox element if displayed\nwait              Boolean          True to display a progress bar (defaults to false)\nwidth             Number           The width of the dialog in pixels\n</pre>\n\nExample usage:\n<pre><code>\nRoo.Msg.show({\n   title: 'Address',\n   msg: 'Please enter your address:',\n   width: 300,\n   buttons: Roo.MessageBox.OKCANCEL,\n   multiline: true,\n   fn: saveAddress,\n   animEl: 'addAddressBtn'\n});\n</code></pre>",
+        "sig" : "(config)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "updateProgress",
+        "type" : "function",
+        "desc" : "Updates a progress-style message box's text and progress bar.  Only relevant on message boxes\ninitiated via {@link Roo.MessageBox#progress} or by calling {@link Roo.MessageBox#show} with progress: true.",
+        "sig" : "(value, text)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "updateText",
+        "type" : "function",
+        "desc" : "Updates the message box body text",
+        "sig" : "(text)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "wait",
+        "type" : "function",
+        "desc" : "Displays a message box with an infinitely auto-updating progress bar.  This can be used to block user\ninteraction while waiting for a long-running process to complete that does not have defined intervals.\nYou are responsible for closing the message box when the process is complete.",
+        "sig" : "(msg, title)",
+        "static" : false,
+        "memberOf" : ""
+      }
+    ]
+  },
+  "Roo.bootstrap.Modal" : {
+    "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "allow_close",
+        "type" : "Boolean",
+        "desc" : "default true",
+        "memberOf" : ""
+      },
+      {
+        "name" : "animate",
+        "type" : "Boolean",
+        "desc" : "default true",
+        "memberOf" : ""
+      },
+      {
+        "name" : "bodyOverflow",
+        "type" : "Boolean",
+        "desc" : "should the body element have overflow auto added default false",
+        "memberOf" : ""
+      },
+      {
+        "name" : "buttonPosition",
+        "type" : "String",
+        "desc" : "r) default right (DEPRICATED) - use mr-auto on buttons to put them on the left",
+        "memberOf" : "",
+        "optvals" : [
+          "left",
+          "right",
+          "center"
+        ]
+      },
+      {
+        "name" : "buttons",
+        "type" : "Array",
+        "desc" : "Array of buttons or standard button set..",
+        "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" : "editableTitle",
+        "type" : "Boolean",
+        "desc" : "can the title be edited",
+        "memberOf" : ""
+      },
+      {
+        "name" : "fitwindow",
+        "type" : "Boolean",
+        "desc" : "default false",
+        "memberOf" : ""
+      },
+      {
+        "name" : "height",
+        "type" : "Number",
+        "desc" : "fixed height - usefull for chrome extension only really.",
+        "memberOf" : ""
+      },
+      {
+        "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",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "html",
+        "type" : "String",
+        "desc" : "- the body of the dialog (for simple ones) - you can also use template..",
+        "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" : "max_width",
+        "type" : "Number",
+        "desc" : "set the max width of modal",
+        "memberOf" : ""
+      },
+      {
+        "name" : "name",
+        "type" : "string",
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "size",
+        "type" : "String",
+        "desc" : "l) default empty",
+        "memberOf" : "",
+        "optvals" : [
+          "sm",
+          "lg",
+          "xl"
+        ]
+      },
+      {
+        "name" : "specificTitle",
+        "type" : "Boolean",
+        "desc" : "default false",
+        "memberOf" : ""
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "title",
+        "type" : "String",
+        "desc" : "Title of dialog",
+        "memberOf" : ""
+      },
+      {
+        "name" : "tmpl",
+        "type" : "Roo.Template",
+        "desc" : "- a template with variables. to use it, add a handler in show:method  adn",
+        "memberOf" : ""
+      },
+      {
+        "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",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "fixed width - usefull for chrome extension only really.",
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "btnclick",
+        "type" : "function",
+        "desc" : "The raw btnclick event for the button",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "childrenrendered",
+        "type" : "function",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "resize",
+        "type" : "function",
+        "desc" : "Fire when dialog resize",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "titlechanged",
+        "type" : "function",
+        "desc" : "Fire when the editable title has been changed",
+        "sig" : "function (_self, value)\n{\n\n}",
+        "memberOf" : ""
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "addListener",
+        "type" : "function",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "applyBody",
+        "type" : "function",
+        "desc" : "Set the body of the Dialog using the template",
+        "sig" : "(data)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "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"
+      },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "getChildContainer",
+        "type" : "function",
+        "desc" : "Fetch the element to add children to",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "getEl",
+        "type" : "function",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "getId",
+        "type" : "function",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Hide a component - adds 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "initEvents",
+        "type" : "function",
+        "desc" : "Initialize Events for the element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "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"
+      },
+      {
+        "name" : "purgeListeners",
+        "type" : "function",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "removeListener",
+        "type" : "function",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "setBody",
+        "type" : "function",
+        "desc" : "Set the body of the Dialog",
+        "sig" : "(str)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "setDisabled",
+        "type" : "function",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "setTitle",
+        "type" : "function",
+        "desc" : "Set the title of the Dialog",
+        "sig" : "(str)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show a component - removes 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "tooltipEl",
+        "type" : "function",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "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"
+      }
+    ]
+  },
+  "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" : "o) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "image",
+          "video",
+          "audio"
+        ]
+      },
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "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",
+        "optvals" : [
+          "left",
+          "center",
+          "right"
+        ]
+      },
+      {
+        "name" : "allQuery",
+        "type" : "String",
+        "desc" : "The text query to send to the server to return all records for the list with no filtering (defaults to '')",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "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",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "allowNegative",
+        "type" : "Boolean",
+        "desc" : "False to prevent entering a negative sign (defaults to true)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "allowZero",
+        "type" : "Boolean",
+        "desc" : "False to blank out if the user enters '0' (defaults to true)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "alwaysQuery",
+        "type" : "Boolean",
+        "desc" : "Disable caching of results, and always send query",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "animate",
+        "type" : "Boolean",
+        "desc" : "default true",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "append",
+        "type" : "Boolean",
+        "desc" : "e) default false",
+        "memberOf" : "Roo.bootstrap.ComboBox",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "autoCreate",
+        "type" : "Boolean/Object",
+        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to:\n{tag: \"input\", type: \"text\", size: \"24\", autocomplete: \"off\"})",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "autoFocus",
+        "type" : "Boolean",
+        "desc" : "e) auto focus the first item, default true",
+        "memberOf" : "Roo.bootstrap.ComboBox",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "autocomplete",
+        "type" : "String",
+        "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
+        "memberOf" : "Roo.bootstrap.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" : "blockFocus",
+        "type" : "Boolean",
+        "desc" : "Prevents all focus calls, so it can work with things like HTML edtor bar",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "btnPosition",
+        "type" : "String",
+        "desc" : "set the position of the trigger button (left | right) default right",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "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",
+        "optvals" : [
+          "user",
+          "camera"
+        ]
+      },
+      {
+        "name" : "caret",
+        "type" : "String",
+        "desc" : "r) BS3 only - carat fa name",
+        "memberOf" : "Roo.bootstrap.TriggerField",
+        "optvals" : [
+          "search",
+          "calendar"
+        ]
+      },
+      {
+        "name" : "castInt",
+        "type" : "Boolean",
+        "desc" : "e) cast int if true (defalut true)",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "container_method",
+        "type" : "string",
+        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "dataId",
+        "type" : "string",
+        "desc" : "cutomer id",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "decimalPrecision",
+        "type" : "Number",
+        "desc" : "The maximum precision to display after the decimal separator (defaults to 2)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "decimalSeparator",
+        "type" : "String",
+        "desc" : "Character(s) to allow as the decimal separator (defaults to '.')",
+        "memberOf" : ""
+      },
+      {
+        "name" : "defaults",
+        "type" : "String",
+        "desc" : "currency of the MoneyField\nvalue should be in lkey",
+        "memberOf" : ""
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "disableClear",
+        "type" : "Boolean",
+        "desc" : "Disable showing of clear button.",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "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" : "displayField",
+        "type" : "String",
+        "desc" : "The underlying data field name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'text' if mode = 'local')",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "editable",
+        "type" : "Boolean",
+        "desc" : "False to prevent the user from typing text directly into the field, just like a\ntraditional select (defaults to true)",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "emptyResultText",
+        "type" : "Boolean",
+        "desc" : "only for touch device",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "emptyTitle",
+        "type" : "String",
+        "desc" : "default ''",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "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",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "forceSelection",
+        "type" : "Boolean",
+        "desc" : "True to restrict the selected value to one of the values in the list, false to\nallow the user to set arbitrary text into the field (defaults to false)",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "grow",
+        "type" : "Boolean",
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "growMax",
+        "type" : "Number",
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "growMin",
+        "type" : "Number",
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "handleHeight",
+        "type" : "Number",
+        "desc" : "The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "hasFeedback",
+        "type" : "Boolean",
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "hiddenName",
+        "type" : "String",
+        "desc" : "If specified, a hidden form field with this name is dynamically generated to store the\nfield's data value (defaults to the underlying DOM element's name)",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "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",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "hideTrigger",
+        "type" : "Boolean",
+        "desc" : "True to hide the trigger element and display only the base text field (defaults to false)",
+        "memberOf" : "Roo.bootstrap.TriggerField"
+      },
+      {
+        "name" : "indicatorpos",
+        "type" : "String",
+        "desc" : "t) default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
+          "right"
+        ]
+      },
+      {
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - uses BS4 is-valid now",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "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",
+        "optvals" : [
+          "top",
+          "left"
+        ]
+      },
+      {
+        "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" : "lazyRender",
+        "type" : "Boolean",
+        "desc" : "True to prevent the ComboBox from rendering until requested (should always be used when\nrendering into an Roo.Editor, defaults to false)",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "lg",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for large computer-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "listAlign",
+        "type" : "String",
+        "desc" : "A valid anchor position value. See {@link Roo.Element#alignTo} for details on supported\nanchor positions (defaults to 'tl-bl')",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "listClass",
+        "type" : "String",
+        "desc" : "CSS class to apply to the dropdown list element (defaults to '')",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "listWidth",
+        "type" : "Number",
+        "desc" : "The width in pixels of the dropdown list (defaults to the width of the ComboBox field)",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "loadingText",
+        "type" : "String",
+        "desc" : "The text to display in the dropdown list while data is loading.  Only applies\nwhen mode = 'remote' (defaults to 'Loading...')",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "maskRe",
+        "type" : "String",
+        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "maxHeight",
+        "type" : "Number",
+        "desc" : "The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "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" : "max_length",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "md",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for computer-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "minChars",
+        "type" : "Number",
+        "desc" : "The minimum number of characters the user must type before autocomplete and typeahead activate\n(defaults to 4, does not apply if editable = false)",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "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" : "minListWidth",
+        "type" : "Number",
+        "desc" : "The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if\nlistWidth has a higher value)",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "minText",
+        "type" : "String",
+        "desc" : "Error text to display if the minimum value validation fails (defaults to \"The minimum value for this field is {minValue}\")",
+        "memberOf" : ""
+      },
+      {
+        "name" : "minValue",
+        "type" : "Number",
+        "desc" : "The minimum allowed value (defaults to Number.NEGATIVE_INFINITY)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "mobileTouchView",
+        "type" : "Boolean",
+        "desc" : "e) show mobile touch view when using a mobile default true",
+        "memberOf" : "Roo.bootstrap.ComboBox",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "mobile_restrict_height",
+        "type" : "Boolean",
+        "desc" : "e) restrict height for touch view",
+        "memberOf" : "Roo.bootstrap.ComboBox",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "modalTitle",
+        "type" : "String",
+        "desc" : "The title of the dialog that pops up on mobile views.",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "mode",
+        "type" : "String",
+        "desc" : "Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "multiple",
+        "type" : "Boolean",
+        "desc" : "e) ComboBobArray, default false",
+        "memberOf" : "Roo.bootstrap.ComboBox",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "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" : "pageSize",
+        "type" : "Number",
+        "desc" : "If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the\nfilter queries will execute with page start and limit parameters.  Only applies when mode = 'remote' (defaults to 0)",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "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" : "queryDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds to delay between the start of typing and sending the\nquery to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local')",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "queryParam",
+        "type" : "String",
+        "desc" : "Name of the query as it will be passed on the querystring (defaults to 'query')",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "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",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "resizable",
+        "type" : "Boolean",
+        "desc" : "True to add a resize handle to the bottom of the dropdown list (defaults to false)",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "selectOnFocus",
+        "type" : "Boolean",
+        "desc" : "True to select any existing text in the field immediately on focus.  Only applies\nwhen editable = true (defaults to false)",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "selectedClass",
+        "type" : "String",
+        "desc" : "CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "shadow",
+        "type" : "Boolean/String",
+        "desc" : "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\" for bottom-right",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "showToggleBtn",
+        "type" : "Boolean",
+        "desc" : "show toggle button or not (true|false) default true",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "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" : "specialFilter",
+        "type" : "Boolean",
+        "desc" : "e) special filter default false",
+        "memberOf" : "Roo.bootstrap.ComboBox",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "store",
+        "type" : "Roo.data.Store",
+        "desc" : "The data store to which this combo is bound (defaults to undefined)",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "thousandsDelimiter",
+        "type" : "String",
+        "desc" : "Symbol of thousandsDelimiter",
+        "memberOf" : ""
+      },
+      {
+        "name" : "tickable",
+        "type" : "Boolean",
+        "desc" : "ComboBox with tickable selections (true|false), default false",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "title",
+        "type" : "String",
+        "desc" : "If supplied, a header element is created containing this text and added into the top of\nthe dropdown list (defaults to undefined, with no header element)",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "tooltip",
+        "type" : "string",
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "tpl",
+        "type" : "String/Roo.Template",
+        "desc" : "The template to use to render the output default is  '<a class=\"dropdown-item\" href=\"#\">{' + this.displayField + '}</a>'",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "triggerAction",
+        "type" : "String",
+        "desc" : "The action to execute when the trigger field is activated.  Use 'all' to run the\nquery specified by the allQuery config option (defaults to 'query')",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "triggerClass",
+        "type" : "String",
+        "desc" : "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' by default and triggerClass will be <b>appended</b> if specified.",
+        "memberOf" : "Roo.bootstrap.TriggerField"
+      },
+      {
+        "name" : "triggerList",
+        "type" : "Boolean",
+        "desc" : "trigger show the list or not (true|false) default true",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "triggerText",
+        "type" : "String",
+        "desc" : "multiple combobox trigger button text default 'Select'",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "typeAhead",
+        "type" : "Boolean",
+        "desc" : "True to populate and autoselect the remainder of the text being typed after a configurable\ndelay (typeAheadDelay) if it matches a known value (defaults to false)",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "typeAheadDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds to wait until the typeahead text is displayed\nif typeAhead = true (defaults to 250)",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "useNativeIOS",
+        "type" : "Boolean",
+        "desc" : "e) render it as classic select for ios, not support dynamic load data (default false)",
+        "memberOf" : "Roo.bootstrap.ComboBox",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "validClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - uses BS4 is-valid now",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "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" : "valueField",
+        "type" : "String",
+        "desc" : "The underlying data value name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'value' if mode = 'local'). \nNote: use of a valueField requires the user make a selection\nin order for a value to be mapped.",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "valueNotFoundText",
+        "type" : "String",
+        "desc" : "When using a name/value combo, if the value passed to setValue is not found in\nthe store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined)",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "vtype",
+        "type" : "String",
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "fixed with? experimental",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "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" : [
+      {
+        "name" : "add",
+        "type" : "function",
+        "desc" : "Fires when the 'add' icon is pressed (add a listener to enable add button)",
+        "sig" : "function (combo)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "afterremove",
+        "type" : "function",
+        "desc" : "Fires when the remove value from the combobox array",
+        "sig" : "function (combo)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "beforequery",
+        "type" : "function",
+        "desc" : "Fires before all queries are processed. Return false to cancel the query or set cancel to true.\nThe event object passed has these properties:",
+        "sig" : "function (combo, query, forceAll, cancel, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "beforeselect",
+        "type" : "function",
+        "desc" : "Fires before a list item is selected. Return false to cancel the selection.",
+        "sig" : "function (combo, record, index)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "blur",
+        "type" : "function",
+        "desc" : "Fires when this field loses input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "childrenrendered",
+        "type" : "function",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "collapse",
+        "type" : "function",
+        "desc" : "Fires when the dropdown list is collapsed",
+        "sig" : "function (combo)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "edit",
+        "type" : "function",
+        "desc" : "Fires when the 'edit' icon is pressed (add a listener to enable add button)",
+        "sig" : "function (combo, record)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "expand",
+        "type" : "function",
+        "desc" : "Fires when the dropdown list is expanded",
+        "sig" : "function (combo)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Fires when this field receives input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "keyup",
+        "type" : "function",
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "remove",
+        "type" : "function",
+        "desc" : "Fires when the remove value from the combobox array",
+        "sig" : "function (combo)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "select",
+        "type" : "function",
+        "desc" : "Fires when a list item is selected",
+        "sig" : "function (combo, record, index)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "specialfilter",
+        "type" : "function",
+        "desc" : "Fires when specialfilter",
+        "sig" : "function (combo)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "tick",
+        "type" : "function",
+        "desc" : "Fires when tick the element",
+        "sig" : "function (combo)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "touchviewdisplay",
+        "type" : "function",
+        "desc" : "Fires when touch view require special display (default is using displayField)",
+        "sig" : "function (combo, cfg)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "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"
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "addListener",
+        "type" : "function",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "autoSize",
+        "type" : "function",
+        "desc" : "",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.TriggerField"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "clearInvalid",
+        "type" : "function",
+        "desc" : "Clear any invalid styles/messages for this field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "clearValue",
+        "type" : "function",
+        "desc" : "Clears any text/value currently set in the field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "collapse",
+        "type" : "function",
+        "desc" : "Hides the dropdown list if it is currently expanded. Fires the 'collapse' event on completion.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "doQuery",
+        "type" : "function",
+        "desc" : "Execute a query to filter the dropdown list.  Fires the beforequery event prior to performing the\nquery allowing the query action to be canceled if needed.",
+        "sig" : "(query, forceAll)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "expand",
+        "type" : "function",
+        "desc" : "Expands the dropdown list if it is currently hidden. Fires the 'expand' event on completion.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "getChildContainer",
+        "type" : "function",
+        "desc" : "Fetch the element to add children to",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "getEl",
+        "type" : "function",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "getId",
+        "type" : "function",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "getName",
+        "type" : "function",
+        "desc" : "Returns the name of the field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "getValue",
+        "type" : "function",
+        "desc" : "Returns the currently selected field value or empty string if no value is set.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Hide a component - adds 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "initEvents",
+        "type" : "function",
+        "desc" : "Initialize Events for the element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "inputEl",
+        "type" : "function",
+        "desc" : "return the real input element.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "isExpanded",
+        "type" : "function",
+        "desc" : "Returns true if the dropdown list is expanded, else false.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "markInvalid",
+        "type" : "function",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "markValid",
+        "type" : "function",
+        "desc" : "Mark this field as valid",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "purgeListeners",
+        "type" : "function",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "removeListener",
+        "type" : "function",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "select",
+        "type" : "function",
+        "desc" : "Select an item in the dropdown list by its numeric index in the list. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue.",
+        "sig" : "(index, scrollIntoView)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "selectByValue",
+        "type" : "function",
+        "desc" : "Select an item in the dropdown list by its data value. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue.",
+        "sig" : "(value, scrollIntoView)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "setDisabled",
+        "type" : "function",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "setEditable",
+        "type" : "function",
+        "desc" : "Allow or prevent the user from directly editing the field text.  If false is passed,\nthe user will only be able to select from the items defined in the dropdown list.  This method\nis the runtime equivalent of setting the 'editable' config option at config time.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "name" : "setFromData",
+        "type" : "function",
+        "desc" : "Sets the value of the field based on a object which is related to the record format for the store.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "setValue",
+        "type" : "function",
+        "desc" : "Sets the specified value into the field.  If the value finds a match, the corresponding record text\nwill be displayed in the field.  If the value does not match the data value of an existing item,\nand the valueNotFoundText config option is defined, it will be displayed as the default field text.\nOtherwise the field will be blank (although the value will still be set).",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.ComboBox"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show a component - removes 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "tooltipEl",
+        "type" : "function",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "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"
+      },
+      {
+        "name" : "validate",
+        "type" : "function",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
+      }
+    ]
+  },
+  "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" : "o) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "image",
+          "video",
+          "audio"
+        ]
+      },
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "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",
+        "optvals" : [
+          "left",
+          "center",
+          "right"
+        ]
+      },
+      {
+        "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",
+        "optvals" : [
+          "user",
+          "camera"
+        ]
+      },
+      {
+        "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",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "hasFeedback",
+        "type" : "Boolean",
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "indicatorpos",
+        "type" : "String",
+        "desc" : "t) default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
+          "right"
+        ]
+      },
+      {
+        "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",
+        "optvals" : [
+          "top",
+          "left"
+        ]
+      },
+      {
+        "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" : "language",
+        "type" : "String",
+        "desc" : "default en",
+        "memberOf" : ""
+      },
+      {
+        "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" : "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",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "vtype",
+        "type" : "String",
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.bootstrap.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" : [
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "blur",
+        "type" : "function",
+        "desc" : "Fires when this field loses input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "childrenrendered",
+        "type" : "function",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Fires when this field receives input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "keyup",
+        "type" : "function",
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "select",
+        "type" : "function",
+        "desc" : "Fires when select a date.",
+        "sig" : "function (_self, oldvalue, newvalue)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires when this field show.",
+        "sig" : "function (_self, date)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "addListener",
+        "type" : "function",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "clearInvalid",
+        "type" : "function",
+        "desc" : "Clear any invalid styles/messages for this field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "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"
+      },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "getChildContainer",
+        "type" : "function",
+        "desc" : "Fetch the element to add children to",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "getEl",
+        "type" : "function",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "getId",
+        "type" : "function",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "getName",
+        "type" : "function",
+        "desc" : "Returns the name of the field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Hide a component - adds 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "initEvents",
+        "type" : "function",
+        "desc" : "Initialize Events for the element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "inputEl",
+        "type" : "function",
+        "desc" : "return the real input element.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "markInvalid",
+        "type" : "function",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "markValid",
+        "type" : "function",
+        "desc" : "Mark this field as valid",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "purgeListeners",
+        "type" : "function",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "removeListener",
+        "type" : "function",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "setDisabled",
+        "type" : "function",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show a component - removes 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "tooltipEl",
+        "type" : "function",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "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"
+      },
+      {
+        "name" : "validate",
+        "type" : "function",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
+      }
+    ]
+  },
+  "Roo.bootstrap.NavGroup" : {
+    "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "align",
+        "type" : "String",
+        "desc" : "t)",
+        "memberOf" : "",
+        "optvals" : [
+          "left",
+          "right"
+        ]
+      },
+      {
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "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",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "inverse",
+        "type" : "Boolean",
+        "desc" : "",
+        "memberOf" : ""
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "name",
+        "type" : "string",
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "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" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "tooltip",
+        "type" : "string",
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "type",
+        "type" : "String",
+        "desc" : "b) default nav",
+        "memberOf" : "",
+        "optvals" : [
+          "nav",
+          "pills",
+          "tab"
+        ]
+      },
+      {
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "changed",
+        "type" : "function",
+        "desc" : "Fires when the active item changes",
+        "sig" : "function (_self, selected, prev)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "childrenrendered",
+        "type" : "function",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "addItem",
+        "type" : "function",
+        "desc" : "adds a Navigation item",
+        "sig" : "(the)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "addListener",
+        "type" : "function",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "clearAll",
+        "type" : "function",
+        "desc" : "clear all the Navigation item",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "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"
+      },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "get",
+        "type" : "function",
+        "desc" : "fetch a Navigation Group based on the navigation ID",
+        "sig" : "(the)",
+        "static" : true,
+        "memberOf" : ""
+      },
+      {
+        "name" : "getActive",
+        "type" : "function",
+        "desc" : "gets the active Navigation item",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "getChildContainer",
+        "type" : "function",
+        "desc" : "Fetch the element to add children to",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "getEl",
+        "type" : "function",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "getId",
+        "type" : "function",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Hide a component - adds 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "initEvents",
+        "type" : "function",
+        "desc" : "Initialize Events for the element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "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"
+      },
+      {
+        "name" : "purgeListeners",
+        "type" : "function",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "register",
+        "type" : "function",
+        "desc" : "register a Navigation item",
+        "sig" : "(the)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "register",
+        "type" : "function",
+        "desc" : "register a Navigation Group",
+        "sig" : "(the)",
+        "static" : true,
+        "memberOf" : ""
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "removeListener",
+        "type" : "function",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "setActiveItem",
+        "type" : "function",
+        "desc" : "sets the active Navigation item",
+        "sig" : "(the)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "setDisabled",
+        "type" : "function",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show a component - removes 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "tooltipEl",
+        "type" : "function",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "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"
+      }
+    ]
+  },
+  "Roo.bootstrap.NavHeaderbar" : {
+    "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "align",
+        "type" : "String",
+        "desc" : "t) alignment",
+        "memberOf" : "Roo.bootstrap.NavSimplebar",
+        "optvals" : [
+          "left",
+          "right"
+        ]
+      },
+      {
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "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" : "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" : "desktopCenter",
+        "type" : "Boolean",
+        "desc" : "should the header be centered on desktop using a container class",
+        "memberOf" : ""
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "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",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "inverse",
+        "type" : "Boolean",
+        "desc" : "is inverted color",
+        "memberOf" : "Roo.bootstrap.NavSimplebar"
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for 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",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "main",
+        "type" : "Boolean",
+        "desc" : "e) main nav bar? default false",
+        "memberOf" : "Roo.bootstrap.NavSimplebar",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "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" : "",
+        "optvals" : [
+          "fixed-top",
+          "fixed-bottom",
+          "static-top"
+        ]
+      },
+      {
+        "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.NavSimplebar",
+        "optvals" : [
+          "header",
+          "footer",
+          "nav",
+          "div"
+        ]
+      },
+      {
+        "name" : "tooltip",
+        "type" : "string",
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "type",
+        "type" : "String",
+        "desc" : "s)",
+        "memberOf" : "Roo.bootstrap.NavSimplebar",
+        "optvals" : [
+          "nav",
+          "pills",
+          "tabs"
+        ]
+      },
+      {
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "weight",
+        "type" : "String",
+        "desc" : "e) default is light.",
+        "memberOf" : "Roo.bootstrap.NavSimplebar",
+        "optvals" : [
+          "light",
+          "primary",
+          "secondary",
+          "success",
+          "danger",
+          "warning",
+          "info",
+          "dark",
+          "white"
+        ]
+      },
+      {
+        "name" : "xattr",
+        "type" : "Object",
+        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
+        "memberOf" : "Roo.bootstrap.Component"
+      }
+    ],
+    "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"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "beforetoggle",
+        "type" : "function",
+        "desc" : "Fire before toggle the menu",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Navbar"
+      },
+      {
+        "name" : "childrenrendered",
+        "type" : "function",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "addListener",
+        "type" : "function",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "collapse",
+        "type" : "function",
+        "desc" : "Collapse the navbar pulldown",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Navbar"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "expand",
+        "type" : "function",
+        "desc" : "Expand the navbar pulldown",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Navbar"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "getChildContainer",
+        "type" : "function",
+        "desc" : "Fetch the element to add children to",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "getEl",
+        "type" : "function",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "getId",
+        "type" : "function",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Hide a component - adds 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "initEvents",
+        "type" : "function",
+        "desc" : "Initialize Events for the element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "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"
+      },
+      {
+        "name" : "purgeListeners",
+        "type" : "function",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "removeListener",
+        "type" : "function",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "setDisabled",
+        "type" : "function",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "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"
       },
       {
-        "name" : "queryParam",
-        "type" : "String",
-        "desc" : "Name of the query as it will be passed on the querystring (defaults to 'query')",
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "readOnly",
-        "type" : "Boolean",
-        "desc" : "Specifies that the field should be read-only",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show a component - removes 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "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" : "tooltipEl",
+        "type" : "function",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "regexText",
+        "name" : "un",
+        "type" : "function",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      }
+    ]
+  },
+  "Roo.bootstrap.NavItem" : {
+    "props" : [
+      {
+        "name" : "actionMode",
         "type" : "String",
-        "desc" : "-- Depricated - use Invalid 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" : "removable",
+        "name" : "active",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.TriggerField"
+        "desc" : "Is item active",
+        "memberOf" : ""
       },
       {
-        "name" : "resizable",
+        "name" : "allowDomMove",
         "type" : "Boolean",
-        "desc" : "True to add a resize handle to the bottom of the dropdown list (defaults to false)",
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "selectOnFocus",
+        "name" : "animateRef",
         "type" : "Boolean",
-        "desc" : "True to select any existing text in the field immediately on focus.  Only applies\nwhen editable = true (defaults to false)",
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "desc" : "e) link to element default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "selectedClass",
+        "name" : "badge",
         "type" : "String",
-        "desc" : "CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
-      {
-        "name" : "shadow",
-        "type" : "Boolean/String",
-        "desc" : "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\" for bottom-right",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
-      {
-        "name" : "showToggleBtn",
-        "type" : "Boolean",
-        "desc" : "show toggle button or not (true|false) default true",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
-      {
-        "name" : "size",
-        "type" : "string",
-        "desc" : "- (lg|sm) or leave empty..",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "text inside badge",
+        "memberOf" : ""
       },
       {
-        "name" : "sm",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for tablet-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "badgecls",
+        "type" : "String",
+        "desc" : "w)the extra classes for the badge",
+        "memberOf" : "",
+        "optvals" : [
+          "bg-green",
+          "bg-red",
+          "bg-yellow"
+        ]
       },
       {
-        "name" : "specialFilter",
+        "name" : "button_outline",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
-      {
-        "name" : "store",
-        "type" : "Roo.data.Store",
-        "desc" : "The data store to which this combo is bound (defaults to undefined)",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
-      {
-        "name" : "style",
-        "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "show and outlined button",
+        "memberOf" : ""
       },
       {
-        "name" : "thousandsDelimiter",
+        "name" : "button_weight",
         "type" : "String",
-        "desc" : "Symbol of thousandsDelimiter",
-        "memberOf" : ""
+        "desc" : "k) default none",
+        "memberOf" : "",
+        "optvals" : [
+          "default",
+          "primary",
+          "secondary",
+          "success",
+          "info",
+          "warning",
+          "danger",
+          "link",
+          "light",
+          "dark"
+        ]
       },
       {
-        "name" : "tickable",
+        "name" : "can_build_overlaid",
         "type" : "Boolean",
-        "desc" : "ComboBox with tickable selections (true|false), default false",
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "desc" : "True if element can be rebuild from a HTML page",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "title",
+        "name" : "cls",
         "type" : "String",
-        "desc" : "If supplied, a header element is created containing this text and added into the top of\nthe dropdown list (defaults to undefined, with no header element)",
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "tooltip",
+        "name" : "container_method",
         "type" : "string",
-        "desc" : "Text for the tooltip",
+        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "tpl",
-        "type" : "String/Roo.Template",
-        "desc" : "The template to use to render the output",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
-      {
-        "name" : "triggerAction",
-        "type" : "String",
-        "desc" : "The action to execute when the trigger field is activated.  Use 'all' to run the\nquery specified by the allQuery config option (defaults to 'query')",
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "name" : "dataId",
+        "type" : "string",
+        "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.",
-        "memberOf" : "Roo.bootstrap.TriggerField"
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "triggerList",
+        "name" : "disabled",
         "type" : "Boolean",
-        "desc" : "trigger show the list or not (true|false) default true",
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "desc" : "Is item disabled",
+        "memberOf" : ""
       },
       {
-        "name" : "triggerText",
+        "name" : "fa",
         "type" : "String",
-        "desc" : "multiple combobox trigger button text default 'Select'",
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "desc" : "- Fontawsome icon name (can add stuff to it like fa-2x)",
+        "memberOf" : ""
       },
       {
-        "name" : "typeAhead",
-        "type" : "Boolean",
-        "desc" : "True to populate and autoselect the remainder of the text being typed after a configurable\ndelay (typeAheadDelay) if it matches a known value (defaults to false)",
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "name" : "glyphicon",
+        "type" : "String",
+        "desc" : "DEPRICATED - use fa",
+        "memberOf" : ""
       },
       {
-        "name" : "typeAheadDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds to wait until the typeahead text is displayed\nif typeAhead = true (defaults to 250)",
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "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",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "useNativeIOS",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "name" : "href",
+        "type" : "String",
+        "desc" : "link to",
+        "memberOf" : ""
       },
       {
-        "name" : "validClass",
+        "name" : "html",
         "type" : "String",
-        "desc" : "DEPRICATED - uses BS4 is-valid now",
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "desc" : "content of button",
+        "memberOf" : ""
       },
       {
-        "name" : "validFeedbackIcon",
+        "name" : "icon",
         "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "DEPRICATED - use fa",
+        "memberOf" : ""
       },
       {
-        "name" : "validateOnBlur",
-        "type" : "Boolean",
-        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "linkcls",
+        "type" : "String",
+        "desc" : "Link Class",
+        "memberOf" : ""
       },
       {
-        "name" : "validationDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.bootstrap.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" : "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" : "name",
+        "type" : "string",
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "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" : "preventDefault",
+        "type" : "Boolean",
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "value",
-        "type" : "string",
-        "desc" : "default value of the input",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "style",
+        "type" : "String",
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "valueField",
+        "name" : "tabId",
         "type" : "String",
-        "desc" : "The underlying data value name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'value' if mode = 'local'). \nNote: use of a valueField requires the user make a selection\nin order for a value to be mapped.",
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "desc" : "the tab that this item activates.",
+        "memberOf" : ""
       },
       {
-        "name" : "valueNotFoundText",
+        "name" : "tagtype",
         "type" : "String",
-        "desc" : "When using a name/value combo, if the value passed to setValue is not found in\nthe store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined)",
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "desc" : "n) render as a href or span?",
+        "memberOf" : "",
+        "optvals" : [
+          "a",
+          "span"
+        ]
       },
       {
-        "name" : "visibilityEl",
-        "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
+        "name" : "tooltip",
+        "type" : "string",
+        "desc" : "Text for the tooltip",
         "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" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
         "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "xs",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for mobile-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
       }
     ],
     "events" : [
-      {
-        "name" : "add",
-        "type" : "function",
-        "desc" : "Fires when the 'add' icon is pressed (add a listener to enable add button)",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
-      {
-        "name" : "afterremove",
-        "type" : "function",
-        "desc" : "Fires when the remove value from the combobox array",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
       {
         "name" : "beforedestroy",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "beforequery",
-        "type" : "function",
-        "desc" : "Fires before all queries are processed. Return false to cancel the query or set cancel to true.\nThe event object passed has these properties:",
-        "sig" : "function (combo, query, forceAll, cancel, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
       {
         "name" : "beforerender",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "beforeselect",
-        "type" : "function",
-        "desc" : "Fires before a list item is selected. Return false to cancel the selection.",
-        "sig" : "function (combo, record, index)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
       {
         "name" : "beforeshow",
         "type" : "function",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "blur",
-        "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "change",
+        "name" : "changed",
         "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 when the active item active state changes",
+        "sig" : "function (_self, state)\n{\n\n}",
+        "memberOf" : ""
       },
       {
         "name" : "childrenrendered",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "collapse",
+        "name" : "click",
         "type" : "function",
-        "desc" : "Fires when the dropdown list is collapsed",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "desc" : "The raw click event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : ""
       },
       {
         "name" : "destroy",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "edit",
-        "type" : "function",
-        "desc" : "Fires when the 'edit' icon is pressed (add a listener to enable add button)",
-        "sig" : "function (combo, record)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
       {
         "name" : "enable",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "expand",
-        "type" : "function",
-        "desc" : "Fires when the dropdown list is expanded",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
-      {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "hide",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "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"
-      },
-      {
-        "name" : "keyup",
-        "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "remove",
-        "type" : "function",
-        "desc" : "Fires when the remove value from the combobox array",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
       {
         "name" : "render",
         "type" : "function",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "select",
+        "name" : "scrollto",
         "type" : "function",
-        "desc" : "Fires when a list item is selected",
-        "sig" : "function (combo, record, index)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "desc" : "Fires when scroll to element",
+        "sig" : "function (_self, options, e)\n{\n\n}",
+        "memberOf" : ""
       },
       {
         "name" : "show",
         "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "specialfilter",
-        "type" : "function",
-        "desc" : "Fires when specialfilter",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
-      {
-        "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"
-      },
-      {
-        "name" : "tick",
-        "type" : "function",
-        "desc" : "Fires when tick the element",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
-      {
-        "name" : "touchviewdisplay",
-        "type" : "function",
-        "desc" : "Fires when touch view require special display (default is using displayField)",
-        "sig" : "function (combo, cfg)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
-      {
-        "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"
       }
     ],
     "methods" : [
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "autoSize",
-        "type" : "function",
-        "desc" : "",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.TriggerField"
-      },
       {
         "name" : "capture",
         "type" : "function",
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "clearInvalid",
-        "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "clearValue",
-        "type" : "function",
-        "desc" : "Clears any text/value currently set in the field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
-      {
-        "name" : "collapse",
-        "type" : "function",
-        "desc" : "Hides the dropdown list if it is currently expanded. Fires the 'collapse' event on completion.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "doQuery",
-        "type" : "function",
-        "desc" : "Execute a query to filter the dropdown list.  Fires the beforequery event prior to performing the\nquery allowing the query action to be canceled if needed.",
-        "sig" : "(query, forceAll)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
       {
         "name" : "enable",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "expand",
-        "type" : "function",
-        "desc" : "Expands the dropdown list if it is currently hidden. Fires the 'expand' event on completion.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
       {
         "name" : "fireEvent",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "getName",
-        "type" : "function",
-        "desc" : "Returns the name of the field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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"
-      },
-      {
-        "name" : "getValue",
-        "type" : "function",
-        "desc" : "Returns the currently selected field value or empty string if no value is set.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "inputEl",
-        "type" : "function",
-        "desc" : "return the real input element.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "isExpanded",
-        "type" : "function",
-        "desc" : "Returns true if the dropdown list is expanded, else false.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
       {
         "name" : "isVisible",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "markInvalid",
-        "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "markValid",
-        "type" : "function",
-        "desc" : "Mark this field as valid",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "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"
-      },
-      {
-        "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"
+        "memberOf" : "Roo.util.Observable"
       },
       {
         "name" : "purgeListeners",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "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"
-      },
-      {
-        "name" : "select",
-        "type" : "function",
-        "desc" : "Select an item in the dropdown list by its numeric index in the list. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue.",
-        "sig" : "(index, scrollIntoView)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
-      {
-        "name" : "selectByValue",
-        "type" : "function",
-        "desc" : "Select an item in the dropdown list by its data value. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue.",
-        "sig" : "(value, scrollIntoView)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
       {
         "name" : "setDisabled",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "setEditable",
-        "type" : "function",
-        "desc" : "Allow or prevent the user from directly editing the field text.  If false is passed,\nthe user will only be able to select from the items defined in the dropdown list.  This method\nis the runtime equivalent of setting the 'editable' config option at config time.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
-      {
-        "name" : "setFromData",
-        "type" : "function",
-        "desc" : "Sets the value of the field based on a object which is related to the record format for the store.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
-      {
-        "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"
-      },
-      {
-        "name" : "setValue",
-        "type" : "function",
-        "desc" : "Sets the specified value into the field.  If the value finds a match, the corresponding record text\nwill be displayed in the field.  If the value does not match the data value of an existing item,\nand the valueNotFoundText config option is defined, it will be displayed as the default field text.\nOtherwise the field will be blank (although the value will still be set).",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.ComboBox"
-      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
         "desc" : "Fetch the element to display the tooltip on.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : ""
       },
       {
         "name" : "un",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "validate",
-        "type" : "function",
-        "desc" : "Validates the field value",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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"
       }
     ]
   },
-  "Roo.bootstrap.MonthField" : {
+  "Roo.bootstrap.NavProgressBar" : {
     "props" : [
-      {
-        "name" : "accept",
-        "type" : "String",
-        "desc" : [
-          "(image",
-          "video",
-          "audio)"
-        ],
-        "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" : [
-          "(left",
-          "center",
-          "right)"
-        ],
-        "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" : [
-          "(user",
-          "camera)"
-        ],
-        "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" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "hasFeedback",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "indicatorpos",
-        "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "inputType",
-        "type" : "String",
-        "desc" : "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
-        "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" : [
-          "(top",
-          "left)"
-        ],
-        "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" : "language",
-        "type" : "String",
-        "desc" : "default en",
-        "memberOf" : ""
-      },
-      {
-        "name" : "lg",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for large computer-sized screens",
-        "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",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "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" : "- placeholder to put in text.",
-        "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" : "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" : [
-          "(el",
-          "parent)"
-        ],
-        "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"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
         "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "xs",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for mobile-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
       }
     ],
     "events" : [
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "blur",
-        "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "change",
+        "name" : "changed",
         "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 when the active item changes",
+        "sig" : "function (_self, selected, prev)\n{\n\n}",
+        "memberOf" : ""
       },
       {
         "name" : "childrenrendered",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "hide",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "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"
-      },
-      {
-        "name" : "keyup",
-        "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "render",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "select",
-        "type" : "function",
-        "desc" : "Fires when select a date.",
-        "sig" : "function (_self, oldvalue, newvalue)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Fires when this field show.",
-        "sig" : "function (_self, date)\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "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"
-      },
-      {
-        "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"
       }
     ],
     "methods" : [
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "clearInvalid",
-        "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "getName",
-        "type" : "function",
-        "desc" : "Returns the name of the field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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"
-      },
-      {
-        "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"
-      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "inputEl",
-        "type" : "function",
-        "desc" : "return the real input element.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "isVisible",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "markInvalid",
-        "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "markValid",
-        "type" : "function",
-        "desc" : "Mark this field as valid",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "on",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "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"
-      },
       {
         "name" : "setDisabled",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "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"
-      },
-      {
-        "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"
-      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "validate",
-        "type" : "function",
-        "desc" : "Validates the field value",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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"
       }
     ]
   },
-  "Roo.bootstrap.NavGroup" : {
+  "Roo.bootstrap.NavProgressItem" : {
     "props" : [
       {
         "name" : "actionMode",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "align",
-        "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : ""
+        "name" : "active",
+        "type" : "Boolean",
+        "desc" : "e) Is item active default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "allowDomMove",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "e) Is item active default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "inverse",
-        "type" : "Boolean",
+        "name" : "html",
+        "type" : "String",
         "desc" : "",
         "memberOf" : ""
       },
+      {
+        "name" : "icon",
+        "type" : "String",
+        "desc" : "show icon instead of number",
+        "memberOf" : ""
+      },
       {
         "name" : "listeners",
         "type" : "Object",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "navId",
+        "name" : "position",
         "type" : "String",
-        "desc" : "- reference Id for navbar.",
+        "desc" : "m) text position default bottom",
+        "memberOf" : "",
+        "optvals" : [
+          "top",
+          "bottom"
+        ]
+      },
+      {
+        "name" : "rid",
+        "type" : "String",
+        "desc" : "the reference id",
         "memberOf" : ""
       },
       {
         "desc" : "Text for the tooltip",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "type",
-        "type" : "String",
-        "desc" : [
-          "(nav",
-          "pills",
-          "tab)"
-        ],
-        "memberOf" : ""
-      },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "changed",
-        "type" : "function",
-        "desc" : "Fires when the active item changes",
-        "sig" : "function (_self, selected, prev)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "click",
+        "type" : "function",
+        "desc" : "The raw click event for the entire grid.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "addItem",
-        "type" : "function",
-        "desc" : "adds a Navigation item",
-        "sig" : "(the)",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "addListener",
         "type" : "function",
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "clearAll",
-        "type" : "function",
-        "desc" : "clear all the Navigation item",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "get",
-        "type" : "function",
-        "desc" : "fetch a Navigation Group based on the navigation ID",
-        "sig" : "(the)",
-        "static" : true,
-        "memberOf" : ""
-      },
-      {
-        "name" : "getActive",
-        "type" : "function",
-        "desc" : "gets the active Navigation item",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "getChildContainer",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "register",
-        "type" : "function",
-        "desc" : "register a Navigation item",
-        "sig" : "(the)",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "register",
-        "type" : "function",
-        "desc" : "register a Navigation Group",
-        "sig" : "(the)",
-        "static" : true,
-        "memberOf" : ""
-      },
       {
         "name" : "releaseCapture",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "setActiveItem",
-        "type" : "function",
-        "desc" : "sets the active Navigation item",
-        "sig" : "(the)",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "setDisabled",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.NavHeaderbar" : {
+  "Roo.bootstrap.NavSidebar" : {
     "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" : [
-          "(left",
-          "right)"
-        ],
-        "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" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "inverse",
-        "type" : "Boolean",
-        "desc" : "is inverted color",
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "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" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
-      },
-      {
-        "name" : "main",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
-      },
-      {
-        "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" : [
-          "(fixed-top",
-          "fixed-bottom",
-          "static-top)"
-        ],
-        "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" : [
-          "(header",
-          "footer",
-          "nav",
-          "div)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
-      },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "type",
-        "type" : "String",
-        "desc" : [
-          "(nav",
-          "pills",
-          "tabs)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
-      },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "weight",
-        "type" : "String",
-        "desc" : [
-          "(light",
-          "primary",
-          "secondary",
-          "success",
-          "danger",
-          "warning",
-          "info",
-          "dark",
-          "white)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       }
     ]
   },
-  "Roo.bootstrap.NavItem" : {
+  "Roo.bootstrap.NavSidebarItem" : {
     "props" : [
       {
         "name" : "actionMode",
         "name" : "active",
         "type" : "Boolean",
         "desc" : "Is item active",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.NavItem"
       },
       {
         "name" : "allowDomMove",
       {
         "name" : "animateRef",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) link to element default false",
+        "memberOf" : "Roo.bootstrap.NavItem",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "badge",
         "type" : "String",
         "desc" : "text inside badge",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.NavItem"
       },
       {
         "name" : "badgecls",
         "type" : "String",
-        "desc" : [
-          "(bg-green",
+        "desc" : "w)the extra classes for the badge",
+        "memberOf" : "Roo.bootstrap.NavItem",
+        "optvals" : [
+          "bg-green",
           "bg-red",
-          "bg-yellow)"
-        ],
-        "memberOf" : ""
+          "bg-yellow"
+        ]
+      },
+      {
+        "name" : "button_outline",
+        "type" : "Boolean",
+        "desc" : "show and outlined button",
+        "memberOf" : "Roo.bootstrap.NavItem"
       },
       {
         "name" : "button_weight",
         "type" : "String",
-        "desc" : [
-          "(default",
+        "desc" : "k) default none",
+        "memberOf" : "Roo.bootstrap.NavItem",
+        "optvals" : [
+          "default",
           "primary",
           "secondary",
           "success",
           "info",
           "warning",
           "danger",
-          "link )"
-        ],
-        "memberOf" : ""
+          "link",
+          "light",
+          "dark"
+        ]
       },
       {
         "name" : "can_build_overlaid",
         "name" : "disabled",
         "type" : "Boolean",
         "desc" : "Is item disabled",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.NavItem"
       },
       {
         "name" : "fa",
         "type" : "String",
         "desc" : "- Fontawsome icon name (can add stuff to it like fa-2x)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.NavItem"
       },
       {
         "name" : "glyphicon",
         "type" : "String",
         "desc" : "DEPRICATED - use fa",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.NavItem"
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "href",
         "type" : "String",
         "desc" : "link to",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.NavItem"
       },
       {
         "name" : "html",
         "type" : "String",
         "desc" : "content of button",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.NavItem"
       },
       {
         "name" : "icon",
         "type" : "String",
         "desc" : "DEPRICATED - use fa",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.NavItem"
+      },
+      {
+        "name" : "linkcls",
+        "type" : "String",
+        "desc" : "Link Class",
+        "memberOf" : "Roo.bootstrap.NavItem"
       },
       {
         "name" : "listeners",
       {
         "name" : "preventDefault",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default false",
+        "memberOf" : "Roo.bootstrap.NavItem",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "style",
         "name" : "tabId",
         "type" : "String",
         "desc" : "the tab that this item activates.",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.NavItem"
       },
       {
         "name" : "tagtype",
         "type" : "String",
-        "desc" : [
-          "(a",
-          "span)"
-        ],
-        "memberOf" : ""
+        "desc" : "n) render as a href or span?",
+        "memberOf" : "Roo.bootstrap.NavItem",
+        "optvals" : [
+          "a",
+          "span"
+        ]
       },
       {
         "name" : "tooltip",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "function",
         "desc" : "Fires when scroll to element",
         "sig" : "function (_self, options, e)\n{\n\n}",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.NavItem"
       },
       {
         "name" : "show",
         "desc" : "Fetch the element to display the tooltip on.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.NavItem"
       },
       {
         "name" : "un",
       }
     ]
   },
-  "Roo.bootstrap.NavProgressBar" : {
+  "Roo.bootstrap.NavSimplebar" : {
     "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" : "",
+        "optvals" : [
+          "left",
+          "right"
+        ]
+      },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "arrangement",
+        "type" : "Boolean",
+        "desc" : "stacked | justified",
+        "memberOf" : ""
+      },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "inverse",
+        "type" : "Boolean",
+        "desc" : "is inverted color",
+        "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" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "main",
+        "type" : "Boolean",
+        "desc" : "e) main nav bar? default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "tag",
+        "type" : "String",
+        "desc" : "v) default is nav",
+        "memberOf" : "",
+        "optvals" : [
+          "header",
+          "footer",
+          "nav",
+          "div"
+        ]
+      },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "type",
+        "type" : "String",
+        "desc" : "s)",
+        "memberOf" : "",
+        "optvals" : [
+          "nav",
+          "pills",
+          "tabs"
+        ]
+      },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "weight",
+        "type" : "String",
+        "desc" : "e) default is light.",
+        "memberOf" : "",
+        "optvals" : [
+          "light",
+          "primary",
+          "secondary",
+          "success",
+          "danger",
+          "warning",
+          "info",
+          "dark",
+          "white"
+        ]
       },
       {
         "name" : "xattr",
         "memberOf" : "Roo.Component"
       },
       {
-        "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.Navbar"
       },
       {
         "name" : "childrenrendered",
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "collapse",
+        "type" : "function",
+        "desc" : "Collapse the navbar pulldown",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Navbar"
+      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "expand",
+        "type" : "function",
+        "desc" : "Expand the navbar pulldown",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Navbar"
+      },
       {
         "name" : "fireEvent",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.NavProgressItem" : {
+  "Roo.bootstrap.Navbar" : {
     "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" : [
-          "(true",
-          "false)"
-        ],
-        "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" : "disabled",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
-      },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "html",
-        "type" : "String",
-        "desc" : "",
-        "memberOf" : ""
-      },
-      {
-        "name" : "icon",
-        "type" : "String",
-        "desc" : "show icon instead of number",
-        "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",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
         "desc" : "Specifies name attribute",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "position",
-        "type" : "String",
-        "desc" : [
-          "(top",
-          "bottom)"
-        ],
-        "memberOf" : ""
-      },
-      {
-        "name" : "rid",
-        "type" : "String",
-        "desc" : "the reference id",
-        "memberOf" : ""
-      },
       {
         "name" : "style",
         "type" : "String",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "beforetoggle",
+        "type" : "function",
+        "desc" : "Fire before toggle the menu",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "click",
-        "type" : "function",
-        "desc" : "The raw click event for the entire grid.",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "collapse",
+        "type" : "function",
+        "desc" : "Collapse the navbar pulldown",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "expand",
+        "type" : "function",
+        "desc" : "Expand the navbar pulldown",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "fireEvent",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.NavSidebar" : {
+  "Roo.bootstrap.NumberField" : {
     "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",
+        "optvals" : [
+          "image",
+          "video",
+          "audio"
+        ]
+      },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
         "memberOf" : "Roo.Component"
       },
+      {
+        "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",
+        "optvals" : [
+          "left",
+          "center",
+          "right"
+        ]
+      },
+      {
+        "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",
         "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",
+        "optvals" : [
+          "user",
+          "camera"
+        ]
+      },
       {
         "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",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "hasFeedback",
+        "type" : "Boolean",
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "indicatorpos",
+        "type" : "String",
+        "desc" : "t) default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
+          "right"
+        ]
+      },
+      {
+        "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",
+        "optvals" : [
+          "top",
+          "left"
+        ]
+      },
+      {
+        "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" : "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" : "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" : "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",
+        "memberOf" : ""
+      },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "vtype",
+        "type" : "String",
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.bootstrap.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" : [
         "memberOf" : "Roo.Component"
       },
       {
-        "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"
+      },
+      {
+        "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"
       },
       {
         "name" : "childrenrendered",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Fires when this field receives input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "hide",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "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"
+      },
+      {
+        "name" : "keyup",
+        "type" : "function",
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "render",
         "type" : "function",
         "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
       }
     ],
     "methods" : [
         "memberOf" : "Roo.util.Observable"
       },
       {
-        "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"
       },
       {
         "name" : "destroy",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "expand",
-        "type" : "function",
-        "desc" : "Expand the navbar pulldown",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Navbar"
-      },
       {
         "name" : "fireEvent",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "getName",
+        "type" : "function",
+        "desc" : "Returns the name of the field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "inputEl",
+        "type" : "function",
+        "desc" : "return the real input element.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "isVisible",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "markInvalid",
+        "type" : "function",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "markValid",
+        "type" : "function",
+        "desc" : "Mark this field as valid",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "on",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "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"
+      },
       {
         "name" : "setDisabled",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "validate",
+        "type" : "function",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
       }
     ]
   },
-  "Roo.bootstrap.NavSidebarItem" : {
+  "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" : "active",
-        "type" : "Boolean",
-        "desc" : "Is item active",
-        "memberOf" : "Roo.bootstrap.NavItem"
-      },
       {
         "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" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavItem"
-      },
-      {
-        "name" : "badge",
-        "type" : "String",
-        "desc" : "text inside badge",
-        "memberOf" : "Roo.bootstrap.NavItem"
-      },
-      {
-        "name" : "badgecls",
-        "type" : "String",
-        "desc" : [
-          "(bg-green",
-          "bg-red",
-          "bg-yellow)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavItem"
-      },
-      {
-        "name" : "button_weight",
-        "type" : "String",
-        "desc" : [
-          "(default",
-          "primary",
-          "secondary",
-          "success",
-          "info",
-          "warning",
-          "danger",
-          "link )"
-        ],
-        "memberOf" : "Roo.bootstrap.NavItem"
-      },
       {
         "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" : "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",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "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" : "inverse",
+        "type" : "Boolean",
+        "desc" : "false | true",
+        "memberOf" : ""
       },
       {
         "name" : "listeners",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "preventDefault",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavItem"
+        "name" : "size",
+        "type" : "String",
+        "desc" : "xs | sm | md | lg",
+        "memberOf" : ""
       },
       {
         "name" : "style",
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "tabId",
-        "type" : "String",
-        "desc" : "the tab that this item activates.",
-        "memberOf" : "Roo.bootstrap.NavItem"
-      },
-      {
-        "name" : "tagtype",
-        "type" : "String",
-        "desc" : [
-          "(a",
-          "span)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavItem"
-      },
       {
         "name" : "tooltip",
         "type" : "string",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "changed",
-        "type" : "function",
-        "desc" : "Fires when the active item active state changes",
-        "sig" : "function (_self, state)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "click",
-        "type" : "function",
-        "desc" : "The raw click event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "destroy",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "scrollto",
-        "type" : "function",
-        "desc" : "Fires when scroll to element",
-        "sig" : "function (_self, options, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.NavItem"
-      },
       {
         "name" : "show",
         "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"
       },
       {
         "name" : "un",
       }
     ]
   },
-  "Roo.bootstrap.NavSimplebar" : {
+  "Roo.bootstrap.PaginationItem" : {
     "props" : [
       {
         "name" : "actionMode",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "align",
-        "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : ""
+        "name" : "active",
+        "type" : "Boolean",
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "allowDomMove",
         "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" : "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" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "inverse",
-        "type" : "Boolean",
-        "desc" : "is inverted color",
+        "name" : "href",
+        "type" : "String",
+        "desc" : "the link",
+        "memberOf" : ""
+      },
+      {
+        "name" : "html",
+        "type" : "String",
+        "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" : "loadMask",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
-      },
-      {
-        "name" : "main",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
-      },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "preventDefault",
+        "type" : "Boolean",
+        "desc" : "e) default true",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "tag",
-        "type" : "String",
-        "desc" : [
-          "(header",
-          "footer",
-          "nav",
-          "div)"
-        ],
-        "memberOf" : ""
-      },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "type",
-        "type" : "String",
-        "desc" : [
-          "(nav",
-          "pills",
-          "tabs)"
-        ],
-        "memberOf" : ""
-      },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "weight",
-        "type" : "String",
-        "desc" : [
-          "(light",
-          "primary",
-          "secondary",
-          "success",
-          "danger",
-          "warning",
-          "info",
-          "dark",
-          "white)"
-        ],
-        "memberOf" : ""
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "beforetoggle",
-        "type" : "function",
-        "desc" : "Fire before toggle the menu",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Navbar"
-      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "click",
+        "type" : "function",
+        "desc" : "The raw click event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "collapse",
-        "type" : "function",
-        "desc" : "Collapse the navbar pulldown",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Navbar"
-      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "expand",
-        "type" : "function",
-        "desc" : "Expand the navbar pulldown",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Navbar"
-      },
       {
         "name" : "fireEvent",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.Navbar" : {
+  "Roo.bootstrap.PagingToolbar" : {
     "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",
+        "optvals" : [
+          "left",
+          "right"
+        ]
+      },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "arrangement",
+        "type" : "Boolean",
+        "desc" : "stacked | justified",
+        "memberOf" : "Roo.bootstrap.NavSimplebar"
+      },
       {
         "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" : "cutomer id",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "dataSource",
+        "type" : "Roo.data.Store",
+        "desc" : "The underlying data store providing the paged data",
+        "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" : "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" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "inverse",
+        "type" : "Boolean",
+        "desc" : "is inverted color",
+        "memberOf" : "Roo.bootstrap.NavSimplebar"
       },
       {
         "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",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "main",
+        "type" : "Boolean",
+        "desc" : "e) main nav bar? default false",
+        "memberOf" : "Roo.bootstrap.NavSimplebar",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
       {
         "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" : "style",
         "type" : "String",
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "tag",
+        "type" : "String",
+        "desc" : "v) default is nav",
+        "memberOf" : "Roo.bootstrap.NavSimplebar",
+        "optvals" : [
+          "header",
+          "footer",
+          "nav",
+          "div"
+        ]
+      },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "type",
+        "type" : "String",
+        "desc" : "s)",
+        "memberOf" : "Roo.bootstrap.NavSimplebar",
+        "optvals" : [
+          "nav",
+          "pills",
+          "tabs"
+        ]
+      },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "weight",
+        "type" : "String",
+        "desc" : "e) default is light.",
+        "memberOf" : "Roo.bootstrap.NavSimplebar",
+        "optvals" : [
+          "light",
+          "primary",
+          "secondary",
+          "success",
+          "danger",
+          "warning",
+          "info",
+          "dark",
+          "white"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "function",
         "desc" : "Fire before toggle the menu",
         "sig" : "function (e)\n{\n\n}",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Navbar"
       },
       {
         "name" : "childrenrendered",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "bind",
+        "type" : "function",
+        "desc" : "Binds the paging toolbar to the specified {@link Roo.data.Store}",
+        "sig" : "(store)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "capture",
         "type" : "function",
         "desc" : "Collapse the navbar pulldown",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Navbar"
       },
       {
         "name" : "destroy",
         "desc" : "Expand the navbar pulldown",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Navbar"
       },
       {
         "name" : "fireEvent",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "unbind",
+        "type" : "function",
+        "desc" : "Unbinds the paging toolbar from the specified {@link Roo.data.Store}",
+        "sig" : "(store)",
+        "static" : false,
+        "memberOf" : ""
       }
     ]
   },
-  "Roo.bootstrap.NumberField" : {
+  "Roo.bootstrap.PhoneInput" : {
     "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" : [
-          "(image",
+        "desc" : "o) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "image",
           "video",
-          "audio)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "audio"
+        ]
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : [
-          "(left",
+        "desc" : "t) Default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
           "center",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "right"
+        ]
       },
       {
         "name" : "allowBlank",
         "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",
         "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",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : [
-          "(user",
-          "camera)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "a) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "user",
+          "camera"
+        ]
+      },
+      {
+        "name" : "caret",
+        "type" : "String",
+        "desc" : "r) BS3 only - carat fa name",
+        "memberOf" : "Roo.bootstrap.TriggerField",
+        "optvals" : [
+          "search",
+          "calendar"
+        ]
       },
       {
         "name" : "cls",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "decimalPrecision",
-        "type" : "Number",
-        "desc" : "The maximum precision to display after the decimal separator (defaults to 2)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "decimalSeparator",
+        "name" : "defaultDialCode",
         "type" : "String",
-        "desc" : "Character(s) to allow as the decimal separator (defaults to '.')",
+        "desc" : "default '+852'",
         "memberOf" : ""
       },
       {
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) Default false",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "hideTrigger",
+        "type" : "Boolean",
+        "desc" : "True to hide the trigger element and display only the base text field (defaults to false)",
+        "memberOf" : "Roo.bootstrap.TriggerField"
       },
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "inputType",
-        "type" : "String",
-        "desc" : "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t) default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "invalidClass",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "left)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
         "name" : "labelWidth",
         "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" : "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" : "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" : "-- Depricated - use Invalid Text",
         "memberOf" : "Roo.bootstrap.Input"
       },
+      {
+        "name" : "removable",
+        "type" : "Boolean",
+        "desc" : "e) special filter default false",
+        "memberOf" : "Roo.bootstrap.TriggerField",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
       {
         "name" : "selectOnFocus",
         "type" : "Boolean",
         "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" : "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" : "default value of the input",
         "memberOf" : "Roo.bootstrap.Input"
       },
-      {
-        "name" : "valueAlign",
-        "type" : "String",
-        "desc" : "alignment of value",
-        "memberOf" : ""
-      },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "vtype",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "autoSize",
+        "type" : "function",
+        "desc" : "",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.TriggerField"
+      },
       {
         "name" : "capture",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "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"
+      },
       {
         "name" : "purgeListeners",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.Pagination" : {
+  "Roo.bootstrap.Popover" : {
     "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" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "inverse",
-        "type" : "Boolean",
-        "desc" : "false | true",
-        "memberOf" : ""
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "name",
-        "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "size",
-        "type" : "String",
-        "desc" : "xs | sm | md | lg",
+        "name" : "(right|top|bottom|left|auto)",
+        "type" : "String|function",
+        "desc" : "placement how it is placed",
         "memberOf" : ""
       },
-      {
-        "name" : "style",
-        "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "tooltip",
-        "type" : "string",
-        "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "visibilityEl",
-        "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "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"
-      },
-      {
-        "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"
-      },
-      {
-        "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"
-      },
-      {
-        "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"
-      },
-      {
-        "name" : "childrenrendered",
-        "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
-      }
-    ],
-    "methods" : [
-      {
-        "name" : "addEvents",
-        "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "addListener",
-        "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "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"
-      },
-      {
-        "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"
-      },
-      {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "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"
-      },
-      {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "getChildContainer",
-        "type" : "function",
-        "desc" : "Fetch the element to add children to",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "getEl",
-        "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "getId",
-        "type" : "function",
-        "desc" : "Returns the id of this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "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"
-      },
-      {
-        "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"
-      },
-      {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Hide a component - adds 'hidden' class",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "initEvents",
-        "type" : "function",
-        "desc" : "Initialize Events for the element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "isVisible",
-        "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "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"
-      },
-      {
-        "name" : "purgeListeners",
-        "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "releaseCapture",
-        "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "removeListener",
-        "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "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"
-      },
-      {
-        "name" : "setDisabled",
-        "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "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"
-      },
-      {
-        "name" : "setVisible",
-        "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Show a component - removes 'hidden' class",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "tooltipEl",
-        "type" : "function",
-        "desc" : "Fetch the element to display the tooltip on.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "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"
-      }
-    ]
-  },
-  "Roo.bootstrap.PaginationItem" : {
-    "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "active",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
+        "name" : "add",
+        "type" : "String|Boolean|Roo.Element",
+        "desc" : "click hander to trigger show over what element\n     - if false and it has a 'parent' then it will be automatically added to that element\n     - if string - Roo.get  will be called",
         "memberOf" : ""
       },
       {
         "memberOf" : "Roo.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" : "default false",
+        "name" : "delay",
+        "type" : "Number",
+        "desc" : "- delay before showing",
         "memberOf" : ""
       },
       {
-        "name" : "hideMode",
+        "name" : "disableClass",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "href",
+        "name" : "hideMode",
         "type" : "String",
-        "desc" : "the link",
-        "memberOf" : ""
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
         "type" : "String",
-        "desc" : "text",
+        "desc" : "contents of the popover   (or false to use children..)",
         "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" : "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" : "preventDefault",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
-      },
       {
         "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" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "click",
-        "type" : "function",
-        "desc" : "The raw click event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "destroy",
         "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" : ""
       },
       {
         "name" : "render",
       {
         "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" : ""
       }
     ],
     "methods" : [
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "setContent",
+        "type" : "function",
+        "desc" : "",
+        "sig" : "(the)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "setDisabled",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "setTitle",
+        "type" : "function",
+        "desc" : "",
+        "sig" : "(the)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "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" : ""
       },
       {
         "name" : "tooltipEl",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "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" : ""
       }
     ]
   },
-  "Roo.bootstrap.PagingToolbar" : {
+  "Roo.bootstrap.PopoverNav" : {
     "props" : [
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.NavGroup",
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "allowDomMove",
         "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" : "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" : "cutomer id",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "dataSource",
-        "type" : "Roo.data.Store",
-        "desc" : "The underlying data store providing the paged data",
-        "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" : "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" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inverse",
         "type" : "Boolean",
-        "desc" : "is inverted color",
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.NavGroup"
       },
       {
         "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" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
-      },
-      {
-        "name" : "main",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
-      },
       {
         "name" : "name",
         "type" : "string",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "pageSize",
-        "type" : "Number",
-        "desc" : "The number of records to display per page (defaults to 20)",
-        "memberOf" : ""
+        "name" : "navId",
+        "type" : "String",
+        "desc" : "- reference Id for navbar.",
+        "memberOf" : "Roo.bootstrap.NavGroup"
+      },
+      {
+        "name" : "pilltype",
+        "type" : "Boolean",
+        "desc" : "default true (turn to off to disable active toggle)",
+        "memberOf" : "Roo.bootstrap.NavGroup"
       },
       {
         "name" : "style",
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "tag",
-        "type" : "String",
-        "desc" : [
-          "(header",
-          "footer",
-          "nav",
-          "div)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
-      },
       {
         "name" : "tooltip",
         "type" : "string",
       {
         "name" : "type",
         "type" : "String",
-        "desc" : [
-          "(nav",
+        "desc" : "b) default nav",
+        "memberOf" : "Roo.bootstrap.NavGroup",
+        "optvals" : [
+          "nav",
           "pills",
-          "tabs)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
+          "tab"
+        ]
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "weight",
-        "type" : "String",
-        "desc" : [
-          "(light",
-          "primary",
-          "secondary",
-          "success",
-          "danger",
-          "warning",
-          "info",
-          "dark",
-          "white)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "beforetoggle",
+        "name" : "changed",
         "type" : "function",
-        "desc" : "Fire before toggle the menu",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Navbar"
+        "desc" : "Fires when the active item changes",
+        "sig" : "function (_self, selected, prev)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.NavGroup"
       },
       {
         "name" : "childrenrendered",
         "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "addListener",
+        "name" : "addItem",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "adds a Navigation item",
+        "sig" : "(the)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.bootstrap.NavGroup"
       },
       {
-        "name" : "bind",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Binds the paging toolbar to the specified {@link Roo.data.Store}",
-        "sig" : "(store)",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.util.Observable"
       },
       {
         "name" : "capture",
         "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "collapse",
+        "name" : "clearAll",
         "type" : "function",
-        "desc" : "Collapse the navbar pulldown",
+        "desc" : "clear all the Navigation item",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Navbar"
+        "memberOf" : "Roo.bootstrap.NavGroup"
       },
       {
         "name" : "destroy",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "expand",
-        "type" : "function",
-        "desc" : "Expand the navbar pulldown",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Navbar"
-      },
       {
         "name" : "fireEvent",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "get",
+        "type" : "function",
+        "desc" : "fetch a Navigation Group based on the navigation ID",
+        "sig" : "(the)",
+        "static" : true,
+        "memberOf" : "Roo.bootstrap.NavGroup"
+      },
+      {
+        "name" : "getActive",
+        "type" : "function",
+        "desc" : "gets the active Navigation item",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.NavGroup"
+      },
       {
         "name" : "getChildContainer",
         "type" : "function",
         "name" : "hide",
         "type" : "function",
         "desc" : "Hide a component - adds 'hidden' class",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "initEvents",
-        "type" : "function",
-        "desc" : "Initialize Events for the element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "isVisible",
-        "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "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"
-      },
-      {
-        "name" : "purgeListeners",
-        "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "releaseCapture",
-        "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "removeListener",
-        "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "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"
-      },
-      {
-        "name" : "setDisabled",
-        "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "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"
-      },
-      {
-        "name" : "setVisible",
-        "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Show a component - removes 'hidden' class",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "tooltipEl",
-        "type" : "function",
-        "desc" : "Fetch the element to display the tooltip on.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "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"
-      },
-      {
-        "name" : "unbind",
-        "type" : "function",
-        "desc" : "Unbinds the paging toolbar from the specified {@link Roo.data.Store}",
-        "sig" : "(store)",
-        "static" : false,
-        "memberOf" : ""
-      }
-    ]
-  },
-  "Roo.bootstrap.PhoneInput" : {
-    "props" : [
-      {
-        "name" : "accept",
-        "type" : "String",
-        "desc" : [
-          "(image",
-          "video",
-          "audio)"
-        ],
-        "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" : [
-          "(left",
-          "center",
-          "right)"
-        ],
-        "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" : [
-          "(user",
-          "camera)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "caret",
-        "type" : "String",
-        "desc" : [
-          "(search",
-          "calendar)"
-        ],
-        "memberOf" : "Roo.bootstrap.TriggerField"
-      },
-      {
-        "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" : "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" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "hasFeedback",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "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" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "inputType",
-        "type" : "String",
-        "desc" : "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
-        "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" : [
-          "(top",
-          "left)"
-        ],
-        "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"
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "labelxs",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "initEvents",
+        "type" : "function",
+        "desc" : "Initialize Events for the element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "lg",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for large computer-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "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>",
+        "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"
       },
       {
-        "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" : "purgeListeners",
+        "type" : "function",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "register",
+        "type" : "function",
+        "desc" : "register a Navigation item",
+        "sig" : "(the)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.NavGroup"
       },
       {
-        "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" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "md",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for computer-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "removeListener",
+        "type" : "function",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "minLength",
-        "type" : "Number",
-        "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "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"
       },
       {
-        "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" : "setActiveItem",
+        "type" : "function",
+        "desc" : "sets the active Navigation item",
+        "sig" : "(the)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.NavGroup"
       },
       {
-        "name" : "name",
-        "type" : "String",
-        "desc" : "name of the input",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "setDisabled",
+        "type" : "function",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "placeholder",
-        "type" : "string",
-        "desc" : "- placeholder to put in text.",
-        "memberOf" : "Roo.bootstrap.Input"
+        "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"
       },
       {
-        "name" : "preferedCountries",
-        "type" : "Array",
-        "desc" : "default []",
-        "memberOf" : ""
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "readOnly",
-        "type" : "Boolean",
-        "desc" : "Specifies that the field should be read-only",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show a component - removes 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "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" : "tooltipEl",
+        "type" : "function",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "regexText",
+        "name" : "un",
+        "type" : "function",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      }
+    ]
+  },
+  "Roo.bootstrap.Progress" : {
+    "props" : [
+      {
+        "name" : "actionMode",
         "type" : "String",
-        "desc" : "-- Depricated - use Invalid 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" : "removable",
+        "name" : "active",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.TriggerField"
+        "desc" : "animated of the progress bar",
+        "memberOf" : ""
       },
       {
-        "name" : "selectOnFocus",
+        "name" : "allowDomMove",
         "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"
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "sm",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for tablet-sized screens",
-        "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" : "style",
+        "name" : "cls",
         "type" : "String",
-        "desc" : "any extra css",
+        "desc" : "css class",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "tooltip",
+        "name" : "container_method",
         "type" : "string",
-        "desc" : "Text for the tooltip",
+        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
         "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" : "dataId",
+        "type" : "string",
+        "desc" : "cutomer id",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "validClass",
+        "name" : "disableClass",
         "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "validFeedbackIcon",
+        "name" : "hideMode",
         "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-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",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "validateOnBlur",
-        "type" : "Boolean",
-        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "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" : "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" : "name",
+        "type" : "string",
+        "desc" : "Specifies name attribute",
+        "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" : "striped",
+        "type" : "Boolean",
+        "desc" : "striped of the progress bar",
+        "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",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "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"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
         "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "xs",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for mobile-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
       }
     ],
     "events" : [
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "blur",
-        "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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"
-      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "hide",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "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"
-      },
-      {
-        "name" : "keyup",
-        "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "render",
         "type" : "function",
         "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
-      },
-      {
-        "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"
-      },
-      {
-        "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"
       }
     ],
     "methods" : [
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "autoSize",
-        "type" : "function",
-        "desc" : "",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.TriggerField"
-      },
       {
         "name" : "capture",
         "type" : "function",
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "clearInvalid",
-        "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "getName",
-        "type" : "function",
-        "desc" : "Returns the name of the field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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"
-      },
-      {
-        "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"
-      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "inputEl",
-        "type" : "function",
-        "desc" : "return the real input element.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "isVisible",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "markInvalid",
-        "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "markValid",
-        "type" : "function",
-        "desc" : "Mark this field as valid",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "on",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "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"
-      },
       {
         "name" : "purgeListeners",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "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"
-      },
       {
         "name" : "setDisabled",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "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"
-      },
-      {
-        "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"
-      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "validate",
-        "type" : "function",
-        "desc" : "Validates the field value",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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"
       }
     ]
   },
-  "Roo.bootstrap.Popover" : {
+  "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" : "cutomer id",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "delay",
-        "type" : "Number",
-        "desc" : "- delay before showing",
-        "memberOf" : ""
-      },
       {
         "name" : "disableClass",
         "type" : "String",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "html",
+        "name" : "label",
         "type" : "String",
-        "desc" : "contents of the popover   (or false to use children..)",
+        "desc" : "label for the progress bar",
         "memberOf" : ""
       },
       {
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "over",
+        "name" : "panel",
+        "type" : "String",
+        "desc" : ")",
+        "memberOf" : "",
+        "optvals" : [
+          "success",
+          "info",
+          "warning",
+          "danger"
+        ]
+      },
+      {
+        "name" : "role",
         "type" : "String",
-        "desc" : "what (parent or false to trigger manually.)",
+        "desc" : "role of the progress bar",
         "memberOf" : ""
       },
       {
-        "name" : "placement",
+        "name" : "sr_only",
         "type" : "String",
-        "desc" : "how it is placed",
+        "desc" : "text",
         "memberOf" : ""
       },
       {
         "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" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hide",
         "type" : "function",
-        "desc" : "After the popover hide",
+        "desc" : "Fires after the component is hidden.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "render",
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "After the popover show",
+        "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component"
       }
     ],
     "methods" : [
       }
     ]
   },
-  "Roo.bootstrap.Progress" : {
+  "Roo.bootstrap.Radio" : {
     "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" : "animated of the progress bar",
-        "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",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
         "desc" : "Specifies name attribute",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "striped",
-        "type" : "Boolean",
-        "desc" : "striped of the progress bar",
-        "memberOf" : ""
-      },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "Text for the tooltip",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "value",
+        "type" : "String",
+        "desc" : "- the value of radio",
+        "memberOf" : ""
+      },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       }
     ]
   },
-  "Roo.bootstrap.ProgressBar" : {
+  "Roo.bootstrap.RadioSet" : {
     "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",
+        "optvals" : [
+          "image",
+          "video",
+          "audio"
+        ]
+      },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
         "memberOf" : "Roo.Component"
       },
+      {
+        "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",
+        "optvals" : [
+          "left",
+          "center",
+          "right"
+        ]
+      },
+      {
+        "name" : "allowBlank",
+        "type" : "Boolean",
+        "desc" : "False to validate that the value length > 0 (defaults to true)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "aria_valuemax",
-        "type" : "Number",
-        "desc" : "aria-value max",
-        "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" : "aria_valuemin",
-        "type" : "Number",
-        "desc" : "aria-value min",
-        "memberOf" : ""
+        "name" : "before",
+        "type" : "string",
+        "desc" : "- input group add on before",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "aria_valuenow",
-        "type" : "Number",
-        "desc" : "aria-value now",
-        "memberOf" : ""
+        "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",
+        "optvals" : [
+          "user",
+          "camera"
+        ]
+      },
       {
         "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",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "hasFeedback",
+        "type" : "Boolean",
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "label",
+        "name" : "indicatorpos",
         "type" : "String",
-        "desc" : "label for the progress bar",
-        "memberOf" : ""
+        "desc" : "t) default left",
+        "memberOf" : "",
+        "optvals" : [
+          "left",
+          "right"
+        ]
+      },
+      {
+        "name" : "inline",
+        "type" : "Boolean",
+        "desc" : "e) inline the element (default true)",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "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",
+        "optvals" : [
+          "top",
+          "left"
+        ]
+      },
+      {
+        "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" : "name",
-        "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "maskRe",
+        "type" : "String",
+        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "panel",
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "maxLengthText",
         "type" : "String",
-        "desc" : [
-          "(success",
-          "info",
-          "warning",
-          "danger )"
-        ],
-        "memberOf" : ""
+        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "role",
+        "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" : "role of the progress bar",
-        "memberOf" : ""
+        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "sr_only",
+        "name" : "name",
         "type" : "String",
-        "desc" : "text",
-        "memberOf" : ""
+        "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" : "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" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "vtype",
+        "type" : "String",
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "weight",
+        "type" : "String",
+        "desc" : "s) The text that appears beside the radio",
+        "memberOf" : "",
+        "optvals" : [
+          "primary",
+          "warning",
+          "info",
+          "danger",
+          "success"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
         "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "xs",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for mobile-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
       }
     ],
     "events" : [
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "blur",
+        "type" : "function",
+        "desc" : "Fires when this field loses input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "check",
+        "type" : "function",
+        "desc" : "Fires when the element is checked or unchecked.",
+        "sig" : "function (_self, item)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "click",
+        "type" : "function",
+        "desc" : "Fires when the element is click.",
+        "sig" : "function (_self, item, e)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "destroy",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Fires when this field receives input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "hide",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "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"
+      },
+      {
+        "name" : "keyup",
+        "type" : "function",
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "render",
         "type" : "function",
         "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
       }
     ],
     "methods" : [
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "clearInvalid",
+        "type" : "function",
+        "desc" : "Clear any invalid styles/messages for this field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "getName",
+        "type" : "function",
+        "desc" : "Returns the name of the field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "inputEl",
+        "type" : "function",
+        "desc" : "return the real input element.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "isVisible",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "markInvalid",
+        "type" : "function",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "markValid",
+        "type" : "function",
+        "desc" : "Mark this field as valid",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "on",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "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"
+      },
       {
         "name" : "setDisabled",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "validate",
+        "type" : "function",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
       }
     ]
   },
-  "Roo.bootstrap.Radio" : {
+  "Roo.bootstrap.Row" : {
     "props" : [
       {
         "name" : "actionMode",
         "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",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
         "desc" : "Text for the tooltip",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "value",
-        "type" : "String",
-        "desc" : "- the value of radio",
-        "memberOf" : ""
-      },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       }
     ]
   },
-  "Roo.bootstrap.RadioSet" : {
+  "Roo.bootstrap.SecurePass" : {
     "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" : [
-          "(image",
+        "desc" : "o) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "image",
           "video",
-          "audio)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "audio"
+        ]
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : [
-          "(left",
+        "desc" : "t) Default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
           "center",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "right"
+        ]
       },
       {
         "name" : "allowBlank",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : [
-          "(user",
-          "camera)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "a) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "cls",
         "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",
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) Default false",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : ""
-      },
-      {
-        "name" : "inline",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
-      },
-      {
-        "name" : "inputType",
-        "type" : "String",
-        "desc" : "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t) default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "invalidClass",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "left)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
         "name" : "labelWidth",
         "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" : "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",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "vtype",
         "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
         "memberOf" : "Roo.bootstrap.Input"
       },
-      {
-        "name" : "weight",
-        "type" : "String",
-        "desc" : [
-          "(primary",
-          "warning",
-          "info",
-          "danger",
-          "success)"
-        ],
-        "memberOf" : ""
-      },
       {
         "name" : "xattr",
         "type" : "Object",
         "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Input"
       },
-      {
-        "name" : "check",
-        "type" : "function",
-        "desc" : "Fires when the element is checked or unchecked.",
-        "sig" : "function (_self, item)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "click",
-        "type" : "function",
-        "desc" : "Fires when the element is click.",
-        "sig" : "function (_self, item, e)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "destroy",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.Row" : {
+  "Roo.bootstrap.Slider" : {
     "props" : [
       {
         "name" : "actionMode",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       }
     ]
   },
-  "Roo.bootstrap.SecurePass" : {
+  "Roo.bootstrap.SplitBar" : {
     "props" : [
       {
-        "name" : "Label",
-        "type" : "String/Object",
-        "desc" : "for the strength meter (defaults to\n'Password strength:')",
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for 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",
+        "type" : "function",
+        "desc" : "Fires before the splitter is dragged",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : ""
       },
       {
-        "name" : "accept",
-        "type" : "String",
-        "desc" : [
-          "(image",
-          "video",
-          "audio)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "moved",
+        "type" : "function",
+        "desc" : "Fires when the splitter is moved",
+        "sig" : "function (_self, newSize)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "resize",
+        "type" : "function",
+        "desc" : "Fires when the splitter is moved (alias for {@link #event-moved})",
+        "sig" : "function (_self, newSize)\n{\n\n}",
+        "memberOf" : ""
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "addListener",
+        "type" : "function",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Destroy this splitbar.",
+        "sig" : "(removeEl)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "getAdapter",
+        "type" : "function",
+        "desc" : "Get the adapter this SplitBar uses",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "getMaximumSize",
+        "type" : "function",
+        "desc" : "Gets the maximum size for the resizing element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "getMinimumSize",
+        "type" : "function",
+        "desc" : "Gets the minimum size for the resizing element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
+      {
+        "name" : "purgeListeners",
+        "type" : "function",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "removeListener",
+        "type" : "function",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "setAdapter",
+        "type" : "function",
+        "desc" : "Set the adapter this SplitBar uses",
+        "sig" : "(adapter)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "setCurrentSize",
+        "type" : "function",
+        "desc" : "Sets the initialize size for the resizing element",
+        "sig" : "(size)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "setMaximumSize",
+        "type" : "function",
+        "desc" : "Sets the maximum size for the resizing element",
+        "sig" : "(maxSize)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "setMinimumSize",
+        "type" : "function",
+        "desc" : "Sets the minimum size for the resizing element",
+        "sig" : "(minSize)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "un",
+        "type" : "function",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      }
+    ]
+  },
+  "Roo.bootstrap.SplitBar.AbsoluteLayoutAdapter" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "getElementSize",
+        "type" : "function",
+        "desc" : "Called before drag operations to get the current size of the resizing element.",
+        "sig" : "(s)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.SplitBar.BasicLayoutAdapter"
+      },
+      {
+        "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"
+      }
+    ]
+  },
+  "Roo.bootstrap.SplitBar.BasicLayoutAdapter" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "getElementSize",
+        "type" : "function",
+        "desc" : "Called before drag operations to get the current size of the resizing element.",
+        "sig" : "(s)",
+        "static" : false,
+        "memberOf" : ""
       },
+      {
+        "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.TabGroup" : {
+    "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "after",
-        "type" : "string",
-        "desc" : "- input group add on after",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "align",
+        "name" : "alert",
         "type" : "String",
-        "desc" : [
-          "(left",
-          "center",
-          "right)"
-        ],
-        "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" : "r) type alert (changes background / border...)",
+        "memberOf" : "Roo.bootstrap.Column",
+        "optvals" : [
+          "success",
+          "info",
+          "warning",
+          "danger"
+        ]
       },
       {
         "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" : "autoslide",
+        "type" : "Boolean",
+        "desc" : "e) auto slide .. default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "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" : "bullets",
+        "type" : "Boolean",
+        "desc" : "show bullets for the panels",
+        "memberOf" : ""
       },
       {
         "name" : "can_build_overlaid",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "capture",
-        "type" : "String",
-        "desc" : [
-          "(user",
-          "camera)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "carousel",
+        "type" : "Boolean",
+        "desc" : "true to make the group behave like a carousel",
+        "memberOf" : ""
       },
       {
         "name" : "cls",
         "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" : "errors",
-        "type" : "String/Object",
-        "desc" : "A Error spec, or true for a default spec (defaults to\n{\n PwdEmpty: \"Please type a password, and then retype it to confirm.\",\n PwdShort: \"Your password must be at least 6 characters long. Please type a different password.\",\n PwdLong: \"Your password can't contain more than 16 characters. Please type a different password.\",\n PwdBadChar: \"The password contains characters that aren't allowed. Please type a different password.\",\n IDInPwd: \"Your password can't include the part of your ID. Please type a different password.\",\n FNInPwd: \"Your password can't contain your first name. Please type a different password.\",\n LNInPwd: \"Your password can't contain your last name. Please type a different password.\"\n})",
-        "memberOf" : ""
-      },
-      {
-        "name" : "fieldLabel",
-        "type" : "string",
-        "desc" : "- the label associated",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "focusClass",
+        "name" : "fa",
         "type" : "String",
-        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : ".) font awesome icon",
+        "memberOf" : "Roo.bootstrap.Column",
+        "optvals" : [
+          "ban",
+          "check",
+          "..."
+        ]
       },
       {
-        "name" : "forceFeedback",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "fasize",
+        "type" : "Number",
+        "desc" : ".) font awsome size",
+        "memberOf" : "Roo.bootstrap.Column",
+        "optvals" : [
+          "1",
+          "2",
+          "...."
+        ]
       },
       {
-        "name" : "hasFeedback",
+        "name" : "hidden",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) hide the element",
+        "memberOf" : "Roo.bootstrap.Column",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "indicatorpos",
-        "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "inputType",
-        "type" : "String",
-        "desc" : "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
-        "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"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "invalidText",
+        "name" : "html",
         "type" : "String",
-        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "content of column.",
+        "memberOf" : "Roo.bootstrap.Column"
       },
       {
-        "name" : "labelAlign",
+        "name" : "icon",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "left)"
-        ],
-        "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"
+        "desc" : ".) glyphicon name",
+        "memberOf" : "Roo.bootstrap.Column",
+        "optvals" : [
+          "info-sign",
+          "check",
+          "..."
+        ]
       },
       {
-        "name" : "labelxs",
+        "name" : "lg",
         "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "colspan out of 12 for large computer-sized screens or 0 for hidden",
+        "memberOf" : "Roo.bootstrap.Column"
       },
       {
-        "name" : "lg",
+        "name" : "lgoff",
         "type" : "Number",
-        "desc" : "colspan out of 12 for large computer-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
+        "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" : "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"
+        "desc" : "colspan out of 12 for computer-sized screens or 0 for hidden",
+        "memberOf" : "Roo.bootstrap.Column"
       },
       {
-        "name" : "minLength",
+        "name" : "mdoff",
         "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"
+        "desc" : "colspan offset out of 12 for computer-sized screens or 0 for hidden",
+        "memberOf" : "Roo.bootstrap.Column"
       },
       {
         "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" : "pwdStrengths",
-        "type" : "String/Object",
-        "desc" : "A pwdStrengths spec, or true for a default spec (defaults to\n['Weak', 'Medium', 'Strong'])",
-        "memberOf" : ""
-      },
-      {
-        "name" : "readOnly",
-        "type" : "Boolean",
-        "desc" : "Specifies that the field should be read-only",
-        "memberOf" : "Roo.bootstrap.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" : "navId",
         "type" : "String",
-        "desc" : "-- Depricated - use Invalid Text",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "the navigation id (for use with navbars) - will be auto generated if it does not exist..",
+        "memberOf" : ""
       },
       {
-        "name" : "selectOnFocus",
+        "name" : "showarrow",
         "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) show arrow default true",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "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 or 0 for hidden",
+        "memberOf" : "Roo.bootstrap.Column"
       },
       {
-        "name" : "sm",
+        "name" : "smoff",
         "type" : "Number",
-        "desc" : "colspan out of 12 for tablet-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "colspan offset out of 12 for tablet-sized screens or 0 for hidden",
+        "memberOf" : "Roo.bootstrap.Column"
       },
       {
         "name" : "style",
         "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",
+        "name" : "timer",
         "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"
+        "desc" : "auto slide timer .. default 0 millisecond",
+        "memberOf" : ""
       },
       {
-        "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",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "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"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "xs",
         "type" : "Number",
-        "desc" : "colspan out of 12 for mobile-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
+        "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" : [
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "blur",
-        "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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"
-      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "hide",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "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"
-      },
-      {
-        "name" : "keyup",
-        "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "render",
         "type" : "function",
         "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
-      },
-      {
-        "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"
-      },
-      {
-        "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"
       }
     ],
     "methods" : [
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "clearInvalid",
-        "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "get",
+        "type" : "function",
+        "desc" : "fetch a Navigation Group based on the navigation ID\nif one does not exist , it will get created.",
+        "sig" : "(the)",
+        "static" : true,
+        "memberOf" : ""
+      },
       {
         "name" : "getChildContainer",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "getName",
-        "type" : "function",
-        "desc" : "Returns the name of the field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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"
-      },
-      {
-        "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"
-      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "inputEl",
-        "type" : "function",
-        "desc" : "return the real input element.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "isVisible",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "markInvalid",
-        "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "markValid",
-        "type" : "function",
-        "desc" : "Mark this field as valid",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "on",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "register",
+        "type" : "function",
+        "desc" : "register a Navigation item",
+        "sig" : "(the)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "register",
+        "type" : "function",
+        "desc" : "register a Navigation Group",
+        "sig" : "(the)",
+        "static" : true,
+        "memberOf" : ""
+      },
       {
         "name" : "releaseCapture",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "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"
-      },
       {
         "name" : "setDisabled",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "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"
-      },
-      {
-        "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"
-      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "showPanel",
+        "type" : "function",
+        "desc" : "show a specific panel",
+        "sig" : "(panel)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "tooltipEl",
         "type" : "function",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "validate",
-        "type" : "function",
-        "desc" : "Validates the field value",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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"
       }
     ]
   },
-  "Roo.bootstrap.Slider" : {
+  "Roo.bootstrap.TabPanel" : {
     "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",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "href",
+        "type" : "String",
+        "desc" : "click to link..",
+        "memberOf" : ""
+      },
+      {
+        "name" : "html",
+        "type" : "String",
+        "desc" : "panel content",
+        "memberOf" : ""
       },
       {
         "name" : "listeners",
         "desc" : "Specifies name attribute",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "navId",
+        "type" : "String",
+        "desc" : "The Roo.bootstrap.NavGroup which triggers show hide ()",
+        "memberOf" : ""
+      },
       {
         "name" : "style",
         "type" : "String",
         "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",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       }
     ],
     "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" : ""
+      },
       {
         "name" : "beforedestroy",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "changed",
+        "type" : "function",
+        "desc" : "Fires when the active status changes",
+        "sig" : "function (_self, state)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "childrenrendered",
         "type" : "function",
       }
     ]
   },
-  "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",
-        "type" : "function",
-        "desc" : "Fires before the splitter is dragged",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "name" : "moved",
-        "type" : "function",
-        "desc" : "Fires when the splitter is moved",
-        "sig" : "function (_self, newSize)\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "name" : "resize",
-        "type" : "function",
-        "desc" : "Fires when the splitter is moved (alias for {@link #event-moved})",
-        "sig" : "function (_self, newSize)\n{\n\n}",
-        "memberOf" : ""
-      }
-    ],
-    "methods" : [
-      {
-        "name" : "addEvents",
-        "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "addListener",
-        "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "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"
-      },
-      {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Destroy this splitbar.",
-        "sig" : "(removeEl)",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "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"
-      },
-      {
-        "name" : "getAdapter",
-        "type" : "function",
-        "desc" : "Get the adapter this SplitBar uses",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "getMaximumSize",
-        "type" : "function",
-        "desc" : "Gets the maximum size for the resizing element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "getMinimumSize",
-        "type" : "function",
-        "desc" : "Gets the minimum size for the resizing element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "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"
-      },
-      {
-        "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"
-      },
-      {
-        "name" : "purgeListeners",
-        "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "releaseCapture",
-        "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "removeListener",
-        "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "setAdapter",
-        "type" : "function",
-        "desc" : "Set the adapter this SplitBar uses",
-        "sig" : "(adapter)",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "setCurrentSize",
-        "type" : "function",
-        "desc" : "Sets the initialize size for the resizing element",
-        "sig" : "(size)",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "setMaximumSize",
-        "type" : "function",
-        "desc" : "Sets the maximum size for the resizing element",
-        "sig" : "(maxSize)",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "setMinimumSize",
-        "type" : "function",
-        "desc" : "Sets the minimum size for the resizing element",
-        "sig" : "(minSize)",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "un",
-        "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      }
-    ]
-  },
-  "Roo.bootstrap.SplitBar.AbsoluteLayoutAdapter" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
-    "methods" : [
-      {
-        "name" : "getElementSize",
-        "type" : "function",
-        "desc" : "Called before drag operations to get the current size of the resizing element.",
-        "sig" : "(s)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.SplitBar.BasicLayoutAdapter"
-      },
-      {
-        "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"
-      }
-    ]
-  },
-  "Roo.bootstrap.SplitBar.BasicLayoutAdapter" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
-    "methods" : [
-      {
-        "name" : "getElementSize",
-        "type" : "function",
-        "desc" : "Called before drag operations to get the current size of the resizing element.",
-        "sig" : "(s)",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "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.TabGroup" : {
+  "Roo.bootstrap.Table" : {
     "props" : [
       {
         "name" : "actionMode",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "alert",
+        "name" : "align",
         "type" : "String",
-        "desc" : [
-          "(success",
-          "info",
-          "warning",
-          "danger)"
-        ],
-        "memberOf" : "Roo.bootstrap.Column"
+        "desc" : "t) Specifies the alignment of a table according to surrounding text",
+        "memberOf" : "",
+        "optvals" : [
+          "left",
+          "center",
+          "right"
+        ]
       },
       {
         "name" : "allowDomMove",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "autoslide",
+        "name" : "auto_hide_footer",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
+        "desc" : "auto hide footer if only one page (default false)",
         "memberOf" : ""
       },
       {
-        "name" : "bullets",
-        "type" : "Boolean",
-        "desc" : "show bullets for the panels",
+        "name" : "bgcolor",
+        "type" : "String",
+        "desc" : "Specifies the background color for a table",
+        "memberOf" : ""
+      },
+      {
+        "name" : "border",
+        "type" : "Number",
+        "desc" : "Specifies whether the table cells should have borders or not",
+        "memberOf" : ""
+      },
+      {
+        "name" : "bordered",
+        "type" : "boolean",
+        "desc" : "Add borders to the table",
         "memberOf" : ""
       },
       {
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "carousel",
+        "name" : "cellSelection",
         "type" : "Boolean",
-        "desc" : "true to make the group behave like a carousel",
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "cellpadding",
+        "type" : "Number",
+        "desc" : "Specifies the space between the cell wall and the cell content",
+        "memberOf" : ""
+      },
+      {
+        "name" : "cellspacing",
+        "type" : "Number",
+        "desc" : "Specifies the space between cells",
         "memberOf" : ""
       },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "table class",
+        "memberOf" : ""
+      },
+      {
+        "name" : "condensed",
+        "type" : "boolean",
+        "desc" : "Format condensed",
+        "memberOf" : ""
       },
       {
         "name" : "container_method",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "fa",
-        "type" : "String",
-        "desc" : [
-          "(ban",
-          "check",
-          "...)"
-        ],
-        "memberOf" : "Roo.bootstrap.Column"
+        "name" : "footer",
+        "type" : "Roo.bootstrap.PagingToolbar",
+        "desc" : "a paging toolbar",
+        "memberOf" : ""
       },
       {
-        "name" : "fasize",
-        "type" : "Number",
-        "desc" : [
-          "(1",
-          "2",
-          "....)"
-        ],
-        "memberOf" : "Roo.bootstrap.Column"
+        "name" : "footerShow",
+        "type" : "Boolean",
+        "desc" : "e) generate tfoot, default true",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "hidden",
+        "name" : "frame",
+        "type" : "String",
+        "desc" : "Specifies which parts of the outside borders that should be visible",
+        "memberOf" : ""
+      },
+      {
+        "name" : "headerShow",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Column"
+        "desc" : "e) generate thead, default true",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "html",
-        "type" : "String",
-        "desc" : "content of column.",
-        "memberOf" : "Roo.bootstrap.Column"
+        "name" : "hover",
+        "type" : "boolean",
+        "desc" : "Add hover highlighting",
+        "memberOf" : ""
       },
       {
-        "name" : "icon",
+        "name" : "layout",
         "type" : "String",
-        "desc" : [
-          "(info-sign",
-          "check",
-          "...)"
-        ],
-        "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"
+        "desc" : "table layout (auto | fixed | initial | inherit)",
+        "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" : "lazyLoad",
+        "type" : "Boolean",
+        "desc" : "auto load data while scrolling to the end (default false)",
+        "memberOf" : ""
       },
       {
         "name" : "listeners",
         "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" : "loadMask",
+        "type" : "Boolean",
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "name",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "navId",
-        "type" : "String",
-        "desc" : "the navigation id (for use with navbars) - will be auto generated if it does not exist..",
+        "name" : "responsive",
+        "type" : "boolean",
+        "desc" : "Format condensed",
         "memberOf" : ""
       },
       {
-        "name" : "showarrow",
+        "name" : "rowSelection",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "rules",
+        "type" : "String",
+        "desc" : "Specifies which parts of the inside borders that should be visible",
         "memberOf" : ""
       },
       {
-        "name" : "sm",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for tablet-sized screens or 0 for hidden",
-        "memberOf" : "Roo.bootstrap.Column"
+        "name" : "scrollBody",
+        "type" : "Boolean",
+        "desc" : "e) default false - body scrolled / fixed header",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "smoff",
-        "type" : "Number",
-        "desc" : "colspan offset out of 12 for tablet-sized screens or 0 for hidden",
-        "memberOf" : "Roo.bootstrap.Column"
+        "name" : "sortable",
+        "type" : "String",
+        "desc" : "Specifies that the table should be sortable",
+        "memberOf" : ""
+      },
+      {
+        "name" : "striped",
+        "type" : "boolean",
+        "desc" : "Should the rows be alternative striped",
+        "memberOf" : ""
       },
       {
         "name" : "style",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "timer",
-        "type" : "Number",
-        "desc" : "auto slide timer .. default 0 millisecond",
+        "name" : "summary",
+        "type" : "String",
+        "desc" : "Specifies a summary of the content of a table",
         "memberOf" : ""
       },
       {
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "Specifies the width of a table",
+        "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 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" : [
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "cellclick",
+        "type" : "function",
+        "desc" : "Fires when a cell is clicked",
+        "sig" : "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "cellcontextmenu",
+        "type" : "function",
+        "desc" : "Fires when a cell is right clicked",
+        "sig" : "function (_self, rowIndex, cellIndex, e)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "celldblclick",
+        "type" : "function",
+        "desc" : "Fires when a cell is double clicked",
+        "sig" : "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "contextmenu",
+        "type" : "function",
+        "desc" : "The raw contextmenu event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "destroy",
         "type" : "function",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "disable",
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "headercontextmenu",
+        "type" : "function",
+        "desc" : "Fires when a header is right clicked",
+        "sig" : "function (_self, columnIndex, e)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "mouseout",
+        "type" : "function",
+        "desc" : "Fires when a mouseout occur",
+        "sig" : "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "mouseover",
+        "type" : "function",
+        "desc" : "Fires when a mouseover occur",
+        "sig" : "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "rowclass",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "desc" : "Fires when a row is rendered, so you can change add a style to it.",
+        "sig" : "function (_self, rowcfg)\n{\n\n}",
+        "memberOf" : ""
       },
       {
-        "name" : "enable",
+        "name" : "rowclick",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "desc" : "Fires when a row is clicked",
+        "sig" : "function (_self, el, rowIndex, e)\n{\n\n}",
+        "memberOf" : ""
       },
       {
-        "name" : "hide",
+        "name" : "rowcontextmenu",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "desc" : "Fires when a row is right clicked",
+        "sig" : "function (_self, rowIndex, e)\n{\n\n}",
+        "memberOf" : ""
       },
       {
-        "name" : "render",
+        "name" : "rowdblclick",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
+        "desc" : "Fires when a row is double clicked",
+        "sig" : "function (_self, el, rowIndex, e)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "rowsrendered",
+        "type" : "function",
+        "desc" : "Fires when all the  rows have been rendered",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "memberOf" : ""
       },
       {
         "name" : "show",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "autoSize",
+        "type" : "function",
+        "desc" : "Forces a resize - used by panel.Grid",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "capture",
         "type" : "function",
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "clear",
+        "type" : "function",
+        "desc" : "Remove all rows",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "get",
-        "type" : "function",
-        "desc" : "fetch a Navigation Group based on the navigation ID\nif one does not exist , it will get created.",
-        "sig" : "(the)",
-        "static" : true,
-        "memberOf" : ""
-      },
       {
         "name" : "getChildContainer",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "getGridEl",
+        "type" : "function",
+        "desc" : "Returns the grid's underlying element = used by panel.Grid",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "getId",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "register",
-        "type" : "function",
-        "desc" : "register a Navigation item",
-        "sig" : "(the)",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "register",
-        "type" : "function",
-        "desc" : "register a Navigation Group",
-        "sig" : "(the)",
-        "static" : true,
-        "memberOf" : ""
-      },
       {
         "name" : "releaseCapture",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "setRowVisibility",
+        "type" : "function",
+        "desc" : "Show or hide a row.",
+        "sig" : "(rowIndex, state)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "showPanel",
-        "type" : "function",
-        "desc" : "show a specific panel",
-        "sig" : "(panel)",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "tooltipEl",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.TabPanel" : {
+  "Roo.bootstrap.Table.AbstractSelectionModel" : {
     "props" : [
-      {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "active",
-        "type" : "Boolean",
-        "desc" : "panel active",
-        "memberOf" : ""
-      },
-      {
-        "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" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "href",
-        "type" : "String",
-        "desc" : "click to link..",
-        "memberOf" : ""
-      },
-      {
-        "name" : "html",
-        "type" : "String",
-        "desc" : "panel content",
-        "memberOf" : ""
-      },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
         "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "name",
-        "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
+      }
+    ],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "navId",
-        "type" : "String",
-        "desc" : "The Roo.bootstrap.NavGroup which triggers show hide ()",
-        "memberOf" : ""
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "style",
-        "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "addListener",
+        "type" : "function",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "tabId",
-        "type" : "String",
-        "desc" : "unique tab ID (will be autogenerated if not set. - used to match TabItem to Panel)",
-        "memberOf" : ""
+        "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"
       },
       {
-        "name" : "tooltip",
-        "type" : "string",
-        "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.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"
       },
       {
-        "name" : "visibilityEl",
-        "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "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"
       },
       {
-        "name" : "xattr",
-        "type" : "Object",
-        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
-      }
-    ],
-    "events" : [
-      {
-        "name" : "beforedeactivate",
+        "name" : "isLocked",
         "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" : "Returns true if the selections are locked.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : ""
       },
       {
-        "name" : "beforedestroy",
+        "name" : "lock",
         "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" : "Locks the selections.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
       },
       {
-        "name" : "beforehide",
+        "name" : "on",
         "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" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "beforerender",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "beforeshow",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "changed",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Fires when the active status changes",
-        "sig" : "function (_self, state)\n{\n\n}",
-        "memberOf" : ""
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "childrenrendered",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "destroy",
+        "name" : "unlock",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "desc" : "Unlocks the selections.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      }
+    ]
+  },
+  "Roo.bootstrap.Table.RowSelectionModel" : {
+    "props" : [
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "disable",
+        "name" : "singleSelect",
+        "type" : "Boolean",
+        "desc" : "True to allow selection of only one row at a time (defaults to false)",
+        "memberOf" : ""
+      }
+    ],
+    "events" : [
+      {
+        "name" : "afterselectionchange",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
+        "desc" : "Fires after the selection changes (eg. by key press or clicking)",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "memberOf" : ""
       },
       {
-        "name" : "enable",
+        "name" : "beforerowselect",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "desc" : "Fires when a row is selected being selected, return false to cancel.",
+        "sig" : "function (_self, rowIndex, keepExisting)\n{\n\n}",
+        "memberOf" : ""
       },
       {
-        "name" : "hide",
+        "name" : "rowdeselect",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "desc" : "Fires when a row is deselected.",
+        "sig" : "function (_self, rowIndex)\n{\n\n}",
+        "memberOf" : ""
       },
       {
-        "name" : "render",
+        "name" : "rowselect",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "desc" : "Fires when a row is selected.",
+        "sig" : "function (_self, rowIndex, r)\n{\n\n}",
+        "memberOf" : ""
       },
       {
-        "name" : "show",
+        "name" : "selectionchange",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
+        "desc" : "Fires when the selection changes",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "memberOf" : ""
       }
     ],
     "methods" : [
         "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "destroy",
+        "name" : "clearSelections",
         "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" : "Clears all selections.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component"
+        "memberOf" : ""
       },
       {
-        "name" : "disable",
+        "name" : "deselectRange",
         "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Deselects a range of rows. All rows in between startRow and endRow are also deselected.",
+        "sig" : "(startRow, endRow)",
         "static" : false,
-        "memberOf" : "Roo.Component"
+        "memberOf" : ""
       },
       {
-        "name" : "enable",
+        "name" : "deselectRow",
         "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Deselects a row.",
+        "sig" : "(row)",
         "static" : false,
-        "memberOf" : "Roo.Component"
+        "memberOf" : ""
       },
       {
         "name" : "fireEvent",
         "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "focus",
+        "name" : "getCount",
         "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
+        "desc" : "Gets the number of selected rows.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component"
+        "memberOf" : ""
       },
       {
-        "name" : "getChildContainer",
+        "name" : "getSelected",
         "type" : "function",
-        "desc" : "Fetch the element to add children to",
+        "desc" : "Returns the first selected record.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : ""
       },
       {
-        "name" : "getEl",
+        "name" : "getSelections",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "desc" : "Returns the selected records",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component"
+        "memberOf" : ""
       },
       {
-        "name" : "getId",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "getVisibilityEl",
+        "name" : "hasSelection",
         "type" : "function",
-        "desc" : "Get the element that will be used to show or hide",
+        "desc" : "Returns True if there is a selection.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : ""
       },
       {
-        "name" : "hasListener",
+        "name" : "isIdSelected",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Returns True if the specified record id is selected.",
+        "sig" : "(id)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : ""
       },
       {
-        "name" : "hide",
+        "name" : "isLocked",
         "type" : "function",
-        "desc" : "Hide a component - adds 'hidden' class",
+        "desc" : "Returns true if the selections are locked.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Table.AbstractSelectionModel"
       },
       {
-        "name" : "initEvents",
+        "name" : "isSelected",
         "type" : "function",
-        "desc" : "Initialize Events for the element",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Returns True if the specified row is selected.",
+        "sig" : "(record)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : ""
       },
       {
-        "name" : "isVisible",
+        "name" : "lock",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
+        "desc" : "Locks the selections.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.bootstrap.Table.AbstractSelectionModel"
       },
       {
         "name" : "on",
         "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "render",
+        "name" : "selectAll",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
+        "desc" : "Selects all rows.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component"
+        "memberOf" : ""
       },
       {
-        "name" : "setDisabled",
+        "name" : "selectFirstRow",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "Selects the first row in the grid.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component"
+        "memberOf" : ""
       },
       {
-        "name" : "setVisibilityEl",
+        "name" : "selectLastRow",
         "type" : "function",
-        "desc" : "Set the element that will be used to show or hide",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Select the last row.",
+        "sig" : "(keepExisting)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : ""
       },
       {
-        "name" : "setVisible",
+        "name" : "selectNext",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
+        "desc" : "Selects the row immediately following the last selected row.",
+        "sig" : "(keepExisting)",
         "static" : false,
-        "memberOf" : "Roo.Component"
+        "memberOf" : ""
       },
       {
-        "name" : "show",
+        "name" : "selectPrevious",
         "type" : "function",
-        "desc" : "Show a component - removes 'hidden' class",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Selects the row that precedes the last selected row.",
+        "sig" : "(keepExisting)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : ""
       },
       {
-        "name" : "tooltipEl",
+        "name" : "selectRange",
         "type" : "function",
-        "desc" : "Fetch the element to display the tooltip on.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Selects a range of rows. All rows in between startRow and endRow are also selected.",
+        "sig" : "(startRow, endRow, keepExisting)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "selectRecords",
+        "type" : "function",
+        "desc" : "Select records.",
+        "sig" : "(records, keepExisting)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "selectRow",
+        "type" : "function",
+        "desc" : "Selects a row.",
+        "sig" : "(row, keepExisting)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "selectRows",
+        "type" : "function",
+        "desc" : "Selects multiple rows.",
+        "sig" : "(rows, keepExisting)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : ""
       },
       {
         "name" : "un",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "unlock",
+        "type" : "function",
+        "desc" : "Unlocks the selections.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Table.AbstractSelectionModel"
       }
     ]
   },
-  "Roo.bootstrap.Table" : {
+  "Roo.bootstrap.TableBody" : {
     "props" : [
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : [
-          "(left",
-          "center",
-          "right)"
-        ],
+        "desc" : "Aligns the content inside the element",
         "memberOf" : ""
       },
       {
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "auto_hide_footer",
-        "type" : "Boolean",
-        "desc" : "auto hide footer if only one page (default false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "bgcolor",
-        "type" : "String",
-        "desc" : "Specifies the background color for a table",
-        "memberOf" : ""
-      },
-      {
-        "name" : "border",
-        "type" : "Number",
-        "desc" : "Specifies whether the table cells should have borders or not",
-        "memberOf" : ""
-      },
-      {
-        "name" : "bordered",
-        "type" : "boolean",
-        "desc" : "Add borders to the table",
-        "memberOf" : ""
-      },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "cellSelection",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
-      },
-      {
-        "name" : "cellpadding",
-        "type" : "Number",
-        "desc" : "Specifies the space between the cell wall and the cell content",
-        "memberOf" : ""
-      },
-      {
-        "name" : "cellspacing",
+        "name" : "charoff",
         "type" : "Number",
-        "desc" : "Specifies the space between cells",
+        "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" : "table class",
-        "memberOf" : ""
-      },
-      {
-        "name" : "condensed",
-        "type" : "boolean",
-        "desc" : "Format condensed",
+        "desc" : "element class",
         "memberOf" : ""
       },
       {
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "footer",
-        "type" : "Roo.bootstrap.PagingToolbar",
-        "desc" : "a paging toolbar",
-        "memberOf" : ""
-      },
-      {
-        "name" : "footerShow",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
-      },
-      {
-        "name" : "frame",
-        "type" : "String",
-        "desc" : "Specifies which parts of the outside borders that should be visible",
-        "memberOf" : ""
-      },
-      {
-        "name" : "headerShow",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
-      },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "hover",
-        "type" : "boolean",
-        "desc" : "Add hover highlighting",
-        "memberOf" : ""
-      },
-      {
-        "name" : "layout",
-        "type" : "String",
-        "desc" : "table layout (auto | fixed | initial | inherit)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "lazyLoad",
-        "type" : "Boolean",
-        "desc" : "auto load data while scrolling to the end (default false)",
-        "memberOf" : ""
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "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" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
-      },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "responsive",
-        "type" : "boolean",
-        "desc" : "Format condensed",
-        "memberOf" : ""
-      },
-      {
-        "name" : "rowSelection",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
-      },
-      {
-        "name" : "rules",
-        "type" : "String",
-        "desc" : "Specifies which parts of the inside borders that should be visible",
-        "memberOf" : ""
-      },
-      {
-        "name" : "scrollBody",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
-      },
-      {
-        "name" : "sortable",
-        "type" : "String",
-        "desc" : "Specifies that the table should be sortable",
-        "memberOf" : ""
-      },
-      {
-        "name" : "striped",
-        "type" : "boolean",
-        "desc" : "Should the rows be alternative striped",
-        "memberOf" : ""
-      },
       {
         "name" : "style",
         "type" : "String",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "summary",
+        "name" : "tag",
         "type" : "String",
-        "desc" : "Specifies a summary of the content of a table",
+        "desc" : "element tag (thead|tbody|tfoot) default tbody",
         "memberOf" : ""
       },
       {
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "visibilityEl",
-        "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "valign",
+        "type" : "String",
+        "desc" : "Vertical aligns the content inside the <tbody> element",
+        "memberOf" : ""
       },
       {
-        "name" : "width",
-        "type" : "Number",
-        "desc" : "Specifies the width of a table",
-        "memberOf" : ""
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "cellclick",
-        "type" : "function",
-        "desc" : "Fires when a cell is clicked",
-        "sig" : "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "name" : "cellcontextmenu",
-        "type" : "function",
-        "desc" : "Fires when a cell is right clicked",
-        "sig" : "function (_self, rowIndex, cellIndex, e)\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "name" : "celldblclick",
-        "type" : "function",
-        "desc" : "Fires when a cell is double clicked",
-        "sig" : "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "contextmenu",
-        "type" : "function",
-        "desc" : "The raw contextmenu event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "destroy",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "headercontextmenu",
-        "type" : "function",
-        "desc" : "Fires when a header is right clicked",
-        "sig" : "function (_self, columnIndex, e)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "hide",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "mouseout",
-        "type" : "function",
-        "desc" : "Fires when a mouseout occur",
-        "sig" : "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "name" : "mouseover",
-        "type" : "function",
-        "desc" : "Fires when a mouseover occur",
-        "sig" : "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "render",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "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" : ""
-      },
-      {
-        "name" : "rowclick",
-        "type" : "function",
-        "desc" : "Fires when a row is clicked",
-        "sig" : "function (_self, el, rowIndex, e)\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "name" : "rowcontextmenu",
-        "type" : "function",
-        "desc" : "Fires when a row is right clicked",
-        "sig" : "function (_self, rowIndex, e)\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "name" : "rowdblclick",
-        "type" : "function",
-        "desc" : "Fires when a row is double clicked",
-        "sig" : "function (_self, el, rowIndex, e)\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "name" : "rowsrendered",
-        "type" : "function",
-        "desc" : "Fires when all the  rows have been rendered",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "show",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "autoSize",
-        "type" : "function",
-        "desc" : "Forces a resize - used by panel.Grid",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "capture",
         "type" : "function",
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "clear",
-        "type" : "function",
-        "desc" : "Remove all rows",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "getGridEl",
-        "type" : "function",
-        "desc" : "Returns the grid's underlying element = used by panel.Grid",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "getId",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "setRowVisibility",
-        "type" : "function",
-        "desc" : "Show or hide a row.",
-        "sig" : "(rowIndex, state)",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.Table.AbstractSelectionModel" : {
+  "Roo.bootstrap.TableCell" : {
     "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" : ""
+      },
+      {
+        "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" : "headers",
+        "type" : "String",
+        "desc" : "Specifies one or more header cells a cell is related to",
+        "memberOf" : ""
+      },
+      {
+        "name" : "height",
+        "type" : "Number",
+        "desc" : "Sets the height of a cell",
+        "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",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "html",
+        "type" : "String",
+        "desc" : "cell contain text",
+        "memberOf" : ""
+      },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
         "memberOf" : "Roo.util.Observable"
-      }
-    ],
-    "events" : [
-    ],
-    "methods" : [
+      },
       {
-        "name" : "addEvents",
-        "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
+        "name" : "name",
+        "type" : "string",
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "addListener",
-        "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
+        "name" : "nowrap",
+        "type" : "String",
+        "desc" : "Specifies that the content inside a cell should not wrap",
+        "memberOf" : ""
       },
       {
-        "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"
+        "name" : "rowspan",
+        "type" : "Number",
+        "desc" : "Sets the number of rows a cell should span",
+        "memberOf" : ""
       },
       {
-        "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"
+        "name" : "scope",
+        "type" : "String",
+        "desc" : "Defines a way to associate header cells and data cells in a table",
+        "memberOf" : ""
       },
       {
-        "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"
+        "name" : "style",
+        "type" : "String",
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "isLocked",
-        "type" : "function",
-        "desc" : "Returns true if the selections are locked.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
+        "name" : "tag",
+        "type" : "String",
+        "desc" : "cell tag (td|th) default td",
         "memberOf" : ""
       },
       {
-        "name" : "lock",
-        "type" : "function",
-        "desc" : "Locks the selections.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
+        "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" : "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"
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
-        "name" : "purgeListeners",
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "Specifies the width of a cell",
+        "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" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "releaseCapture",
+        "name" : "beforehide",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable"
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "removeListener",
+        "name" : "beforerender",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "un",
+        "name" : "beforeshow",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "unlock",
+        "name" : "childrenrendered",
         "type" : "function",
-        "desc" : "Unlocks the selections.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      }
-    ]
-  },
-  "Roo.bootstrap.Table.RowSelectionModel" : {
-    "props" : [
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "singleSelect",
-        "type" : "Boolean",
-        "desc" : "True to allow selection of only one row at a time (defaults to false)",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
       {
-        "name" : "afterselectionchange",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Fires after the selection changes (eg. by key press or clicking)",
+        "desc" : "Fires after the component is disabled.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "beforerowselect",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Fires when a row is selected being selected, return false to cancel.",
-        "sig" : "function (_self, rowIndex, keepExisting)\n{\n\n}",
-        "memberOf" : ""
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "rowdeselect",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Fires when a row is deselected.",
-        "sig" : "function (_self, rowIndex)\n{\n\n}",
-        "memberOf" : ""
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "rowselect",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires when a row is selected.",
-        "sig" : "function (_self, rowIndex, r)\n{\n\n}",
-        "memberOf" : ""
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "selectionchange",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Fires when the selection changes",
+        "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component"
       }
     ],
     "methods" : [
         "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "clearSelections",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Clears all selections.",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "deselectRange",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Deselects a range of rows. All rows in between startRow and endRow are also deselected.",
-        "sig" : "(startRow, endRow)",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "deselectRow",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Deselects a row.",
-        "sig" : "(row)",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "fireEvent",
         "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "getCount",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Gets the number of selected rows.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "getSelected",
+        "name" : "getChildContainer",
         "type" : "function",
-        "desc" : "Returns the first selected record.",
+        "desc" : "Fetch the element to add children to",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "getSelections",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Returns the selected records",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "hasListener",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "hasSelection",
+        "name" : "getVisibilityEl",
         "type" : "function",
-        "desc" : "Returns True if there is a selection.",
+        "desc" : "Get the element that will be used to show or hide",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "isIdSelected",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Returns True if the specified record id is selected.",
-        "sig" : "(id)",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "isLocked",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Returns true if the selections are locked.",
+        "desc" : "Hide a component - adds 'hidden' class",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Table.AbstractSelectionModel"
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "isSelected",
+        "name" : "initEvents",
         "type" : "function",
-        "desc" : "Returns True if the specified row is selected.",
-        "sig" : "(record)",
+        "desc" : "Initialize Events for the element",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "lock",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Locks the selections.",
+        "desc" : "Returns true if this component is visible.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Table.AbstractSelectionModel"
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "on",
         "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "selectAll",
-        "type" : "function",
-        "desc" : "Selects all rows.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "selectFirstRow",
-        "type" : "function",
-        "desc" : "Selects the first row in the grid.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "selectLastRow",
-        "type" : "function",
-        "desc" : "Select the last row.",
-        "sig" : "(keepExisting)",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "selectNext",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Selects the row immediately following the last selected row.",
-        "sig" : "(keepExisting)",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "selectPrevious",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Selects the row that precedes the last selected row.",
-        "sig" : "(keepExisting)",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "selectRange",
+        "name" : "setVisibilityEl",
         "type" : "function",
-        "desc" : "Selects a range of rows. All rows in between startRow and endRow are also selected.",
-        "sig" : "(startRow, endRow, keepExisting)",
+        "desc" : "Set the element that will be used to show or hide",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "selectRecords",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Select records.",
-        "sig" : "(records, keepExisting)",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "selectRow",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Selects a row.",
-        "sig" : "(row, keepExisting)",
+        "desc" : "Show a component - removes 'hidden' class",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "selectRows",
+        "name" : "tooltipEl",
         "type" : "function",
-        "desc" : "Selects multiple rows.",
-        "sig" : "(rows, keepExisting)",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "un",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "unlock",
-        "type" : "function",
-        "desc" : "Unlocks the selections.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Table.AbstractSelectionModel"
       }
     ]
   },
-  "Roo.bootstrap.TableBody" : {
+  "Roo.bootstrap.TableRow" : {
     "props" : [
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "Aligns the content inside the element",
+        "desc" : "Aligns the content in a table row",
         "memberOf" : ""
       },
       {
         "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",
       {
         "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",
+        "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" : "element class",
+        "desc" : "row class",
         "memberOf" : ""
       },
       {
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
         "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",
       {
         "name" : "valign",
         "type" : "String",
-        "desc" : "Vertical aligns the content inside the <tbody> element",
+        "desc" : "Vertical aligns the content in a table row",
         "memberOf" : ""
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       }
     ]
   },
-  "Roo.bootstrap.TableCell" : {
+  "Roo.bootstrap.TextArea" : {
     "props" : [
       {
-        "name" : "abbr",
+        "name" : "(button|checkbox|email|file|hidden|image|number|password|radio|range|reset|search|submit|text)",
         "type" : "String",
-        "desc" : "Specifies an abbreviated version of the content in a cell",
-        "memberOf" : ""
+        "desc" : "inputType",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "accept",
+        "type" : "String",
+        "desc" : "o) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "image",
+          "video",
+          "audio"
+        ]
       },
       {
         "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" : "Aligns the content in a cell",
-        "memberOf" : ""
+        "desc" : "t) Default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
+          "center",
+          "right"
+        ]
+      },
+      {
+        "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" : "axis",
+        "name" : "autocomplete",
         "type" : "String",
-        "desc" : "Categorizes cells",
-        "memberOf" : ""
+        "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "bgcolor",
+        "name" : "before",
+        "type" : "string",
+        "desc" : "- input group add on before",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "blankText",
         "type" : "String",
-        "desc" : "Specifies the background color of a cell",
-        "memberOf" : ""
+        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "can_build_overlaid",
         "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" : "capture",
+        "type" : "String",
+        "desc" : "a) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "cell class",
-        "memberOf" : ""
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "colspan",
+        "name" : "cols",
         "type" : "Number",
-        "desc" : "Specifies the number of columns a cell should span",
+        "desc" : "Specifies the visible width of a text area",
         "memberOf" : ""
       },
       {
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "headers",
+        "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" : "Specifies one or more header cells a cell is related to",
-        "memberOf" : ""
+        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "height",
-        "type" : "Number",
-        "desc" : "Sets the height of a cell",
-        "memberOf" : ""
+        "name" : "forceFeedback",
+        "type" : "Boolean",
+        "desc" : "e) Default false",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "hasFeedback",
+        "type" : "Boolean",
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
-        "type" : "String",
-        "desc" : "cell contain text",
+        "type" : "string",
+        "desc" : "text",
         "memberOf" : ""
       },
+      {
+        "name" : "indicatorpos",
+        "type" : "String",
+        "desc" : "t) default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
+          "right"
+        ]
+      },
+      {
+        "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",
+        "optvals" : [
+          "top",
+          "left"
+        ]
+      },
+      {
+        "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" : "nowrap",
+        "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" : "Specifies that the content inside a cell should not wrap",
-        "memberOf" : ""
+        "desc" : "-- Depricated - use Invalid Text",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "rowspan",
+        "name" : "resize",
+        "type" : "string",
+        "desc" : "l)",
+        "memberOf" : "",
+        "optvals" : [
+          "none",
+          "both",
+          "horizontal",
+          "vertical",
+          "inherit",
+          "initial"
+        ]
+      },
+      {
+        "name" : "rows",
         "type" : "Number",
-        "desc" : "Sets the number of rows a cell should span",
+        "desc" : "Specifies the visible number of lines in a text area",
         "memberOf" : ""
       },
       {
-        "name" : "scope",
-        "type" : "String",
-        "desc" : "Defines a way to associate header cells and data cells in a table",
-        "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",
         "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" : "valign",
+        "name" : "validClass",
         "type" : "String",
-        "desc" : "Vertical aligns the content in a cell",
-        "memberOf" : ""
+        "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" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
-        "name" : "width",
-        "type" : "Number",
-        "desc" : "Specifies the width of a cell",
-        "memberOf" : ""
+        "name" : "vtype",
+        "type" : "String",
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.bootstrap.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" : "",
+        "optvals" : [
+          "soft",
+          "hard"
+        ]
       },
       {
         "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" : [
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "blur",
+        "type" : "function",
+        "desc" : "Fires when this field loses input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
+      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Fires when this field receives input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "hide",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "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"
+      },
+      {
+        "name" : "keyup",
+        "type" : "function",
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "render",
         "type" : "function",
         "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
       }
     ],
     "methods" : [
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "clearInvalid",
+        "type" : "function",
+        "desc" : "Clear any invalid styles/messages for this field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "getName",
+        "type" : "function",
+        "desc" : "Returns the name of the field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "inputEl",
+        "type" : "function",
+        "desc" : "return the real textarea element.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "isVisible",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "markInvalid",
+        "type" : "function",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "markValid",
+        "type" : "function",
+        "desc" : "Mark this field as valid",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "on",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "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"
+      },
       {
         "name" : "setDisabled",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "validate",
+        "type" : "function",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
       }
     ]
   },
-  "Roo.bootstrap.TableRow" : {
+  "Roo.bootstrap.TimeField" : {
     "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",
+        "optvals" : [
+          "image",
+          "video",
+          "audio"
+        ]
+      },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "after",
+        "type" : "string",
+        "desc" : "- input group add on after",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "Aligns the content in a table row",
-        "memberOf" : ""
+        "desc" : "t) Default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
+          "center",
+          "right"
+        ]
+      },
+      {
+        "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" : "bgcolor",
+        "name" : "autocomplete",
         "type" : "String",
-        "desc" : "Specifies a background color for a table row",
-        "memberOf" : ""
+        "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
+        "memberOf" : "Roo.bootstrap.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",
         "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" : "capture",
+        "type" : "String",
+        "desc" : "a) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "row class",
-        "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" : "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",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "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",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "indicatorpos",
+        "type" : "String",
+        "desc" : "t) default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
+          "right"
+        ]
+      },
+      {
+        "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",
+        "optvals" : [
+          "top",
+          "left"
+        ]
+      },
+      {
+        "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" : "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",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "valign",
+        "name" : "validClass",
         "type" : "String",
-        "desc" : "Vertical aligns the content in a table row",
-        "memberOf" : ""
+        "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" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "vtype",
+        "type" : "String",
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.bootstrap.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" : [
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "blur",
+        "type" : "function",
+        "desc" : "Fires when this field loses input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
+      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Fires when this field receives input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "hide",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "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"
+      },
+      {
+        "name" : "keyup",
+        "type" : "function",
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "render",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "select",
+        "type" : "function",
+        "desc" : "Fires when select a date.",
+        "sig" : "function (_self, date)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "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" : ""
+      },
+      {
+        "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"
+      },
+      {
+        "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"
       }
     ],
     "methods" : [
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "clearInvalid",
+        "type" : "function",
+        "desc" : "Clear any invalid styles/messages for this field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "getName",
+        "type" : "function",
+        "desc" : "Returns the name of the field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "inputEl",
+        "type" : "function",
+        "desc" : "return the real input element.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "isVisible",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "markInvalid",
+        "type" : "function",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "markValid",
+        "type" : "function",
+        "desc" : "Mark this field as valid",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "on",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "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"
+      },
       {
         "name" : "setDisabled",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "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"
+      },
+      {
+        "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"
+      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "validate",
+        "type" : "function",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "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"
       }
     ]
   },
-  "Roo.bootstrap.TextArea" : {
+  "Roo.bootstrap.Tooltip" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "currentEl",
+        "type" : "function",
+        "desc" : "",
+        "sig" : "()\n{\n\n}",
+        "static" : true,
+        "memberOf" : ""
+      }
+    ]
+  },
+  "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" : [
-          "(image",
+        "desc" : "o) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "image",
           "video",
-          "audio)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "audio"
+        ]
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : [
-          "(left",
+        "desc" : "t) Default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
           "center",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "right"
+        ]
       },
       {
         "name" : "allowBlank",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : [
-          "(user",
-          "camera)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "a) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "user",
+          "camera"
+        ]
+      },
+      {
+        "name" : "caret",
+        "type" : "String",
+        "desc" : "r) BS3 only - carat fa name",
+        "memberOf" : "",
+        "optvals" : [
+          "search",
+          "calendar"
+        ]
       },
       {
         "name" : "cls",
         "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",
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) Default false",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "html",
-        "type" : "string",
-        "desc" : "text",
+        "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" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "inputType",
-        "type" : "String",
-        "desc" : "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t) default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "invalidClass",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "left)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
         "name" : "labelWidth",
         "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",
         "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "resize",
-        "type" : "string",
-        "desc" : [
-          "(none",
-          "both",
-          "horizontal",
-          "vertical",
-          "inherit",
-          "initial)"
-        ],
-        "memberOf" : ""
-      },
-      {
-        "name" : "rows",
-        "type" : "Number",
-        "desc" : "Specifies the visible number of lines in a text area",
-        "memberOf" : ""
+        "name" : "removable",
+        "type" : "Boolean",
+        "desc" : "e) special filter default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "selectOnFocus",
         "desc" : "Text for the tooltip",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "triggerClass",
+        "type" : "String",
+        "desc" : "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' by default and triggerClass will be <b>appended</b> if specified.",
+        "memberOf" : ""
+      },
       {
         "name" : "validClass",
         "type" : "String",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "vtype",
         "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
         "memberOf" : "Roo.bootstrap.Input"
       },
-      {
-        "name" : "wrap",
-        "type" : "string",
-        "desc" : [
-          "(soft",
-          "hard)"
-        ],
-        "memberOf" : ""
-      },
       {
         "name" : "xattr",
         "type" : "Object",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "autoSize",
+        "type" : "function",
+        "desc" : "",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "capture",
         "type" : "function",
         "desc" : "Clear any invalid styles/messages for this field",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "destroy",
       {
         "name" : "inputEl",
         "type" : "function",
-        "desc" : "return the real textarea element.",
+        "desc" : "return the real input element.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "isVisible",
         "desc" : "Mark this field as invalid",
         "sig" : "(msg)",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "markValid",
         "desc" : "Mark this field as valid",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "on",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "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" : ""
+      },
       {
         "name" : "purgeListeners",
         "type" : "function",
         "memberOf" : "Roo.bootstrap.Input"
       }
     ]
-  },
-  "Roo.bootstrap.TimeField" : {
-    "props" : [
-      {
-        "name" : "accept",
-        "type" : "String",
-        "desc" : [
-          "(image",
-          "video",
-          "audio)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
+  },
+  "Roo.bootstrap.UploadCropbox" : {
+    "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "after",
-        "type" : "string",
-        "desc" : "- input group add on after",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "align",
-        "type" : "String",
-        "desc" : [
-          "(left",
-          "center",
-          "right)"
-        ],
-        "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",
         "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" : "buttons",
+        "type" : "Array",
+        "desc" : "default ['rotateLeft', 'pictureBtn', 'rotateRight']",
+        "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" : [
-          "(user",
-          "camera)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "cls",
         "type" : "String",
         "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" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "format",
+        "name" : "emptyText",
         "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').",
+        "desc" : "show when image has been loaded",
         "memberOf" : ""
       },
       {
-        "name" : "hasFeedback",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "errorTimeout",
+        "type" : "Number",
+        "desc" : "default 3000",
+        "memberOf" : ""
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "indicatorpos",
-        "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "inputType",
-        "type" : "String",
-        "desc" : "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
-        "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" : [
-          "(top",
-          "left)"
-        ],
-        "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"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "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" : "isDocument",
+        "type" : "Boolean",
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "listeners",
         "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" : "loadMask",
+        "type" : "Boolean",
+        "desc" : "e) default true",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "loadingText",
+        "type" : "Boolean",
+        "desc" : "default 'Loading...'",
+        "memberOf" : ""
       },
       {
-        "name" : "maxLengthText",
+        "name" : "method",
         "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"
+        "desc" : "default POST",
+        "memberOf" : ""
       },
       {
-        "name" : "md",
+        "name" : "minHeight",
         "type" : "Number",
-        "desc" : "colspan out of 12 for computer-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "default 300",
+        "memberOf" : ""
       },
       {
-        "name" : "minLength",
+        "name" : "minWidth",
         "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"
+        "desc" : "default 300",
+        "memberOf" : ""
       },
       {
         "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" : "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" : "paramName",
         "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"
+        "desc" : "default 'imageUpload'",
+        "memberOf" : ""
       },
       {
-        "name" : "sm",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for tablet-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "rotateNotify",
+        "type" : "String",
+        "desc" : "show when image too small to rotate",
+        "memberOf" : ""
       },
       {
         "name" : "style",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "validClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "validFeedbackIcon",
+        "name" : "url",
         "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" : "action url",
+        "memberOf" : ""
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "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"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
         "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "xs",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for mobile-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
       }
     ],
     "events" : [
+      {
+        "name" : "arrange",
+        "type" : "function",
+        "desc" : "Fire when arrange the file data",
+        "sig" : "function (_self, formData)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "beforedestroy",
         "type" : "function",
         "memberOf" : "Roo.Component"
       },
       {
-        "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" : ""
       },
       {
-        "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"
       },
       {
-        "name" : "blur",
+        "name" : "beforeselectfile",
         "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
+        "desc" : "Fire before select file",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
+        "memberOf" : ""
       },
       {
-        "name" : "change",
+        "name" : "beforeshow",
         "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 before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "childrenrendered",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "crop",
+        "type" : "function",
+        "desc" : "Fire after initEvent",
+        "sig" : "function (_self, data)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "destroy",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "download",
+        "type" : "function",
+        "desc" : "Fire when download the image",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "enable",
         "type" : "function",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "focus",
+        "name" : "exception",
         "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "Fire when get exception",
+        "sig" : "function (_self, xhr)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "footerbuttonclick",
+        "type" : "function",
+        "desc" : "Fire when footerbuttonclick",
+        "sig" : "function (_self, type)\n{\n\n}",
+        "memberOf" : ""
       },
       {
         "name" : "hide",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "invalid",
+        "name" : "initial",
         "type" : "function",
-        "desc" : "Fires after the field has been marked as invalid.",
-        "sig" : "function (_self, msg)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "Fire after initEvent",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : ""
       },
       {
-        "name" : "keyup",
+        "name" : "inspect",
         "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "Fire when inspect the file",
+        "sig" : "function (_self, file)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "prepare",
+        "type" : "function",
+        "desc" : "Fire when preparing the file data",
+        "sig" : "function (_self, file)\n{\n\n}",
+        "memberOf" : ""
       },
       {
         "name" : "render",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "select",
+        "name" : "resize",
         "type" : "function",
-        "desc" : "Fires when select a date.",
-        "sig" : "function (_self, date)\n{\n\n}",
+        "desc" : "Fire when resize",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : ""
       },
       {
-        "name" : "show",
+        "name" : "rotate",
         "type" : "function",
-        "desc" : "Fires when this field show.",
-        "sig" : "function (thisthis, date)\n{\n\n}",
+        "desc" : "Fire when rotate the image",
+        "sig" : "function (_self, pos)\n{\n\n}",
         "memberOf" : ""
       },
       {
-        "name" : "specialkey",
+        "name" : "show",
         "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 shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "valid",
+        "name" : "trash",
         "type" : "function",
-        "desc" : "Fires after the field has been validated with no errors.",
+        "desc" : "Fire when trash image",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
+        "memberOf" : ""
+      },
+      {
+        "name" : "upload",
+        "type" : "function",
+        "desc" : "Fire when xhr upload the file",
+        "sig" : "function (_self, data)\n{\n\n}",
+        "memberOf" : ""
       }
     ],
     "methods" : [
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "clearInvalid",
-        "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "getName",
-        "type" : "function",
-        "desc" : "Returns the name of the field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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"
-      },
-      {
-        "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"
-      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "inputEl",
-        "type" : "function",
-        "desc" : "return the real input element.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "isVisible",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "markInvalid",
-        "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "markValid",
-        "type" : "function",
-        "desc" : "Mark this field as valid",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "on",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "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"
-      },
       {
         "name" : "setDisabled",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "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"
-      },
-      {
-        "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"
-      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "tooltipEl",
-        "type" : "function",
-        "desc" : "Fetch the element to display the tooltip on.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "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"
-      },
-      {
-        "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"
       },
       {
-        "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"
       }
     ]
   },
-  "Roo.bootstrap.Tooltip" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
-    "methods" : [
-      {
-        "name" : "currentEl",
-        "type" : "function",
-        "desc" : "",
-        "sig" : "()\n{\n\n}",
-        "static" : true,
-        "memberOf" : ""
-      }
-    ]
+  "Roo.bootstrap.breadcrumb" : {
+    "props" : [],
+    "events" : [],
+    "methods" : []
   },
-  "Roo.bootstrap.TriggerField" : {
+  "Roo.bootstrap.breadcrumb.Item" : {
     "props" : [
-      {
-        "name" : "accept",
-        "type" : "String",
-        "desc" : [
-          "(image",
-          "video",
-          "audio)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "actionMode",
         "type" : "String",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "after",
-        "type" : "string",
-        "desc" : "- input group add on after",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "align",
-        "type" : "String",
-        "desc" : [
-          "(left",
-          "center",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "allowBlank",
+        "name" : "active",
         "type" : "Boolean",
-        "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "is it active",
+        "memberOf" : ""
       },
       {
         "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" : [
-          "(user",
-          "camera)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "caret",
-        "type" : "String",
-        "desc" : [
-          "(search",
-          "calendar)"
-        ],
-        "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" : "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" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "hasFeedback",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "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" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "inputType",
-        "type" : "String",
-        "desc" : "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
-        "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"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "invalidText",
+        "name" : "href",
         "type" : "String",
-        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "where it links to if '#' is used the link will be handled by onClick.",
+        "memberOf" : ""
       },
       {
-        "name" : "labelAlign",
+        "name" : "html",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "left)"
-        ],
-        "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"
+        "desc" : "the content of the link.",
+        "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" : "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" : "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" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
-      },
-      {
-        "name" : "selectOnFocus",
-        "type" : "Boolean",
-        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-        "memberOf" : "Roo.bootstrap.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" : "Text for the tooltip",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "triggerClass",
-        "type" : "String",
-        "desc" : "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' by default and triggerClass will be <b>appended</b> if specified.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "validClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.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" : [
-          "(el",
-          "parent)"
-        ],
-        "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"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
         "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "xs",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for mobile-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
       }
     ],
     "events" : [
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "blur",
-        "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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"
-      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "click",
+        "type" : "function",
+        "desc" : "The img click event for the img.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "destroy",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "hide",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "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"
-      },
-      {
-        "name" : "keyup",
-        "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "render",
         "type" : "function",
         "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
-      },
-      {
-        "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"
-      },
-      {
-        "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"
       }
     ],
     "methods" : [
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "autoSize",
-        "type" : "function",
-        "desc" : "",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "capture",
         "type" : "function",
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "clearInvalid",
-        "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "getName",
-        "type" : "function",
-        "desc" : "Returns the name of the field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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"
-      },
-      {
-        "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"
-      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "inputEl",
-        "type" : "function",
-        "desc" : "return the real input element.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "isVisible",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "markInvalid",
-        "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "markValid",
-        "type" : "function",
-        "desc" : "Mark this field as valid",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "on",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "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" : ""
-      },
       {
         "name" : "purgeListeners",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "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"
-      },
       {
         "name" : "setDisabled",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "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"
-      },
-      {
-        "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"
-      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "validate",
-        "type" : "function",
-        "desc" : "Validates the field value",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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"
       }
     ]
   },
-  "Roo.bootstrap.UploadCropbox" : {
+  "Roo.bootstrap.breadcrumb.Nav" : {
     "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" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "isDocument",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "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" : [
-          "(true",
-          "false)"
-        ],
-        "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",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       }
     ],
     "events" : [
-      {
-        "name" : "arrange",
-        "type" : "function",
-        "desc" : "Fire when arrange the file data",
-        "sig" : "function (_self, formData)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "beforedestroy",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "beforeloadcanvas",
-        "type" : "function",
-        "desc" : "Fire before load the canvas",
-        "sig" : "function (_self, src)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "beforerender",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "beforeselectfile",
-        "type" : "function",
-        "desc" : "Fire before select file",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "beforeshow",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "crop",
-        "type" : "function",
-        "desc" : "Fire after initEvent",
-        "sig" : "function (_self, data)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "destroy",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "download",
-        "type" : "function",
-        "desc" : "Fire when download the image",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "enable",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "exception",
-        "type" : "function",
-        "desc" : "Fire when get exception",
-        "sig" : "function (_self, xhr)\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "name" : "footerbuttonclick",
-        "type" : "function",
-        "desc" : "Fire when footerbuttonclick",
-        "sig" : "function (_self, type)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "hide",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "initial",
-        "type" : "function",
-        "desc" : "Fire after initEvent",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "name" : "inspect",
-        "type" : "function",
-        "desc" : "Fire when inspect the file",
-        "sig" : "function (_self, file)\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "name" : "prepare",
-        "type" : "function",
-        "desc" : "Fire when preparing the file data",
-        "sig" : "function (_self, file)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "render",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "resize",
-        "type" : "function",
-        "desc" : "Fire when resize",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "name" : "rotate",
-        "type" : "function",
-        "desc" : "Fire when rotate the image",
-        "sig" : "function (_self, pos)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "show",
         "type" : "function",
         "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "trash",
-        "type" : "function",
-        "desc" : "Fire when trash image",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "name" : "upload",
-        "type" : "function",
-        "desc" : "Fire when xhr upload the file",
-        "sig" : "function (_self, data)\n{\n\n}",
-        "memberOf" : ""
       }
     ],
     "methods" : [
     ]
   },
   "Roo.bootstrap.dash" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
-    "methods" : [
-    ]
+    "props" : [],
+    "events" : [],
+    "methods" : []
   },
   "Roo.bootstrap.dash.NumberBox" : {
     "props" : [
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "icon",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "icon",
       {
         "name" : "showtabs",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) show the tabs default true",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "style",
       {
         "name" : "tabScrollable",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) tab scrollable when mobile view default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "title",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "active",
         "type" : "Boolean",
-        "desc" : [
-          "(false",
-          "true)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) Default false",
+        "memberOf" : "",
+        "optvals" : [
+          "false",
+          "true"
+        ]
       },
       {
         "name" : "allowDomMove",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
     ]
   },
   "Roo.bootstrap.htmleditor" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
-    "methods" : [
-    ]
+    "props" : [],
+    "events" : [],
+    "methods" : []
   },
   "Roo.bootstrap.htmleditor.ToolbarStandard" : {
     "props" : [
         "memberOf" : ""
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "updateToolbar",
     ]
   },
   "Roo.bootstrap.layout" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
-    "methods" : [
-    ]
+    "props" : [],
+    "events" : [],
+    "methods" : []
   },
   "Roo.bootstrap.layout.Basic" : {
     "props" : [
         "memberOf" : ""
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "add",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "overflow",
         "type" : "String",
-        "desc" : [
-          "(hidden",
-          "visible)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) if you have menus in the region, then you need to set this to visible.",
+        "memberOf" : "",
+        "optvals" : [
+          "hidden",
+          "visible"
+        ]
       },
       {
         "name" : "preferredTabWidth",
       {
         "name" : "tabPosition",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "bottom)"
-        ],
-        "memberOf" : ""
+        "desc" : "m) \"top\" or \"bottom\" (defaults to \"bottom\")",
+        "memberOf" : "",
+        "optvals" : [
+          "top",
+          "bottom"
+        ]
       },
       {
         "name" : "title",
         "memberOf" : ""
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "add",
       {
         "name" : "tabPosition",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "bottom)"
-        ],
-        "memberOf" : "Roo.LayoutRegion"
+        "desc" : "m) \"top\" or \"bottom\" (defaults to \"bottom\")",
+        "memberOf" : "Roo.LayoutRegion",
+        "optvals" : [
+          "top",
+          "bottom"
+        ]
       },
       {
         "name" : "title",
     ]
   },
   "Roo.bootstrap.menu" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
-    "methods" : [
-    ]
+    "props" : [],
+    "events" : [],
+    "methods" : []
   },
   "Roo.bootstrap.menu.Item" : {
     "props" : [
       {
         "name" : "disable",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "disableClass",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "href",
       {
         "name" : "preventDefault",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default true",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "style",
       {
         "name" : "submenu",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "tooltip",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "weight",
         "type" : "String",
-        "desc" : [
-          "(default",
+        "desc" : "e)",
+        "memberOf" : "",
+        "optvals" : [
+          "default",
           "primary",
           "success",
           "info",
           "warning",
           "danger",
-          "inverse)"
-        ],
-        "memberOf" : ""
+          "inverse"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
     ]
   },
   "Roo.bootstrap.panel" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
-    "methods" : [
-    ]
+    "props" : [],
+    "events" : [],
+    "methods" : []
   },
   "Roo.bootstrap.panel.Content" : {
     "props" : [
         "desc" : "True if the panel can be closed/removed",
         "memberOf" : ""
       },
+      {
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "extra classes to use",
+        "memberOf" : ""
+      },
       {
         "name" : "content",
         "type" : "String",
         "desc" : "True for this panel to adjust its size to fit when the region resizes  (defaults to false)",
         "memberOf" : ""
       },
+      {
+        "name" : "iframe",
+        "type" : "Boolean",
+        "desc" : "contents are an iframe - makes showing remote sources/CSS feasible..",
+        "memberOf" : ""
+      },
       {
         "name" : "listeners",
         "type" : "Object",
       {
         "name" : "region",
         "type" : "String",
-        "desc" : [
-          "(center",
+        "desc" : "t) which region to put this panel on (when used with xtype constructors)",
+        "memberOf" : "",
+        "optvals" : [
+          "center",
           "north",
           "south",
           "east",
-          "west)"
-        ],
-        "memberOf" : ""
+          "west"
+        ]
       },
       {
         "name" : "resizeEl",
       {
         "name" : "load",
         "type" : "function",
-        "desc" : "Loads this content panel immediately with content from XHR. Note: to delay loading until the panel is activated, use {@link #setUrl}.",
+        "desc" : "Loads this content panel immediately with content from XHR. Note: to delay loading until the panel is activated, use {@link #setUrl}.\nDoes not work with IFRAME contents",
         "sig" : "(url, params, callback, discardUrl)",
         "static" : false,
         "memberOf" : ""
       {
         "name" : "setContent",
         "type" : "function",
-        "desc" : "Updates this panel's element",
+        "desc" : "Updates this panel's element (not for iframe)",
         "sig" : "(content, loadScripts)",
         "static" : false,
         "memberOf" : ""
         "desc" : "True if the panel can be closed/removed",
         "memberOf" : "Roo.bootstrap.panel.Content"
       },
+      {
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "extra classes to use",
+        "memberOf" : "Roo.bootstrap.panel.Content"
+      },
       {
         "name" : "content",
         "type" : "String",
         "desc" : "The grid for this panel",
         "memberOf" : ""
       },
+      {
+        "name" : "iframe",
+        "type" : "Boolean",
+        "desc" : "contents are an iframe - makes showing remote sources/CSS feasible..",
+        "memberOf" : "Roo.bootstrap.panel.Content"
+      },
       {
         "name" : "listeners",
         "type" : "Object",
       {
         "name" : "region",
         "type" : "String",
-        "desc" : [
-          "(center",
+        "desc" : "t) which region to put this panel on (when used with xtype constructors)",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "optvals" : [
+          "center",
           "north",
           "south",
           "east",
-          "west)"
-        ],
-        "memberOf" : "Roo.bootstrap.panel.Content"
+          "west"
+        ]
       },
       {
         "name" : "resizeEl",
       {
         "name" : "load",
         "type" : "function",
-        "desc" : "Loads this content panel immediately with content from XHR. Note: to delay loading until the panel is activated, use {@link #setUrl}.",
+        "desc" : "Loads this content panel immediately with content from XHR. Note: to delay loading until the panel is activated, use {@link #setUrl}.\nDoes not work with IFRAME contents",
         "sig" : "(url, params, callback, discardUrl)",
         "static" : false,
         "memberOf" : "Roo.bootstrap.panel.Content"
       {
         "name" : "setContent",
         "type" : "function",
-        "desc" : "Updates this panel's element",
+        "desc" : "Updates this panel's element (not for iframe)",
         "sig" : "(content, loadScripts)",
         "static" : false,
         "memberOf" : "Roo.bootstrap.panel.Content"
         "desc" : "True if the panel can be closed/removed",
         "memberOf" : "Roo.bootstrap.panel.Content"
       },
+      {
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "extra classes to use",
+        "memberOf" : "Roo.bootstrap.panel.Content"
+      },
       {
         "name" : "content",
         "type" : "String",
         "desc" : "True for this panel to adjust its size to fit when the region resizes  (defaults to false)",
         "memberOf" : "Roo.bootstrap.panel.Content"
       },
+      {
+        "name" : "iframe",
+        "type" : "Boolean",
+        "desc" : "contents are an iframe - makes showing remote sources/CSS feasible..",
+        "memberOf" : "Roo.bootstrap.panel.Content"
+      },
       {
         "name" : "listeners",
         "type" : "Object",
       {
         "name" : "region",
         "type" : "String",
-        "desc" : [
-          "(center",
+        "desc" : "t) which region to put this panel on (when used with xtype constructors)",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "optvals" : [
+          "center",
           "north",
           "south",
           "east",
-          "west)"
-        ],
-        "memberOf" : "Roo.bootstrap.panel.Content"
+          "west"
+        ]
       },
       {
         "name" : "resizeEl",
       {
         "name" : "load",
         "type" : "function",
-        "desc" : "Loads this content panel immediately with content from XHR. Note: to delay loading until the panel is activated, use {@link #setUrl}.",
+        "desc" : "Loads this content panel immediately with content from XHR. Note: to delay loading until the panel is activated, use {@link #setUrl}.\nDoes not work with IFRAME contents",
         "sig" : "(url, params, callback, discardUrl)",
         "static" : false,
         "memberOf" : "Roo.bootstrap.panel.Content"
       {
         "name" : "setContent",
         "type" : "function",
-        "desc" : "Updates this panel's element",
+        "desc" : "Updates this panel's element (not for iframe)",
         "sig" : "(content, loadScripts)",
         "static" : false,
         "memberOf" : "Roo.bootstrap.panel.Content"
     ]
   },
   "Roo.data" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
-    "methods" : [
-    ]
+    "props" : [],
+    "events" : [],
+    "methods" : []
   },
   "Roo.data.ArrayReader" : {
     "props" : [
         "memberOf" : ""
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "newRow",
     ]
   },
   "Roo.data.DataProxy" : {
-    "props" : [
-    ],
+    "props" : [],
     "events" : [
       {
         "name" : "beforeload",
         "memberOf" : ""
       }
     ],
-    "methods" : [
-    ]
+    "methods" : []
   },
   "Roo.data.DataReader" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "newRow",
         "memberOf" : ""
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "newRow",
     ]
   },
   "Roo.data.MemoryProxy" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "load",
     ]
   },
   "Roo.data.Record" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "commit",
         "memberOf" : ""
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "abort",
     ]
   },
   "Roo.data.SortTypes" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "asDate",
         "memberOf" : ""
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "newRow",
     ]
   },
   "Roo.dd" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
-    "methods" : [
-    ]
+    "props" : [],
+    "events" : [],
+    "methods" : []
   },
   "Roo.dd.DD" : {
     "props" : [
         "memberOf" : "Roo.util.Observable"
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "addEvents",
         "memberOf" : "Roo.util.Observable"
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "addEvents",
         "memberOf" : "Roo.util.Observable"
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "addEvents",
         "memberOf" : "Roo.util.Observable"
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "addEvents",
     ]
   },
   "Roo.dd.DragDropMgr" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "getBestMatch",
         "memberOf" : "Roo.util.Observable"
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "addEvents",
         "memberOf" : "Roo.util.Observable"
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "addEvents",
     ]
   },
   "Roo.dd.Registry" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "getHandle",
     ]
   },
   "Roo.dd.ScrollManager" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "refreshCache",
         "memberOf" : ""
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "getEl",
     ]
   },
   "Roo.form" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
-    "methods" : [
-    ]
+    "props" : [],
+    "events" : [],
+    "methods" : []
   },
   "Roo.form.Action" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
-    "methods" : [
-    ]
+    "props" : [],
+    "events" : [],
+    "methods" : []
   },
   "Roo.form.BasicForm" : {
     "props" : [
       {
         "name" : "errorMask",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "errorReader",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "invalidFields",
+        "type" : "function",
+        "desc" : "Returns array of invalid form fields.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "isDirty",
         "type" : "function",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "labelAlign",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideTrigger",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideTrigger",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideTrigger",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideTrigger",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
       {
         "name" : "closable",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "cls",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "labelAlign",
       {
         "name" : "errorMask",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.form.BasicForm"
+        "desc" : "e) default false",
+        "memberOf" : "Roo.form.BasicForm",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "errorReader",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "invalidFields",
+        "type" : "function",
+        "desc" : "Returns array of invalid form fields.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.BasicForm"
+      },
       {
         "name" : "isDirty",
         "type" : "function",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
         "memberOf" : ""
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "updateToolbar",
         "memberOf" : ""
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "updateToolbar",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "labelAlign",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideTrigger",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "labelAlign",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideTrigger",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideTrigger",
     ]
   },
   "Roo.form.VTypes" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "alpha'",
     ]
   },
   "Roo.grid" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
-    "methods" : [
-    ]
+    "props" : [],
+    "events" : [],
+    "methods" : []
   },
   "Roo.grid.AbstractGridView" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
-    "methods" : [
-    ]
+    "props" : [],
+    "events" : [],
+    "methods" : []
   },
   "Roo.grid.AbstractSelectionModel" : {
     "props" : [
         "memberOf" : "Roo.util.Observable"
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "addEvents",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "ignoreNoChange",
         "memberOf" : "Roo.util.Observable"
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "addEvents",
     ]
   },
   "Roo.lib" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
-    "methods" : [
-    ]
+    "props" : [],
+    "events" : [],
+    "methods" : []
   },
   "Roo.lib.Ajax" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "request",
     ]
   },
   "Roo.lib.Dom" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
-    "methods" : [
-    ]
+    "props" : [],
+    "events" : [],
+    "methods" : []
   },
   "Roo.menu" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
-    "methods" : [
-    ]
+    "props" : [],
+    "events" : [],
+    "methods" : []
   },
   "Roo.menu.Adapter" : {
     "props" : [
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideOnClick",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideOnClick",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideOnClick",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideOnClick",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideOnClick",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideOnClick",
     ]
   },
   "Roo.menu.MenuMgr" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "get",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideOnClick",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideOnClick",
     ]
   },
   "Roo.state" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
-    "methods" : [
-    ]
+    "props" : [],
+    "events" : [],
+    "methods" : []
   },
   "Roo.state.CookieProvider" : {
     "props" : [
     ]
   },
   "Roo.state.Manager" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "clear",
     ]
   },
   "Roo.state.Provider" : {
-    "props" : [
-    ],
+    "props" : [],
     "events" : [
       {
         "name" : "statechange",
     ]
   },
   "Roo.tree" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
-    "methods" : [
-    ]
+    "props" : [],
+    "events" : [],
+    "methods" : []
   },
   "Roo.tree.AsyncTreeNode" : {
     "props" : [
         "memberOf" : ""
       }
     ],
-    "methods" : [
-    ]
+    "methods" : []
   },
   "Roo.tree.DefaultSelectionModel" : {
     "props" : [
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "ignoreNoChange",
     ]
   },
   "Roo.tree.TreeFilter" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "clear",
     ]
   },
   "Roo.tree.TreeNodeUI" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
-    "methods" : [
-    ]
+    "props" : [],
+    "events" : [],
+    "methods" : []
   },
   "Roo.tree.TreePanel" : {
     "props" : [
         "memberOf" : ""
       }
     ],
-    "events" : [
-    ],
-    "methods" : [
-    ]
+    "events" : [],
+    "methods" : []
   },
   "Roo.util" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
-    "methods" : [
-    ]
+    "props" : [],
+    "events" : [],
+    "methods" : []
   },
   "Roo.util.CSS" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "createStyleSheet",
     ]
   },
   "Roo.util.DelayedTask" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
-    "methods" : [
-    ]
+    "props" : [],
+    "events" : [],
+    "methods" : []
   },
   "Roo.util.Format" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "capitalize",
     ]
   },
   "Roo.util.JSON" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
-    "methods" : [
-    ]
+    "props" : [],
+    "events" : [],
+    "methods" : []
   },
   "Roo.util.MixedCollection" : {
     "props" : [
         "memberOf" : ""
       }
     ],
-    "events" : [
-    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "addEvents",
     ]
   },
   "Roo.util.TextMetrics" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "createInstance",
     ]
   },
   "Roo.util.TextMetrics.Instance" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
-    "methods" : [
-    ]
+    "props" : [],
+    "events" : [],
+    "methods" : []
   },
   "String" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "escape",
     ]
   },
   "_global_" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
         "name" : "InlineLexer",
     ]
   },
   "this" : {
-    "props" : [
-    ],
-    "events" : [
-    ],
-    "methods" : [
-    ]
+    "props" : [],
+    "events" : [],
+    "methods" : []
   }
 }
\ No newline at end of file