Popover overhall - with example
[roojs1] / docs / json / roodata.json
index 611fcaa..f5120a9 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",
         "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",
         "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",
         "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" : [
         "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",
       {
         "name" : "display",
         "type" : "String",
-        "desc" : [
-          "(none",
+        "desc" : "x)",
+        "memberOf" : "",
+        "optvals" : [
+          "none",
           "inline",
           "inline-block",
           "block",
           "table-cell",
           "table-row",
           "flex",
-          "inline-flex)"
-        ],
-        "memberOf" : ""
+          "inline-flex"
+        ]
       },
       {
         "name" : "display_lg",
         "type" : "String",
-        "desc" : [
-          "(none",
+        "desc" : "x)",
+        "memberOf" : "",
+        "optvals" : [
+          "none",
           "inline",
           "inline-block",
           "block",
           "table-cell",
           "table-row",
           "flex",
-          "inline-flex)"
-        ],
-        "memberOf" : ""
+          "inline-flex"
+        ]
       },
       {
         "name" : "display_sm",
         "type" : "String",
-        "desc" : [
-          "(none",
+        "desc" : "x)",
+        "memberOf" : "",
+        "optvals" : [
+          "none",
           "inline",
           "inline-block",
           "block",
           "table-cell",
           "table-row",
           "flex",
-          "inline-flex)"
-        ],
-        "memberOf" : ""
+          "inline-flex"
+        ]
       },
       {
         "name" : "display_xl",
         "type" : "String",
-        "desc" : [
-          "(none",
+        "desc" : "x)",
+        "memberOf" : "",
+        "optvals" : [
+          "none",
           "inline",
           "inline-block",
           "block",
           "table-cell",
           "table-row",
           "flex",
-          "inline-flex)"
-        ],
-        "memberOf" : ""
+          "inline-flex"
+        ]
       },
       {
         "name" : "display_xs",
         "type" : "String",
-        "desc" : [
-          "(none",
+        "desc" : "x)",
+        "memberOf" : "",
+        "optvals" : [
+          "none",
           "inline",
           "inline-block",
           "block",
           "table-cell",
           "table-row",
           "flex",
-          "inline-flex)"
-        ],
-        "memberOf" : ""
+          "inline-flex"
+        ]
       },
       {
         "name" : "footer",
       },
       {
         "name" : "header",
-        "type" : "String",
+        "type" : "String|Object",
         "desc" : "",
         "memberOf" : ""
       },
       {
         "name" : "header_size",
         "type" : "Number",
-        "desc" : [
-          "(0",
+        "desc" : "5) H1 or H2 etc.. 0 indicates default",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
           "1",
           "2",
           "3",
           "4",
-          "5)"
-        ],
-        "memberOf" : ""
+          "5"
+        ]
+      },
+      {
+        "name" : "header_weight",
+        "type" : "Number",
+        "desc" : "k)",
+        "memberOf" : "",
+        "optvals" : [
+          "primary",
+          "secondary",
+          "success",
+          "info",
+          "warning",
+          "danger",
+          "light",
+          "dark"
+        ]
       },
       {
         "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" : "-- html contents - or just use children..",
+        "type" : "String|Boolean",
+        "desc" : "-- html contents - or just use children.. use false to hide it..",
         "memberOf" : ""
       },
       {
       {
         "name" : "margin",
         "type" : "String",
-        "desc" : [
-          "(0",
+        "desc" : "o)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
           "1",
           "2",
           "3",
           "4",
           "5",
-          "auto)"
-        ],
-        "memberOf" : ""
+          "auto"
+        ]
       },
       {
         "name" : "margin_bottom",
         "type" : "String",
-        "desc" : [
-          "(0",
+        "desc" : "o)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
           "1",
           "2",
           "3",
           "4",
           "5",
-          "auto)"
-        ],
-        "memberOf" : ""
+          "auto"
+        ]
       },
       {
         "name" : "margin_left",
         "type" : "String",
-        "desc" : [
-          "(0",
+        "desc" : "o)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
           "1",
           "2",
           "3",
           "4",
           "5",
-          "auto)"
-        ],
-        "memberOf" : ""
+          "auto"
+        ]
       },
       {
         "name" : "margin_right",
         "type" : "String",
-        "desc" : [
-          "(0",
+        "desc" : "o)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
           "1",
           "2",
           "3",
           "4",
           "5",
-          "auto)"
-        ],
-        "memberOf" : ""
+          "auto"
+        ]
       },
       {
         "name" : "margin_top",
         "type" : "String",
-        "desc" : [
-          "(0",
+        "desc" : "o)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
           "1",
           "2",
           "3",
           "4",
           "5",
-          "auto)"
-        ],
-        "memberOf" : ""
+          "auto"
+        ]
       },
       {
         "name" : "margin_x",
         "type" : "String",
-        "desc" : [
-          "(0",
+        "desc" : "o)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
           "1",
           "2",
           "3",
           "4",
           "5",
-          "auto)"
-        ],
-        "memberOf" : ""
+          "auto"
+        ]
       },
       {
         "name" : "margin_y",
         "type" : "String",
-        "desc" : [
-          "(0",
+        "desc" : "o)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
           "1",
           "2",
           "3",
           "4",
           "5",
-          "auto)"
-        ],
-        "memberOf" : ""
+          "auto"
+        ]
       },
       {
         "name" : "name",
       {
         "name" : "padding",
         "type" : "String",
-        "desc" : [
-          "(0",
+        "desc" : "5)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
           "1",
           "2",
           "3",
           "4",
-          "5)"
-        ],
-        "memberOf" : ""
+          "5"
+        ]
       },
       {
         "name" : "padding_bottom",
         "type" : "String",
-        "desc" : [
-          "(0",
+        "desc" : "5)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
           "1",
           "2",
           "3",
           "4",
-          "5)"
-        ],
-        "memberOf" : ""
+          "5"
+        ]
       },
       {
         "name" : "padding_left",
         "type" : "String",
-        "desc" : [
-          "(0",
+        "desc" : "5)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
           "1",
           "2",
           "3",
           "4",
-          "5)"
-        ],
-        "memberOf" : ""
+          "5"
+        ]
       },
       {
         "name" : "padding_right",
         "type" : "String",
-        "desc" : [
-          "(0",
+        "desc" : "5)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
           "1",
           "2",
           "3",
           "4",
-          "5)"
-        ],
-        "memberOf" : ""
+          "5"
+        ]
       },
       {
         "name" : "padding_top",
         "type" : "String",
-        "desc" : [
-          "(0",
+        "desc" : "5)next_to_card",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
           "1",
           "2",
           "3",
           "4",
-          "5)"
-        ],
-        "memberOf" : ""
+          "5"
+        ]
       },
       {
         "name" : "padding_x",
         "type" : "String",
-        "desc" : [
-          "(0",
+        "desc" : "5)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
           "1",
           "2",
           "3",
           "4",
-          "5)"
-        ],
-        "memberOf" : ""
+          "5"
+        ]
       },
       {
         "name" : "padding_y",
         "type" : "String",
-        "desc" : [
-          "(0",
+        "desc" : "5)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
           "1",
           "2",
           "3",
           "4",
-          "5)"
-        ],
-        "memberOf" : ""
+          "5"
+        ]
       },
       {
         "name" : "style",
       {
         "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" : [
-          "(primary",
+        "desc" : "k)",
+        "memberOf" : "",
+        "optvals" : [
+          "primary",
           "warning",
           "info",
           "danger",
           "secondary",
           "success",
           "light",
-          "dark)"
-        ],
-        "memberOf" : ""
+          "dark"
+        ]
       },
       {
         "name" : "xattr",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "drop",
+        "type" : "function",
+        "desc" : "When a element a card is dropped",
+        "sig" : "function (_self, move_card, position, next_to_card)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "enable",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "rotate",
+        "type" : "function",
+        "desc" : "When a element a card is rotate",
+        "sig" : "function (_self, n, rotate)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "show",
         "type" : "function",
       }
     ],
     "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" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "getDropPoint",
+        "type" : "function",
+        "desc" : "Decide whether to drop above or below a View node.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "getEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "getTargetFromEvent",
+        "type" : "function",
+        "desc" : "Part of the Roo.dd.DropZone interface. If no target node is found, the\n   whole Element becomes the target, and this causes the drop gesture to append.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.CheckBox" : {
+  "Roo.bootstrap.CardFooter" : {
     "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",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "capture",
-        "type" : "String",
-        "desc" : [
-          "(user",
-          "camera)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "checked",
+        "name" : "clickable",
         "type" : "Boolean",
-        "desc" : "initnal the element",
-        "memberOf" : ""
+        "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",
         "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" : "groupId",
-        "type" : "String",
-        "desc" : "the checkbox group id // normal just use for checkbox",
-        "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)",
-        "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",
-        "type" : "String",
-        "desc" : "The value that should go into the generated input element's value when checked.",
-        "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"
+        "desc" : "y)\nHow this component 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" : "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" : "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" : "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"
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "selectOnFocus",
+        "name" : "preventDefault",
         "type" : "Boolean",
-        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-        "memberOf" : "Roo.bootstrap.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" : "e) default false",
+        "memberOf" : "Roo.bootstrap.Element",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "style",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "tooltip",
-        "type" : "String",
-        "desc" : "label tooltip",
-        "memberOf" : ""
-      },
-      {
-        "name" : "validClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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" : "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"
-      },
-      {
-        "name" : "weight",
-        "type" : "String",
-        "desc" : [
-          "(primary",
-          "warning",
-          "info",
-          "danger",
-          "success)"
-        ],
-        "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" : "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",
       {
         "name" : "click",
         "type" : "function",
-        "desc" : "Fires when the element is click.",
-        "sig" : "function (_self)\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" : "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 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.Column" : {
+  "Roo.bootstrap.CardHeader" : {
     "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",
         "desc" : "True if element can be rebuild from a HTML page",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "clickable",
+        "type" : "Boolean",
+        "desc" : "e) default false",
+        "memberOf" : "Roo.bootstrap.Element",
+        "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",
         "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.CardImageTop" : {
     "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"
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.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" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
-        "name" : "forceFeedback",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "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"
+      }
+    ],
+    "events" : [
       {
-        "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" : "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" : "grow",
-        "type" : "Boolean",
-        "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" : "growMax",
-        "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" : "growMin",
-        "type" : "Number",
-        "desc" : "",
-        "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" : "handleHeight",
-        "type" : "Number",
-        "desc" : "The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)",
-        "memberOf" : ""
+        "name" : "childrenrendered",
+        "type" : "function",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "hasFeedback",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "click",
+        "type" : "function",
+        "desc" : "When a element is chick",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Element"
       },
       {
-        "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" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "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" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "indicatorpos",
-        "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "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" : "inputType",
-        "type" : "String",
-        "desc" : "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
-        "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" : "invalidClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - uses BS4 is-valid now",
-        "memberOf" : ""
-      },
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      }
+    ],
+    "methods" : [
       {
-        "name" : "invalidFeedbackIcon",
-        "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "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" : "invalidText",
-        "type" : "String",
-        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
-        "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" : "labelAlign",
-        "type" : "String",
-        "desc" : [
-          "(top",
-          "left)"
-        ],
-        "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" : "labelWidth",
-        "type" : "Number",
-        "desc" : "set the width of label",
-        "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" : "labellg",
-        "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" : "labelmd",
-        "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" : "labelsm",
-        "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" : "labelxs",
-        "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" : "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" : "getChildContainer",
+        "type" : "function",
+        "desc" : "Fetch the element to add children to",
+        "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" : "getEl",
+        "type" : "function",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "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" : "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" : "initEvents",
+        "type" : "function",
+        "desc" : "Initialize Events for the element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "maxHeight",
-        "type" : "Number",
-        "desc" : "The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)",
-        "memberOf" : ""
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "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" : "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" : "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" : "purgeListeners",
+        "type" : "function",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "md",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for computer-sized screens",
-        "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" : "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" : "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" : "setDisabled",
+        "type" : "function",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.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" : "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" : "mobileTouchView",
-        "type" : "Boolean",
-        "desc" : [
-          "(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" : "mobile_restrict_height",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show a component - removes 'hidden' class",
+        "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" : "tooltipEl",
+        "type" : "function",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "mode",
+        "name" : "un",
+        "type" : "function",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      }
+    ]
+  },
+  "Roo.bootstrap.CardUploader" : {
+    "props" : [
+      {
+        "name" : "actionMode",
         "type" : "String",
-        "desc" : "Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)",
-        "memberOf" : ""
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "multiple",
+        "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" : "name",
+        "name" : "badge",
         "type" : "String",
-        "desc" : "name of the input",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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" : ""
+        "desc" : "text for badge",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
-        "name" : "placeholder",
-        "type" : "string",
-        "desc" : "- placeholder to put in text.",
-        "memberOf" : "Roo.bootstrap.Input"
+        "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" : "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" : "can_build_overlaid",
+        "type" : "Boolean",
+        "desc" : "True if element can be rebuild from a HTML page",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "queryParam",
+        "name" : "cls",
         "type" : "String",
-        "desc" : "Name of the query as it will be passed on the querystring (defaults to 'query')",
-        "memberOf" : ""
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "readOnly",
-        "type" : "Boolean",
-        "desc" : "Specifies that the field should be read-only",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "container_method",
+        "type" : "string",
+        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "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" : "dataId",
+        "type" : "string",
+        "desc" : "cutomer id",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "regexText",
+        "name" : "disableClass",
         "type" : "String",
-        "desc" : "-- Depricated - use Invalid Text",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "removable",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.TriggerField"
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "resizable",
+        "name" : "disabled",
         "type" : "Boolean",
-        "desc" : "True to add a resize handle to the bottom of the dropdown list (defaults to false)",
-        "memberOf" : ""
+        "desc" : "default false;",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
-        "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)",
+        "name" : "errorTimeout",
+        "type" : "Number",
+        "desc" : "default 3000",
         "memberOf" : ""
       },
       {
-        "name" : "selectedClass",
+        "name" : "fa",
         "type" : "String",
-        "desc" : "CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')",
-        "memberOf" : ""
+        "desc" : "fontawesome icon - eg. 'comment' - without the fa/fas etc..",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
-        "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" : "glyphicon",
+        "type" : "String",
+        "desc" : "depricated - use fa",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
-        "name" : "showToggleBtn",
+        "name" : "grpup",
         "type" : "Boolean",
-        "desc" : "show toggle button or not (true|false) default true",
-        "memberOf" : ""
+        "desc" : "if parent is a btn group - then it turns it into a toogleGroup.",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
-        "name" : "size",
-        "type" : "string",
-        "desc" : "- (lg|sm) or leave empty..",
-        "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" : "sm",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for tablet-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "href",
+        "type" : "String",
+        "desc" : "empty or href",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
-        "name" : "specialFilter",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
+        "name" : "html",
+        "type" : "Array",
+        "desc" : "The button text.",
         "memberOf" : ""
       },
       {
-        "name" : "store",
-        "type" : "Roo.data.Store",
-        "desc" : "The data store to which this combo is bound (defaults to undefined)",
+        "name" : "images",
+        "type" : "Array",
+        "desc" : "an array of ?? Img objects ??? when loading existing files..",
         "memberOf" : ""
       },
       {
-        "name" : "style",
-        "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "inverse",
+        "type" : "Boolean",
+        "desc" : "dark themed version",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
-        "name" : "tickable",
+        "name" : "isClose",
         "type" : "Boolean",
-        "desc" : "ComboBox with tickable selections (true|false), default false",
-        "memberOf" : ""
+        "desc" : "default false;",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
-        "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" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for 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" : "tooltip",
+        "name" : "name",
         "type" : "string",
-        "desc" : "Text for the tooltip",
+        "desc" : "Specifies name attribute",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "tpl",
-        "type" : "String/Roo.Template",
-        "desc" : "The template to use to render the output",
-        "memberOf" : ""
-      },
-      {
-        "name" : "triggerAction",
+        "name" : "offtext",
         "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" : "text for off slidy toggle state",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
-        "name" : "triggerClass",
+        "name" : "ontext",
         "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" : "text for on slidy toggle state",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
-        "name" : "triggerList",
+        "name" : "outline",
         "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" : ""
+        "desc" : "default false (except for weight=default which emulates old behaveiour with an outline)",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
-        "name" : "typeAhead",
+        "name" : "pressed",
         "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" : ""
+        "desc" : "default null - if the button ahs active state",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
-        "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" : "preventDefault",
+        "type" : "Boolean",
+        "desc" : "default true (stop click event triggering the URL if it's a link.)",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
-        "name" : "useNativeIOS",
+        "name" : "removeClass",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "remove the standard class..",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
-        "name" : "validClass",
+        "name" : "size",
         "type" : "String",
-        "desc" : "DEPRICATED - uses BS4 is-valid now",
-        "memberOf" : ""
+        "desc" : "s)",
+        "memberOf" : "Roo.bootstrap.Button",
+        "optvals" : [
+          "lg",
+          "sm",
+          "xs"
+        ]
       },
       {
-        "name" : "validFeedbackIcon",
+        "name" : "style",
         "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "validateOnBlur",
-        "type" : "Boolean",
-        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "tag",
+        "type" : "String",
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Button",
+        "optvals" : [
+          "a",
+          "input",
+          "submit"
+        ]
       },
       {
-        "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" : "target",
+        "type" : "String",
+        "desc" : "r) target for a href.",
+        "memberOf" : "Roo.bootstrap.Button",
+        "optvals" : [
+          "_self",
+          "_blank",
+          "_parent",
+          "_top",
+          "other"
+        ]
       },
       {
-        "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" : "theme",
+        "type" : "String",
+        "desc" : "w)",
+        "memberOf" : "Roo.bootstrap.Button",
+        "optvals" : [
+          "default",
+          "glow"
+        ]
       },
       {
-        "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" : "toggle",
+        "type" : "Boolean",
+        "desc" : "is it a slidy toggle button",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
-        "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"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
-        "name" : "vtype",
+        "name" : "weight",
         "type" : "String",
-        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "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" : "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 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" : "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",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "expand",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Fires when the dropdown list is expanded",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : ""
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "focus",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
+        "desc" : "Fires after the component is rendered.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "hide",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
+        "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
       {
-        "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",
-        "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" : ""
-      },
-      {
-        "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",
+        "name" : "toggle",
         "type" : "function",
-        "desc" : "Fires after the field has been validated with no errors.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "After the button has been toggles",
+        "sig" : "function (btn, e, pressed)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Button"
       }
     ],
     "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",
       {
         "name" : "disable",
         "type" : "function",
-        "desc" : "Disable this component.",
+        "desc" : "Disable this button",
         "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" : ""
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
         "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.",
+        "desc" : "Enables this button",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
         "name" : "fireEvent",
         "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",
+        "name" : "getText",
         "type" : "function",
-        "desc" : "Returns the currently selected field value or empty string if no value is set.",
+        "desc" : "get the text of the first selected button",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
         "name" : "getVisibilityEl",
         "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",
+        "name" : "isActive",
         "type" : "function",
-        "desc" : "Returns true if the dropdown list is expanded, else false.",
+        "desc" : "get the current active state",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
         "name" : "isVisible",
         "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",
         "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",
+        "name" : "setActive",
         "type" : "function",
-        "desc" : "Select an item in the dropdown list by its data value. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue.",
-        "sig" : "(value, scrollIntoView)",
+        "desc" : "sets the active state on/off,",
+        "sig" : "(state)",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
         "name" : "setDisabled",
         "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",
+        "name" : "setText",
         "type" : "function",
-        "desc" : "Sets the specified value into the field.  If the value finds a match, the corresponding record text\nwill be displayed in the field.  If the value does not match the data value of an existing item,\nand the valueNotFoundText config option is defined, it will be displayed as the default field text.\nOtherwise the field will be blank (although the value will still be set).",
-        "sig" : "(value)",
+        "desc" : "set the text of the first selected button",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
         "name" : "setVisibilityEl",
         "static" : false,
         "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",
         "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.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",
         "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" : "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" : "a) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "user",
+          "camera"
+        ]
+      },
+      {
+        "name" : "checked",
+        "type" : "Boolean",
+        "desc" : "initnal the element",
         "memberOf" : ""
       },
       {
         "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",
         "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" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for 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" : "disabled",
+        "type" : "Boolean",
+        "desc" : "is it disabled",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "name",
+        "name" : "fieldLabel",
         "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : ""
+        "desc" : "- the label associated",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "style",
+        "name" : "focusClass",
         "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : ""
+        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "tooltip",
-        "type" : "string",
-        "desc" : "Text for the tooltip",
-        "memberOf" : ""
+        "name" : "forceFeedback",
+        "type" : "Boolean",
+        "desc" : "e) Default false",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "visibilityEl",
-        "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
+        "name" : "groupId",
+        "type" : "String",
+        "desc" : "the checkbox group id // normal just use for checkbox",
         "memberOf" : ""
       },
       {
-        "name" : "xattr",
-        "type" : "Object",
-        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "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" : "hasFeedback",
+        "type" : "Boolean",
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "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" : "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" : "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" : "indicatorpos",
+        "type" : "String",
+        "desc" : "t) default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
-        "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" : "inline",
+        "type" : "Boolean",
+        "desc" : "inline the element (default false)",
+        "memberOf" : ""
       },
       {
-        "name" : "childrenrendered",
-        "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
-        "sig" : "function (_self)\n{\n\n}",
+        "name" : "inputValue",
+        "type" : "String",
+        "desc" : "The value that should go into the generated input element's value when checked.",
         "memberOf" : ""
       },
       {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "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" : "disable",
-        "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "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" : "enable",
-        "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "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" : "hide",
-        "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "name" : "labelAlign",
+        "type" : "String",
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "name" : "labelWidth",
+        "type" : "Number",
+        "desc" : "set the width of label",
+        "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" : "labellg",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "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" : "labelmd",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "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" : "labelsm",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "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" : "labelxs",
+        "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" : "lg",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for large computer-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "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" : ""
-      },
-      {
-        "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" : ""
-      },
-      {
-        "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" : ""
-      },
-      {
-        "name" : "initEvents",
-        "type" : "function",
-        "desc" : "Initialize Events for the element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "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,
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for 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" : "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" : "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" : "setVisibilityEl",
-        "type" : "function",
-        "desc" : "Set the element that will be used to show or hide",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "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" : "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" : "show",
-        "type" : "function",
-        "desc" : "Show a component - removes 'hidden' class",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
+        "name" : "md",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for computer-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" : ""
+        "name" : "minLength",
+        "type" : "Number",
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "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.Container" : {
-    "props" : [
-      {
-        "name" : "actionMode",
+        "name" : "minLengthText",
         "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" : "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" : "alert",
+        "name" : "name",
         "type" : "String",
-        "desc" : [
-          "(success",
-          "info",
-          "warning",
-          "danger)"
-        ],
-        "memberOf" : ""
+        "desc" : "name of the input",
+        "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" : "placeholder",
+        "type" : "string",
+        "desc" : "- placeholder to put in text.",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "can_build_overlaid",
+        "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" : "clickable",
+        "name" : "readOnly",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
-      },
-      {
-        "name" : "cls",
-        "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "container_method",
-        "type" : "string",
-        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "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" : "expandable",
+        "name" : "selectOnFocus",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "expanded",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "name" : "size",
+        "type" : "string",
+        "desc" : "- (lg|sm) or leave empty..",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "fa",
-        "type" : "String",
-        "desc" : "font awesome icon",
-        "memberOf" : ""
+        "name" : "sm",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for tablet-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "footer",
+        "name" : "style",
         "type" : "String",
-        "desc" : "content of footer (for panel)",
-        "memberOf" : ""
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "header",
+        "name" : "tooltip",
         "type" : "String",
-        "desc" : "content of header (for panel)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "hidden",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
+        "desc" : "label tooltip",
         "memberOf" : ""
       },
       {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "html",
+        "name" : "validClass",
         "type" : "String",
-        "desc" : "content of element",
-        "memberOf" : ""
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "icon",
+        "name" : "validFeedbackIcon",
         "type" : "String",
-        "desc" : [
-          "(info-sign",
-          "check",
-          "...)"
-        ],
-        "memberOf" : ""
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "jumbotron",
+        "name" : "validateOnBlur",
         "type" : "Boolean",
-        "desc" : "is it a jumbotron element",
-        "memberOf" : ""
+        "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" : "panel",
-        "type" : "String",
-        "desc" : [
-          "(default",
-          "primary",
-          "success",
-          "info",
-          "warning",
-          "danger)"
-        ],
-        "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" : "rheader",
-        "type" : "String",
-        "desc" : "contet on the right of header",
-        "memberOf" : ""
+        "name" : "value",
+        "type" : "string",
+        "desc" : "default value of the input",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "sticky",
+        "name" : "valueOff",
         "type" : "String",
-        "desc" : [
-          "(footer",
-          "wrap",
-          "push)"
-        ],
+        "desc" : "The value that should go into the generated input element's value when unchecked.",
         "memberOf" : ""
       },
       {
-        "name" : "style",
-        "type" : "String",
-        "desc" : "any extra css",
-        "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" : "tag",
+        "name" : "vtype",
         "type" : "String",
-        "desc" : [
-          "(header",
-          "aside",
-          "section)"
-        ],
-        "memberOf" : ""
-      },
-      {
-        "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"
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "well",
+        "name" : "weight",
         "type" : "String",
-        "desc" : [
-          "(lg",
-          "sm",
-          "md)"
-        ],
-        "memberOf" : ""
+        "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",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "on",
+        "name" : "markInvalid",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : ""
       },
       {
-        "name" : "purgeListeners",
+        "name" : "markValid",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
+        "desc" : "Mark this field as valid",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "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 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" : "disabled",
-        "type" : "Boolean",
-        "desc" : "is it disabled",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "endDate",
-        "type" : "Number",
-        "desc" : "default Infinity",
-        "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"
-      },
-      {
-        "name" : "forceFeedback",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : ".) font awesome icon",
+        "memberOf" : "",
+        "optvals" : [
+          "ban",
+          "check",
+          "..."
+        ]
       },
       {
-        "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" : "fasize",
+        "type" : "Number",
+        "desc" : ".) font awsome size",
+        "memberOf" : "",
+        "optvals" : [
+          "1",
+          "2",
+          "...."
+        ]
       },
       {
-        "name" : "hasFeedback",
+        "name" : "hidden",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) hide the element",
+        "memberOf" : "",
+        "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"
-      },
-      {
-        "name" : "keyboardNavigation",
-        "type" : "Boolean",
-        "desc" : "default true",
+        "desc" : "content of column.",
         "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",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "getName",
+        "name" : "getVisibilityEl",
         "type" : "function",
-        "desc" : "Returns the name of the field",
+        "desc" : "Get the element that will be used to show or hide",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "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",
+        "name" : "hasListener",
         "type" : "function",
         "desc" : "Checks to see if this object has any listeners for a specified event",
         "sig" : "(eventName)",
         "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" : "(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" : ""
+      },
+      {
+        "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" : "e) default false",
+        "memberOf" : "",
+        "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" : ""
+      },
+      {
+        "name" : "autoFocus",
+        "type" : "Boolean",
+        "desc" : "e) auto focus the first item, default true",
+        "memberOf" : "",
+        "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" : ""
+      },
+      {
+        "name" : "btnPosition",
+        "type" : "String",
+        "desc" : "set the position of the trigger button (left | right) default right",
+        "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" : "caret",
+        "type" : "String",
+        "desc" : "r) BS3 only - carat fa name",
+        "memberOf" : "Roo.bootstrap.TriggerField",
+        "optvals" : [
+          "search",
+          "calendar"
+        ]
+      },
       {
         "name" : "cls",
         "type" : "String",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "dayAllowBlank",
+        "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" : [
-          "(true",
-          "false)"
-        ],
+        "desc" : "Disable showing of clear button.",
         "memberOf" : ""
       },
       {
-        "name" : "dayFormat",
-        "type" : "string",
-        "desc" : "default 'd'",
+        "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" : ""
       },
       {
-        "name" : "dayPlaceholder",
-        "type" : "string",
-        "desc" : "",
+        "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" : "disableClass",
+        "name" : "emptyResultText",
+        "type" : "Boolean",
+        "desc" : "only for touch device",
+        "memberOf" : ""
+      },
+      {
+        "name" : "emptyTitle",
         "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "desc" : "default ''",
+        "memberOf" : ""
       },
       {
         "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" : ""
+      },
+      {
+        "name" : "grow",
+        "type" : "Boolean",
+        "desc" : "",
+        "memberOf" : ""
+      },
+      {
+        "name" : "growMax",
+        "type" : "Number",
+        "desc" : "",
+        "memberOf" : ""
+      },
+      {
+        "name" : "growMin",
+        "type" : "Number",
+        "desc" : "",
+        "memberOf" : ""
+      },
+      {
+        "name" : "handleHeight",
+        "type" : "Number",
+        "desc" : "The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "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" : ""
       },
       {
         "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" : "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" : [
-          "(top",
-          "left)"
-        ],
+        "desc" : "DEPRICATED - uses BS4 is-valid now",
         "memberOf" : ""
       },
+      {
+        "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 (0-12)",
-        "memberOf" : ""
+        "desc" : "set the width of label",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "labellg",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "labelmd",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "labelsm",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : ""
+        "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" : ""
       },
       {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for 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" : "lg",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for large computer-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "monthAllowBlank",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
+        "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" : "monthFormat",
-        "type" : "string",
-        "desc" : "default 'm'",
+        "name" : "listClass",
+        "type" : "String",
+        "desc" : "CSS class to apply to the dropdown list element (defaults to '')",
         "memberOf" : ""
       },
       {
-        "name" : "monthPlaceholder",
-        "type" : "string",
-        "desc" : "",
+        "name" : "listWidth",
+        "type" : "Number",
+        "desc" : "The width in pixels of the dropdown list (defaults to the width of the ComboBox field)",
         "memberOf" : ""
       },
       {
-        "name" : "name",
-        "type" : "string",
-        "desc" : "Specifies name attribute",
-        "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" : "style",
+        "name" : "loadingText",
         "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "The text to display in the dropdown list while data is loading.  Only applies\nwhen mode = 'remote' (defaults to 'Loading...')",
+        "memberOf" : ""
       },
       {
-        "name" : "tooltip",
-        "type" : "string",
-        "desc" : "Text for the tooltip",
-        "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" : "visibilityEl",
-        "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "maxHeight",
+        "type" : "Number",
+        "desc" : "The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)",
+        "memberOf" : ""
       },
       {
-        "name" : "xattr",
-        "type" : "Object",
-        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "yearAllowBlank",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "name" : "maxLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "yearFormat",
-        "type" : "string",
-        "desc" : "default 'Y'",
-        "memberOf" : ""
+        "name" : "md",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for computer-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "yearPlaceholder",
-        "type" : "string",
-        "desc" : "",
+        "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" : ""
-      }
-    ],
-    "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" : "minLength",
+        "type" : "Number",
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "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" : "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" : "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" : "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" : "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" : "mobileTouchView",
+        "type" : "Boolean",
+        "desc" : "e) show mobile touch view when using a mobile default true",
+        "memberOf" : "",
+        "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" : "mobile_restrict_height",
+        "type" : "Boolean",
+        "desc" : "e) restrict height for touch view",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "days",
-        "type" : "function",
-        "desc" : "getting the data of days",
-        "sig" : "function (_self, days)\n{\n\n}",
+        "name" : "modalTitle",
+        "type" : "String",
+        "desc" : "The title of the dialog that pops up on mobile views.",
         "memberOf" : ""
       },
       {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "name" : "mode",
+        "type" : "String",
+        "desc" : "Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)",
+        "memberOf" : ""
       },
       {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "name" : "multiple",
+        "type" : "Boolean",
+        "desc" : "e) ComboBobArray, default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "name" : "name",
+        "type" : "String",
+        "desc" : "name of the input",
+        "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" : "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" : "invalid",
-        "type" : "function",
-        "desc" : "Fires after the field has been marked as invalid.",
-        "sig" : "function (_self, msg)\n{\n\n}",
-        "memberOf" : ""
+        "name" : "placeholder",
+        "type" : "string",
+        "desc" : "- placeholder to put in text.",
+        "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" : "preventMark",
+        "type" : "Boolean",
+        "desc" : "Do not show tick or cross if error/success",
+        "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" : "valid",
-        "type" : "function",
-        "desc" : "Fires after the field has been validated with no errors.",
-        "sig" : "function (_self)\n{\n\n}",
+        "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" : "years",
-        "type" : "function",
-        "desc" : "getting the data of years",
-        "sig" : "function (_self, years)\n{\n\n}",
+        "name" : "queryParam",
+        "type" : "String",
+        "desc" : "Name of the query as it will be passed on the querystring (defaults to 'query')",
         "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" : "readOnly",
+        "type" : "Boolean",
+        "desc" : "Specifies that the field should be read-only",
+        "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" : "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" : "initEvents",
-        "type" : "function",
-        "desc" : "Initialize Events for the element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "regexText",
+        "type" : "String",
+        "desc" : "-- Depricated - use Invalid Text",
+        "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" : "removable",
+        "type" : "Boolean",
+        "desc" : "e) special filter default false",
+        "memberOf" : "Roo.bootstrap.TriggerField",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "markInvalid",
-        "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
-        "static" : false,
+        "name" : "resizable",
+        "type" : "Boolean",
+        "desc" : "True to add a resize handle to the bottom of the dropdown list (defaults to 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" : "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" : "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" : "removeListener",
-        "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
+        "name" : "selectedClass",
+        "type" : "String",
+        "desc" : "CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')",
+        "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" : "shadow",
+        "type" : "Boolean/String",
+        "desc" : "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\" for bottom-right",
+        "memberOf" : ""
       },
       {
-        "name" : "setDisabled",
-        "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
-        "static" : false,
-        "memberOf" : "Roo.Component"
+        "name" : "showToggleBtn",
+        "type" : "Boolean",
+        "desc" : "show toggle button or not (true|false) default true",
+        "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" : "size",
+        "type" : "string",
+        "desc" : "- (lg|sm) or leave empty..",
+        "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" : "sm",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for tablet-sized screens",
+        "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" : "specialFilter",
+        "type" : "Boolean",
+        "desc" : "e) special filter default false",
+        "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" : "store",
+        "type" : "Roo.data.Store",
+        "desc" : "The data store to which this combo is bound (defaults to undefined)",
+        "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" : "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" : "allowDomMove",
+        "name" : "tickable",
         "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "boxes",
-        "type" : "Number",
-        "desc" : "number of boxes, 0 is no limit.. default 0",
+        "desc" : "ComboBox with tickable selections (true|false), 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" : "cls",
+        "name" : "title",
         "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "container_method",
-        "type" : "string",
-        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "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" : "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" : "editable",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
+        "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" : "fieldLabel",
+        "name" : "triggerAction",
         "type" : "String",
-        "desc" : "",
+        "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" : "hideMode",
+        "name" : "triggerClass",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.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" : "labelAlign",
-        "type" : "String",
-        "desc" : [
-          "(left",
-          "top)"
-        ],
+        "name" : "triggerList",
+        "type" : "Boolean",
+        "desc" : "trigger show the list or not (true|false) default true",
         "memberOf" : ""
       },
       {
-        "name" : "labelWidth",
-        "type" : "Number",
-        "desc" : "default 4",
+        "name" : "triggerText",
+        "type" : "String",
+        "desc" : "multiple combobox trigger button text default 'Select'",
         "memberOf" : ""
       },
       {
-        "name" : "labellg",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
+        "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" : "labelmd",
+        "name" : "typeAheadDelay",
         "type" : "Number",
-        "desc" : "set the width of label (1-12)",
+        "desc" : "The length of time in milliseconds to wait until the typeahead text is displayed\nif typeAhead = true (defaults to 250)",
         "memberOf" : ""
       },
       {
-        "name" : "labelsm",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : ""
+        "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" : "labelxs",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
+        "name" : "validClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - uses BS4 is-valid now",
         "memberOf" : ""
       },
       {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "method",
+        "name" : "validFeedbackIcon",
         "type" : "String",
-        "desc" : "default POST",
-        "memberOf" : ""
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "multiple",
+        "name" : "validateOnBlur",
         "type" : "Boolean",
-        "desc" : "multiple upload default true",
-        "memberOf" : ""
+        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "name",
-        "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "validationDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "paramName",
-        "type" : "String",
-        "desc" : "default 'imageUpload'",
-        "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" : "style",
-        "type" : "String",
-        "desc" : "any extra css",
-        "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" : "thumbSize",
-        "type" : "Number",
-        "desc" : "default 300",
-        "memberOf" : ""
+        "name" : "value",
+        "type" : "string",
+        "desc" : "default value of the input",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "toolTipName",
+        "name" : "valueField",
         "type" : "String",
-        "desc" : "default 'filename'",
+        "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" : "tooltip",
-        "type" : "string",
-        "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "url",
+        "name" : "valueNotFoundText",
         "type" : "String",
-        "desc" : "action url",
+        "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" : "hide",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
+        "desc" : "Fires when this field receives input focus.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "initial",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Fire when initial the DocumentManager",
+        "desc" : "Fires after the component is hidden.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "inspect",
+        "name" : "invalid",
         "type" : "function",
-        "desc" : "inspect selected file",
-        "sig" : "function (_self, file)\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" : "prepare",
+        "name" : "keyup",
         "type" : "function",
-        "desc" : "prepare the form data",
-        "sig" : "function (_self, formData)\n{\n\n}",
-        "memberOf" : ""
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "previewrendered",
+        "name" : "remove",
         "type" : "function",
-        "desc" : "Fire when preview rendered",
-        "sig" : "function (_self, file)\n{\n\n}",
+        "desc" : "Fires when the remove value from the combobox array",
+        "sig" : "function (combo)\n{\n\n}",
         "memberOf" : ""
       },
       {
-        "name" : "process",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fire before process file",
-        "sig" : "function (_self, file)\n{\n\n}",
+        "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" : ""
       },
       {
-        "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",
         "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" : "endDate",
+        "type" : "Number",
+        "desc" : "default Infinity",
+        "memberOf" : ""
+      },
+      {
+        "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 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" : "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" : "contents of the element",
+        "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" : "keyboardNavigation",
+        "type" : "Boolean",
+        "desc" : "default true",
+        "memberOf" : ""
+      },
+      {
+        "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" : "minViewMode",
+        "type" : "String",
+        "desc" : "default empty, (months|years)",
+        "memberOf" : ""
+      },
       {
         "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" : "preventDefault",
+        "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" : "singleMode",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
+        "desc" : "default false (true | 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" : "startDate",
+        "type" : "Number",
+        "desc" : "default -Infinity",
         "memberOf" : ""
       },
       {
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "tag",
-        "type" : "String",
-        "desc" : "tag of the element",
+        "name" : "todayBtn",
+        "type" : "Boolean",
+        "desc" : "default false",
+        "memberOf" : ""
+      },
+      {
+        "name" : "todayHighlight",
+        "type" : "Boolean",
+        "desc" : "default false",
         "memberOf" : ""
       },
       {
         "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"
+        "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" : "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",
         "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}",
-        "memberOf" : ""
+        "desc" : "Fires just before the field blurs if the field value has changed.",
+        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "childrenrendered",
+        "type" : "function",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "destroy",
         "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 (_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.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.FieldLabel" : {
+  "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" : "allowBlank",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
-      },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
       {
         "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" : "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",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
         "memberOf" : "Roo.Component"
       },
+      {
+        "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" : "html",
+        "name" : "labelAlign",
         "type" : "String",
-        "desc" : "contents of the element",
+        "desc" : "t)",
+        "memberOf" : "",
+        "optvals" : [
+          "top",
+          "left"
+        ]
+      },
+      {
+        "name" : "labelWidth",
+        "type" : "Number",
+        "desc" : "set the width of label (0-12)",
         "memberOf" : ""
       },
       {
-        "name" : "iconTooltip",
-        "type" : "String",
-        "desc" : "default \"This field is required\"",
+        "name" : "labellg",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
         "memberOf" : ""
       },
       {
-        "name" : "indicatorpos",
-        "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
+        "name" : "labelmd",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
         "memberOf" : ""
       },
       {
-        "name" : "invalidClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - BS4 uses is-invalid",
+        "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" : ""
       },
       {
         "desc" : "list of events and functions to call for 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" : ""
+      },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "tag",
-        "type" : "String",
-        "desc" : "tag of the element default label",
-        "memberOf" : ""
-      },
-      {
-        "name" : "target",
-        "type" : "String",
-        "desc" : "label target",
-        "memberOf" : ""
-      },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "validClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - BS4 uses is-valid",
-        "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" : "yearAllowBlank",
+        "type" : "Boolean",
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "yearFormat",
+        "type" : "string",
+        "desc" : "default 'Y'",
+        "memberOf" : ""
+      },
+      {
+        "name" : "yearPlaceholder",
+        "type" : "string",
+        "desc" : "",
+        "memberOf" : ""
       }
     ],
     "events" : [
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "days",
+        "type" : "function",
+        "desc" : "getting the data of days",
+        "sig" : "function (_self, days)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "destroy",
         "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" : 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" : ""
       },
-      {
-        "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 FieldLabel Group",
-        "sig" : "(the)",
-        "static" : true,
-        "memberOf" : ""
-      },
       {
         "name" : "releaseCapture",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.Form" : {
+  "Roo.bootstrap.DocumentManager" : {
     "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" : "baseParams",
-        "type" : "Object",
-        "desc" : "Parameters to pass with all requests. e.g. baseParams: {id: '123', foo: 'bar'}.",
+        "name" : "boxes",
+        "type" : "Number",
+        "desc" : "number of boxes, 0 is no limit.. default 0",
         "memberOf" : ""
       },
       {
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "errorMask",
+        "name" : "editable",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) allow edit when upload a image default true",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "fileUpload",
-        "type" : "Boolean",
-        "desc" : "Set to true if this form is a file upload.",
+        "name" : "fieldLabel",
+        "type" : "String",
+        "desc" : "",
         "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" : "p) default left",
+        "memberOf" : "",
+        "optvals" : [
+          "left",
+          "top"
+        ]
+      },
+      {
+        "name" : "labelWidth",
+        "type" : "Number",
+        "desc" : "default 4",
         "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" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for 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" : "GET | POST (default POST)",
+        "desc" : "default POST",
+        "memberOf" : ""
+      },
+      {
+        "name" : "multiple",
+        "type" : "Boolean",
+        "desc" : "multiple upload default true",
         "memberOf" : ""
       },
       {
         "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" : "timeout",
+        "name" : "thumbSize",
         "type" : "Number",
-        "desc" : "Timeout for form actions in seconds (default is 30 seconds).",
+        "desc" : "default 300",
+        "memberOf" : ""
+      },
+      {
+        "name" : "toolTipName",
+        "type" : "String",
+        "desc" : "default 'filename'",
         "memberOf" : ""
       },
       {
       {
         "name" : "url",
         "type" : "String",
-        "desc" : "The URL to use for form actions if one isn't supplied in the action options.",
+        "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" : "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",
+        "name" : "afterupload",
         "type" : "function",
-        "desc" : "Fires before any action is performed. Return false to cancel the action.",
-        "sig" : "function (_self, action)\n{\n\n}",
+        "desc" : "Fire when xhr load exception",
+        "sig" : "function (_self, xhr)\n{\n\n}",
         "memberOf" : ""
       },
       {
         "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",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "clientvalidation",
+        "name" : "click",
         "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" : "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",
         "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",
         "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.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.DocumentSlider" : {
     "props" : [
       {
         "name" : "actionMode",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "g_height",
-        "type" : "number",
-        "desc" : "height of the chart (respected by all elements in the set)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "g_r",
-        "type" : "number",
-        "desc" : "radius (pie)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "g_width",
-        "type" : "number",
-        "desc" : "width of the chart (respected by all elements in the set)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "g_x",
-        "type" : "number",
-        "desc" : "coodinator | centre x (pie)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "g_y",
-        "type" : "number",
-        "desc" : "coodinator | centre y (pie)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "graphtype",
-        "type" : "String",
-        "desc" : "bar | vbar | pie",
-        "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" : "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",
       {
         "name" : "click",
         "type" : "function",
-        "desc" : "The img click event for the img.",
-        "sig" : "function (e)\n{\n\n}",
+        "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" : [
       }
     ]
   },
-  "Roo.bootstrap.Header" : {
+  "Roo.bootstrap.DocumentViewer" : {
     "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",
         "desc" : "Specifies name attribute",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "showDownload",
+        "type" : "Boolean",
+        "desc" : "e) show download button (default true)",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "showTrash",
+        "type" : "Boolean",
+        "desc" : "e) show trash button (default true)",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
       {
         "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.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" : "download",
+        "type" : "function",
+        "desc" : "Fire after download button",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "enable",
         "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" : "trash",
+        "type" : "function",
+        "desc" : "Fire after trash button",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : ""
       }
     ],
     "methods" : [
       }
     ]
   },
-  "Roo.bootstrap.HtmlEditor" : {
+  "Roo.bootstrap.DropTarget" : {
     "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",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "capture",
-        "type" : "String",
-        "desc" : [
-          "(user",
-          "camera)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "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"
-      },
-      {
-        "name" : "cols",
-        "type" : "Number",
-        "desc" : "Specifies the visible width of a text area",
-        "memberOf" : "Roo.bootstrap.TextArea"
+        "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" : "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" : "forceFeedback",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "hasFeedback",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "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" : "html",
-        "type" : "string",
-        "desc" : "text",
-        "memberOf" : "Roo.bootstrap.TextArea"
-      },
-      {
-        "name" : "indicatorpos",
-        "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "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" : "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" : "lg",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for large computer-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
+        "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" : "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" : "resizable",
-        "type" : "String",
-        "desc" : "'s' or 'se' or 'e' - wrapps the element in a\n                       Roo.resizable.",
+        "desc" : "dropable name",
         "memberOf" : ""
       },
       {
-        "name" : "resize",
-        "type" : "string",
-        "desc" : [
-          "(none",
-          "both",
-          "horizontal",
-          "vertical",
-          "inherit",
-          "initial)"
-        ],
-        "memberOf" : "Roo.bootstrap.TextArea"
-      },
-      {
-        "name" : "rows",
-        "type" : "Number",
-        "desc" : "Specifies the visible number of lines in a text area",
-        "memberOf" : "Roo.bootstrap.TextArea"
-      },
-      {
-        "name" : "selectOnFocus",
+        "name" : "preventDefault",
         "type" : "Boolean",
-        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-        "memberOf" : "Roo.bootstrap.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" : "e) default false",
+        "memberOf" : "Roo.bootstrap.Element",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "style",
         "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" : "tag",
+        "type" : "String",
+        "desc" : "tag of the element",
+        "memberOf" : "Roo.bootstrap.Element"
       },
       {
         "name" : "tooltip",
         "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"
-      },
-      {
-        "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" : [
-          "(soft",
-          "hard)"
-        ],
-        "memberOf" : "Roo.bootstrap.TextArea"
+        "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",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "beforesync",
+        "name" : "childrenrendered",
         "type" : "function",
-        "desc" : "Fires before the textarea is updated with content from the editor iframe. Return false\nto cancel the sync.",
-        "sig" : "function (_self, html)\n{\n\n}",
-        "memberOf" : ""
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "blur",
+        "name" : "click",
         "type" : "function",
-        "desc" : "",
-        "sig" : "function ()\n{\n\n}",
+        "desc" : "When a element is chick",
+        "sig" : "function (_self, e)\n{\n\n}",
         "memberOf" : ""
       },
       {
-        "name" : "change",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "",
-        "sig" : "function ()\n{\n\n}",
-        "memberOf" : ""
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "childrenrendered",
+        "name" : "disable",
         "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.",
+        "desc" : "Fires after the component is disabled.",
         "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",
         "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.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"
+        "desc" : "y)\nHow this component 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" : "imgResponsive",
-        "type" : "Boolean",
-        "desc" : "false | true",
-        "memberOf" : ""
-      },
-      {
-        "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",
-        "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",
+        "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" : "OverlayViewOnRemove",
+        "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" : "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" : "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",
         "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",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "alternativePadWidth",
+        "type" : "Number",
+        "desc" : "padding below box..",
+        "memberOf" : ""
+      },
+      {
+        "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",
+        "memberOf" : ""
+      },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "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",
         "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "destroy",
+        "name" : "clearAll",
         "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" : "clear all the Masonry Brick",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component"
+        "memberOf" : ""
       },
       {
-        "name" : "disable",
+        "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" : "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" : "minText",
+        "name" : "name",
         "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" : "name of the input",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "minValue",
-        "type" : "Number",
-        "desc" : "The minimum allowed value (defaults to Number.NEGATIVE_INFINITY)",
-        "memberOf" : ""
+        "name" : "placeholder",
+        "type" : "string",
+        "desc" : "- placeholder to put in text.",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "mobileTouchView",
+        "name" : "preventMark",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "desc" : "Do not show tick or cross if error/success",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "mobile_restrict_height",
+        "name" : "readOnly",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "desc" : "Specifies that the field should be read-only",
+        "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" : "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" : "mode",
+        "name" : "regexText",
         "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" : "-- Depricated - use Invalid Text",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "multiple",
+        "name" : "resize",
+        "type" : "string",
+        "desc" : "l)",
+        "memberOf" : "Roo.bootstrap.TextArea",
+        "optvals" : [
+          "none",
+          "both",
+          "horizontal",
+          "vertical",
+          "inherit",
+          "initial"
+        ]
+      },
+      {
+        "name" : "rows",
+        "type" : "Number",
+        "desc" : "Specifies the visible number of lines in a text area",
+        "memberOf" : "Roo.bootstrap.TextArea"
+      },
+      {
+        "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" : "name",
+        "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" : "name of the input",
+        "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" : "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",
-        "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" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
-        "name" : "queryParam",
+        "name" : "vtype",
         "type" : "String",
-        "desc" : "Name of the query as it will be passed on the querystring (defaults to 'query')",
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "readOnly",
-        "type" : "Boolean",
-        "desc" : "Specifies that the field should be read-only",
+        "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" : "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" : "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" : "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" : "regexText",
-        "type" : "String",
-        "desc" : "-- Depricated - use Invalid Text",
-        "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" : "removable",
-        "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.TriggerField"
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show a component - removes 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "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" : "tooltipEl",
+        "type" : "function",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.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" : "Roo.bootstrap.ComboBox"
-      },
+        "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" : "selectedClass",
+        "name" : "actionMode",
         "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"
+        "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" : "showToggleBtn",
+        "name" : "active",
         "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" : "Is item active",
+        "memberOf" : ""
       },
       {
-        "name" : "sm",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for tablet-sized screens",
-        "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" : "specialFilter",
+        "name" : "animateRef",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "desc" : "e) link to element default false",
+        "memberOf" : "",
+        "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" : "badge",
+        "type" : "String",
+        "desc" : "text inside badge",
+        "memberOf" : ""
       },
       {
-        "name" : "style",
+        "name" : "badgecls",
         "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "w)the extra classes for the badge",
+        "memberOf" : "",
+        "optvals" : [
+          "bg-green",
+          "bg-red",
+          "bg-yellow"
+        ]
       },
       {
-        "name" : "thousandsDelimiter",
-        "type" : "String",
-        "desc" : "Symbol of thousandsDelimiter",
+        "name" : "button_outline",
+        "type" : "Boolean",
+        "desc" : "show and outlined button",
         "memberOf" : ""
       },
       {
-        "name" : "tickable",
+        "name" : "button_weight",
+        "type" : "String",
+        "desc" : "k) default none",
+        "memberOf" : "",
+        "optvals" : [
+          "default",
+          "primary",
+          "secondary",
+          "success",
+          "info",
+          "warning",
+          "danger",
+          "link",
+          "light",
+          "dark"
+        ]
+      },
+      {
+        "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