Roo/bootstrap/DocumentManager.js
[roojs1] / docs / json / roodata.json
index 4286cbd..61dfd45 100644 (file)
       "right"
      ]
     },
+    {
+     "name": "forceFeedback",
+     "type": "Boolean",
+     "desc": "Default false",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
     {
      "name": "validationEvent",
      "type": "String/Boolean",
       "false"
      ]
     },
+    {
+     "name": "mobileTouchView",
+     "type": "Boolean",
+     "desc": "show mobile touch view when using a mobile default true",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
     {
      "name": "triggerClass",
      "type": "String",
       "right"
      ]
     },
+    {
+     "name": "forceFeedback",
+     "type": "Boolean",
+     "desc": "Default false",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
     {
      "name": "validationEvent",
      "type": "String/Boolean",
       "right"
      ]
     },
+    {
+     "name": "forceFeedback",
+     "type": "Boolean",
+     "desc": "Default false",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
     {
      "name": "validationEvent",
      "type": "String/Boolean",
       "right"
      ]
     },
+    {
+     "name": "forceFeedback",
+     "type": "Boolean",
+     "desc": "Default false",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
     {
      "name": "validationEvent",
      "type": "String/Boolean",
       "false"
      ]
     },
+    {
+     "name": "expanded",
+     "type": "Boolean",
+     "desc": "default true",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
     {
      "name": "rheader",
      "type": "String",
       "right"
      ]
     },
+    {
+     "name": "forceFeedback",
+     "type": "Boolean",
+     "desc": "Default false",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
     {
      "name": "validationEvent",
      "type": "String/Boolean",
     }
    ]
   },
-  "Roo.bootstrap.Element": {
+  "Roo.bootstrap.DocumentManager": {
    "props": [
     {
-     "name": "html",
+     "name": "paramName",
      "type": "String",
-     "desc": "contents of the element",
+     "desc": "default 'imageUpload'",
      "memberOf": ""
     },
     {
-     "name": "tag",
+     "name": "method",
      "type": "String",
-     "desc": "tag of the element",
+     "desc": "default POST",
      "memberOf": ""
     },
     {
-     "name": "cls",
+     "name": "url",
      "type": "String",
-     "desc": "class of the element",
+     "desc": "action url",
      "memberOf": ""
     },
     {
-     "name": "preventDefault",
+     "name": "boxes",
+     "type": "Number",
+     "desc": "number of boxes default 12",
+     "memberOf": ""
+    },
+    {
+     "name": "multiple",
      "type": "Boolean",
-     "desc": "default false",
+     "desc": "multiple upload default true",
+     "memberOf": ""
+    },
+    {
+     "name": "minWidth",
+     "type": "Number",
+     "desc": "default 300",
+     "memberOf": ""
+    },
+    {
+     "name": "minHeight",
+     "type": "Number",
+     "desc": "default 300",
+     "memberOf": ""
+    },
+    {
+     "name": "thumbSize",
+     "type": "Number",
+     "desc": "default 300",
+     "memberOf": ""
+    },
+    {
+     "name": "fieldLabel",
+     "type": "String",
+     "desc": "",
+     "memberOf": ""
+    },
+    {
+     "name": "labelWidth",
+     "type": "Number",
+     "desc": "default 4",
+     "memberOf": ""
+    },
+    {
+     "name": "labelAlign",
+     "type": "String",
+     "desc": "default left",
      "memberOf": "",
      "optvals": [
-      "true",
-      "false"
+      "left",
+      "top"
      ]
     },
     {
-     "name": "clickable",
+     "name": "editable",
      "type": "Boolean",
-     "desc": "default false",
+     "desc": "allow edit when upload a image default true",
      "memberOf": "",
      "optvals": [
       "true",
       "false"
      ]
     },
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
+    },
     {
      "name": "style",
      "type": "String",
     },
     {
      "name": "click",
-     "sig": "function (_self, e)\n{\n\n}",
+     "sig": "function (_self, file)\n{\n\n}",
      "type": "function",
-     "desc": "When a element is chick"
+     "desc": "Fire after click the image"
     },
     {
      "name": "destroy",
      "type": "function",
      "desc": "Fires after the component is disabled."
     },
+    {
+     "name": "edit",
+     "sig": "function (_self, file)\n{\n\n}",
+     "type": "function",
+     "desc": "Fire when upload a image and editable set to true"
+    },
     {
      "name": "enable",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is enabled."
     },
+    {
+     "name": "exception",
+     "sig": "function (_self, xhr)\n{\n\n}",
+     "type": "function",
+     "desc": "Fire when xhr load exception"
+    },
     {
      "name": "hide",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is hidden."
     },
+    {
+     "name": "initial",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fire when initial the DocumentManager"
+    },
+    {
+     "name": "inspect",
+     "sig": "function (_self, file)\n{\n\n}",
+     "type": "function",
+     "desc": "inspect selected file"
+    },
+    {
+     "name": "prepare",
+     "sig": "function (_self, formData)\n{\n\n}",
+     "type": "function",
+     "desc": "prepare the form data"
+    },
+    {
+     "name": "refresh",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fire after refresh the file"
+    },
+    {
+     "name": "remove",
+     "sig": "function (_self, file)\n{\n\n}",
+     "type": "function",
+     "desc": "Fire when remove the file"
+    },
     {
      "name": "render",
      "sig": "function (_self)\n{\n\n}",
     }
    ]
   },
-  "Roo.bootstrap.Form": {
+  "Roo.bootstrap.DocumentViewer": {
    "props": [
-    {
-     "name": "method",
-     "type": "String",
-     "desc": "GET | POST (default POST)",
-     "memberOf": ""
-    },
-    {
-     "name": "labelAlign",
-     "type": "String",
-     "desc": "top | left (default top)",
-     "memberOf": ""
-    },
-    {
-     "name": "align",
-     "type": "String",
-     "desc": "left  | right - for navbars",
-     "memberOf": ""
-    },
-    {
-     "name": "loadMask",
-     "type": "Boolean",
-     "desc": "load mask when submit (default true)",
-     "memberOf": ""
-    },
-    {
-     "name": "url",
-     "type": "String",
-     "desc": "The URL to use for form actions if one isn't supplied in the action options.",
-     "memberOf": ""
-    },
-    {
-     "name": "fileUpload",
-     "type": "Boolean",
-     "desc": "Set to true if this form is a file upload.",
-     "memberOf": ""
-    },
-    {
-     "name": "baseParams",
-     "type": "Object",
-     "desc": "Parameters to pass with all requests. e.g. baseParams: {id: '123', foo: 'bar'}.",
-     "memberOf": ""
-    },
-    {
-     "name": "timeout",
-     "type": "Number",
-     "desc": "Timeout for form actions in seconds (default is 30 seconds).",
-     "memberOf": ""
-    },
     {
      "name": "cls",
      "type": "String",
     }
    ],
    "events": [
-    {
-     "name": "actioncomplete",
-     "sig": "function (_self, action)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when an action is completed."
-    },
-    {
-     "name": "actionfailed",
-     "sig": "function (_self, action)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when an action fails."
-    },
-    {
-     "name": "beforeaction",
-     "sig": "function (_self, action)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before any action is performed. Return false to cancel the action."
-    },
     {
      "name": "beforedestroy",
      "sig": "function (_self)\n{\n\n}",
      "desc": "Fires when the children have been rendered.."
     },
     {
-     "name": "clientvalidation",
-     "sig": "function (_self, valid)\n{\n\n}",
+     "name": "click",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "If the monitorValid config option is true, this event fires repetitively to notify of valid state"
+     "desc": "Fire after click"
     },
     {
      "name": "destroy",
      "type": "function",
      "desc": "Fires after the component is hidden."
     },
+    {
+     "name": "initial",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fire after initEvent"
+    },
     {
      "name": "render",
      "sig": "function (_self)\n{\n\n}",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is shown."
+    },
+    {
+     "name": "trash",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fire after trash button"
     }
    ],
    "methods": [
      "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."
     },
-    {
-     "name": "clearInvalid",
-     "sig": "()",
-     "type": "function",
-     "desc": "Clears all invalid messages in this form."
-    },
     {
      "name": "destroy",
      "sig": "()",
      "type": "function",
      "desc": "Disable this component."
     },
-    {
-     "name": "doAction",
-     "sig": "(String actionName, Object options)",
-     "type": "function",
-     "desc": "Performs a predefined action (submit or load) or custom actions you define on this form."
-    },
     {
      "name": "enable",
      "sig": "()",
      "type": "function",
      "desc": "Enable this component."
     },
-    {
-     "name": "findField",
-     "sig": "(String id)",
-     "type": "function",
-     "desc": "Find a Roo.form.Field in this form by id, dataIndex, name or hiddenName"
-    },
     {
      "name": "fireEvent",
      "sig": "(String eventName, Object... args)",
      "type": "function",
      "desc": "Returns the underlying {@link Roo.Element}."
     },
-    {
-     "name": "getFieldValues",
-     "sig": "()",
-     "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."
-    },
     {
      "name": "getId",
      "sig": "()",
      "type": "function",
      "desc": "Returns the id of this component."
     },
-    {
-     "name": "getValues",
-     "sig": "(Boolean asString)",
-     "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."
-    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "type": "function",
      "desc": "Initialize Events for the element"
     },
-    {
-     "name": "isDirty",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns true if any fields in this form have changed since their original load."
-    },
-    {
-     "name": "isValid",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns true if client-side validation on the form is successful."
-    },
     {
      "name": "isVisible",
      "sig": "()",
      "type": "function",
      "desc": "Returns true if this component is visible."
     },
-    {
-     "name": "markInvalid",
-     "sig": "(Array/Object errors)",
-     "type": "function",
-     "desc": "Mark fields in this form invalid in bulk."
-    },
     {
      "name": "on",
      "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
      "desc": "If this is a lazy rendering component, render it to its container element."
     },
-    {
-     "name": "reset",
-     "sig": "()",
-     "type": "function",
-     "desc": "Resets this form."
-    },
     {
      "name": "setDisabled",
      "sig": "(Boolean disabled)",
      "type": "function",
      "desc": "Convenience function for setting disabled/enabled by boolean."
     },
-    {
-     "name": "setValues",
-     "sig": "(Array/Object values)",
-     "type": "function",
-     "desc": "Set values for fields in this form in bulk."
-    },
     {
      "name": "setVisible",
      "sig": "(Boolean visible)",
     }
    ]
   },
-  "Roo.bootstrap.Graph": {
+  "Roo.bootstrap.Element": {
    "props": [
     {
-     "name": "graphtype",
+     "name": "html",
      "type": "String",
-     "desc": "bar | vbar | pie",
-     "memberOf": ""
-    },
-    {
-     "name": "g_x",
-     "type": "number",
-     "desc": "coodinator | centre x (pie)",
-     "memberOf": ""
-    },
-    {
-     "name": "g_y",
-     "type": "number",
-     "desc": "coodinator | centre y (pie)",
-     "memberOf": ""
-    },
-    {
-     "name": "g_r",
-     "type": "number",
-     "desc": "radius (pie)",
+     "desc": "contents of the element",
      "memberOf": ""
     },
     {
-     "name": "g_height",
-     "type": "number",
-     "desc": "height of the chart (respected by all elements in the set)",
+     "name": "tag",
+     "type": "String",
+     "desc": "tag of the element",
      "memberOf": ""
     },
     {
-     "name": "g_width",
-     "type": "number",
-     "desc": "width of the chart (respected by all elements in the set)",
+     "name": "cls",
+     "type": "String",
+     "desc": "class of the element",
      "memberOf": ""
     },
     {
-     "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": "preventDefault",
+     "type": "Boolean",
+     "desc": "default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
     },
     {
-     "name": "cls",
-     "type": "String",
-     "desc": "css class",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "clickable",
+     "type": "Boolean",
+     "desc": "default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
     },
     {
      "name": "style",
     },
     {
      "name": "click",
-     "sig": "function (e)\n{\n\n}",
+     "sig": "function (_self, e)\n{\n\n}",
      "type": "function",
-     "desc": "The img click event for the img."
+     "desc": "When a element is chick"
     },
     {
      "name": "destroy",
     }
    ]
   },
-  "Roo.bootstrap.Header": {
+  "Roo.bootstrap.Form": {
    "props": [
     {
-     "name": "html",
+     "name": "method",
      "type": "String",
-     "desc": "content of header",
+     "desc": "GET | POST (default POST)",
      "memberOf": ""
     },
     {
-     "name": "level",
+     "name": "labelAlign",
+     "type": "String",
+     "desc": "top | left (default top)",
+     "memberOf": ""
+    },
+    {
+     "name": "align",
+     "type": "String",
+     "desc": "left  | right - for navbars",
+     "memberOf": ""
+    },
+    {
+     "name": "loadMask",
+     "type": "Boolean",
+     "desc": "load mask when submit (default true)",
+     "memberOf": ""
+    },
+    {
+     "name": "url",
+     "type": "String",
+     "desc": "The URL to use for form actions if one isn't supplied in the action options.",
+     "memberOf": ""
+    },
+    {
+     "name": "fileUpload",
+     "type": "Boolean",
+     "desc": "Set to true if this form is a file upload.",
+     "memberOf": ""
+    },
+    {
+     "name": "baseParams",
+     "type": "Object",
+     "desc": "Parameters to pass with all requests. e.g. baseParams: {id: '123', foo: 'bar'}.",
+     "memberOf": ""
+    },
+    {
+     "name": "timeout",
      "type": "Number",
-     "desc": "default 1",
-     "memberOf": "",
-     "optvals": [
-      "1",
-      "2",
-      "3",
-      "4",
-      "5",
-      "6"
-     ]
+     "desc": "Timeout for form actions in seconds (default is 30 seconds).",
+     "memberOf": ""
     },
     {
      "name": "cls",
     }
    ],
    "events": [
+    {
+     "name": "actioncomplete",
+     "sig": "function (_self, action)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when an action is completed."
+    },
+    {
+     "name": "actionfailed",
+     "sig": "function (_self, action)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when an action fails."
+    },
+    {
+     "name": "beforeaction",
+     "sig": "function (_self, action)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before any action is performed. Return false to cancel the action."
+    },
     {
      "name": "beforedestroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires when the children have been rendered.."
     },
+    {
+     "name": "clientvalidation",
+     "sig": "function (_self, valid)\n{\n\n}",
+     "type": "function",
+     "desc": "If the monitorValid config option is true, this event fires repetitively to notify of valid state"
+    },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
      "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."
     },
+    {
+     "name": "clearInvalid",
+     "sig": "()",
+     "type": "function",
+     "desc": "Clears all invalid messages in this form."
+    },
     {
      "name": "destroy",
      "sig": "()",
      "type": "function",
      "desc": "Disable this component."
     },
+    {
+     "name": "doAction",
+     "sig": "(String actionName, Object options)",
+     "type": "function",
+     "desc": "Performs a predefined action (submit or load) or custom actions you define on this form."
+    },
     {
      "name": "enable",
      "sig": "()",
      "type": "function",
      "desc": "Enable this component."
     },
+    {
+     "name": "findField",
+     "sig": "(String id)",
+     "type": "function",
+     "desc": "Find a Roo.form.Field in this form by id, dataIndex, name or hiddenName"
+    },
     {
      "name": "fireEvent",
      "sig": "(String eventName, Object... args)",
      "type": "function",
      "desc": "Returns the underlying {@link Roo.Element}."
     },
+    {
+     "name": "getFieldValues",
+     "sig": "()",
+     "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."
+    },
     {
      "name": "getId",
      "sig": "()",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getValues",
+     "sig": "(Boolean asString)",
+     "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."
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "type": "function",
      "desc": "Initialize Events for the element"
     },
+    {
+     "name": "isDirty",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if any fields in this form have changed since their original load."
+    },
+    {
+     "name": "isValid",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if client-side validation on the form is successful."
+    },
     {
      "name": "isVisible",
      "sig": "()",
      "type": "function",
      "desc": "Returns true if this component is visible."
     },
+    {
+     "name": "markInvalid",
+     "sig": "(Array/Object errors)",
+     "type": "function",
+     "desc": "Mark fields in this form invalid in bulk."
+    },
     {
      "name": "on",
      "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
      "desc": "If this is a lazy rendering component, render it to its container element."
     },
+    {
+     "name": "reset",
+     "sig": "()",
+     "type": "function",
+     "desc": "Resets this form."
+    },
     {
      "name": "setDisabled",
      "sig": "(Boolean disabled)",
      "type": "function",
      "desc": "Convenience function for setting disabled/enabled by boolean."
     },
+    {
+     "name": "setValues",
+     "sig": "(Array/Object values)",
+     "type": "function",
+     "desc": "Set values for fields in this form in bulk."
+    },
     {
      "name": "setVisible",
      "sig": "(Boolean visible)",
     }
    ]
   },
-  "Roo.bootstrap.HtmlEditor": {
+  "Roo.bootstrap.Graph": {
    "props": [
     {
-     "name": "toolbars",
-     "type": "Array",
-     "desc": "Array of toolbars. - defaults to just the Standard one",
+     "name": "graphtype",
+     "type": "String",
+     "desc": "bar | vbar | pie",
      "memberOf": ""
     },
     {
-     "name": "resizable",
-     "type": "String",
-     "desc": "'s' or 'se' or 'e' - wrapps the element in a\n                       Roo.resizable.",
+     "name": "g_x",
+     "type": "number",
+     "desc": "coodinator | centre x (pie)",
      "memberOf": ""
     },
     {
-     "name": "height",
-     "type": "Number",
-     "desc": "(in pixels)",
+     "name": "g_y",
+     "type": "number",
+     "desc": "coodinator | centre y (pie)",
      "memberOf": ""
     },
     {
-     "name": "width",
-     "type": "Number",
-     "desc": "(in pixels)",
+     "name": "g_r",
+     "type": "number",
+     "desc": "radius (pie)",
      "memberOf": ""
     },
     {
-     "name": "stylesheets",
-     "type": "Array",
-     "desc": "url of stylesheets. set to [] to disable stylesheets.",
+     "name": "g_height",
+     "type": "number",
+     "desc": "height of the chart (respected by all elements in the set)",
      "memberOf": ""
     },
     {
-     "name": "cols",
-     "type": "Number",
-     "desc": "Specifies the visible width of a text area",
-     "memberOf": "Roo.bootstrap.TextArea"
+     "name": "g_width",
+     "type": "number",
+     "desc": "width of the chart (respected by all elements in the set)",
+     "memberOf": ""
     },
     {
-     "name": "rows",
-     "type": "Number",
-     "desc": "Specifies the visible number of lines in a text area",
-     "memberOf": "Roo.bootstrap.TextArea"
+     "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": "wrap",
-     "type": "string",
-     "desc": "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": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "resize",
-     "type": "string",
-     "desc": "",
-     "memberOf": "Roo.bootstrap.TextArea",
-     "optvals": [
-      "none",
-      "both",
-      "horizontal",
-      "vertical",
-      "inherit",
-      "initial"
-     ]
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "html",
-     "type": "string",
-     "desc": "text",
-     "memberOf": "Roo.bootstrap.TextArea"
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "disabled",
+     "name": "can_build_overlaid",
      "type": "Boolean",
-     "desc": "is it disabled",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "fieldLabel",
-     "type": "String",
-     "desc": "- the label associated",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
      "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"
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "before",
+     "name": "tooltip",
      "type": "string",
-     "desc": "- input group add on before",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "Text for the tooltip",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "after",
+     "name": "container_method",
      "type": "string",
-     "desc": "- input group add on after",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "size",
-     "type": "string",
-     "desc": "- (lg|sm) or leave empty..",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "xs",
-     "type": "Number",
-     "desc": "colspan out of 12 for mobile-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": "sm",
-     "type": "Number",
-     "desc": "colspan out of 12 for tablet-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component",
+     "optvals": [
+      "display",
+      "visibility"
+     ]
     },
     {
-     "name": "md",
-     "type": "Number",
-     "desc": "colspan out of 12 for computer-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
     },
     {
-     "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"
+    }
+   ],
+   "events": [
     {
-     "name": "value",
-     "type": "string",
-     "desc": "default value of the input",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
     },
     {
-     "name": "labelWidth",
-     "type": "Number",
-     "desc": "set the width of label (0-12)",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
     {
-     "name": "labelAlign",
-     "type": "String",
-     "desc": "",
-     "memberOf": "Roo.bootstrap.Input",
-     "optvals": [
-      "top",
-      "left"
-     ]
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
     },
     {
-     "name": "readOnly",
-     "type": "Boolean",
-     "desc": "Specifies that the field should be read-only",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "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": "childrenrendered",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the children have been rendered.."
     },
     {
-     "name": "align",
-     "type": "String",
-     "desc": "Default left",
-     "memberOf": "Roo.bootstrap.Input",
-     "optvals": [
-      "left",
-      "center",
-      "right"
-     ]
+     "name": "click",
+     "sig": "function (e)\n{\n\n}",
+     "type": "function",
+     "desc": "The img click event for the img."
     },
     {
-     "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": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
     },
     {
-     "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": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
     },
     {
-     "name": "validClass",
-     "type": "String",
-     "desc": "The CSS class to use when marking a field valid (defaults to \"x-form-invalid\")",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
     },
     {
-     "name": "hasFeedback",
-     "type": "Boolean",
-     "desc": "default true",
-     "memberOf": "Roo.bootstrap.Input",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
     },
     {
-     "name": "invalidFeedbackIcon",
-     "type": "String",
-     "desc": "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
     },
     {
-     "name": "validFeedbackIcon",
-     "type": "String",
-     "desc": "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    }
+   ],
+   "methods": [
+    {
+     "name": "addEvents",
+     "sig": "(Object object)",
+     "type": "function",
+     "desc": "Used to define events on this Observable"
     },
     {
-     "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": "addListener",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "type": "function",
+     "desc": "Appends an event handler to this 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": "capture",
+     "sig": "(Observable o, Function fn, Object scope)",
+     "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."
     },
     {
-     "name": "vtype",
-     "type": "String",
-     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "destroy",
+     "sig": "()",
+     "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}."
     },
     {
-     "name": "disableKeyFilter",
-     "type": "Boolean",
-     "desc": "True to disable input keystroke filtering (defaults to false)",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "disable",
+     "sig": "()",
+     "type": "function",
+     "desc": "Disable this component."
     },
     {
-     "name": "allowBlank",
-     "type": "Boolean",
-     "desc": "False to validate that the value length > 0 (defaults to true)",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "enable",
+     "sig": "()",
+     "type": "function",
+     "desc": "Enable this component."
     },
     {
-     "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": "fireEvent",
+     "sig": "(String eventName, Object... args)",
+     "type": "function",
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
     },
     {
-     "name": "minLength",
-     "type": "Number",
-     "desc": "Minimum input field length required (defaults to 0)",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "focus",
+     "sig": "(Boolean selectText)",
+     "type": "function",
+     "desc": "Try to focus this component."
     },
     {
-     "name": "maxLength",
-     "type": "Number",
-     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "getChildContainer",
+     "sig": "()",
+     "type": "function",
+     "desc": "Fetch the element to add children to"
     },
     {
-     "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": "getEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the underlying {@link Roo.Element}."
     },
     {
-     "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": "getId",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the id of this 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": "hasListener",
+     "sig": "(String eventName)",
+     "type": "function",
+     "desc": "Checks to see if this object has any listeners for a specified event"
     },
     {
-     "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": "hide",
+     "sig": "()",
+     "type": "function",
+     "desc": "Hide a component - adds 'hidden' class"
     },
     {
-     "name": "regexText",
+     "name": "initEvents",
+     "sig": "()",
+     "type": "function",
+     "desc": "Initialize Events for the element"
+    },
+    {
+     "name": "isVisible",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if this component is visible."
+    },
+    {
+     "name": "on",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "type": "function",
+     "desc": "Appends an event handler to this element (shorthand for addListener)"
+    },
+    {
+     "name": "purgeListeners",
+     "sig": "()",
+     "type": "function",
+     "desc": "Removes all listeners for this object"
+    },
+    {
+     "name": "releaseCapture",
+     "sig": "(Observable o)",
+     "type": "function",
+     "desc": "Removes <b>all</b> added captures from the Observable."
+    },
+    {
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener"
+    },
+    {
+     "name": "render",
+     "sig": "(String/HTMLElement/Element container)",
+     "type": "function",
+     "desc": "If this is a lazy rendering component, render it to its container element."
+    },
+    {
+     "name": "setDisabled",
+     "sig": "(Boolean disabled)",
+     "type": "function",
+     "desc": "Convenience function for setting disabled/enabled by boolean."
+    },
+    {
+     "name": "setVisible",
+     "sig": "(Boolean visible)",
+     "type": "function",
+     "desc": "Convenience function to hide or show this component by boolean."
+    },
+    {
+     "name": "show",
+     "sig": "()",
+     "type": "function",
+     "desc": "Show a component - removes 'hidden' class"
+    },
+    {
+     "name": "tooltipEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Fetch the element to display the tooltip on."
+    },
+    {
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener (shorthand for removeListener)"
+    }
+   ]
+  },
+  "Roo.bootstrap.Header": {
+   "props": [
+    {
+     "name": "html",
      "type": "String",
-     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "content of header",
+     "memberOf": ""
+    },
+    {
+     "name": "level",
+     "type": "Number",
+     "desc": "default 1",
+     "memberOf": "",
+     "optvals": [
+      "1",
+      "2",
+      "3",
+      "4",
+      "5",
+      "6"
+     ]
     },
     {
      "name": "cls",
      "desc": "cutomer id",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
+    },
     {
      "name": "tooltip",
      "type": "string",
     }
    ],
    "events": [
-    {
-     "name": "activate",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the editor is first receives the focus. Any insertion must wait\nuntil after this event."
-    },
-    {
-     "name": "autosave",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Auto save the htmlEditor value as a file into Events"
-    },
     {
      "name": "beforedestroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
-    {
-     "name": "beforepush",
-     "sig": "function (_self, html)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the iframe editor is updated with content from the textarea. Return false\nto cancel the push."
-    },
     {
      "name": "beforerender",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
-    {
-     "name": "beforesync",
-     "sig": "function (_self, html)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the textarea is updated with content from the editor iframe. Return false\nto cancel the sync."
-    },
     {
      "name": "childrenrendered",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is disabled."
     },
-    {
-     "name": "editmodechange",
-     "sig": "function (_self, sourceEdit)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the editor switches edit modes"
-    },
-    {
-     "name": "editorevent",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when on any editor (mouse up/down cursor movement etc.) - used for toolbar hooks."
-    },
     {
      "name": "enable",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is enabled."
     },
-    {
-     "name": "firstfocus",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when on first focus - needed by toolbars.."
-    },
     {
      "name": "hide",
      "sig": "function (_self)\n{\n\n}",
      "desc": "Fires after the component is hidden."
     },
     {
-     "name": "initialize",
+     "name": "render",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the editor is fully initialized (including the iframe)"
-    },
-    {
-     "name": "invalid",
-     "sig": "function (_self, msg)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the field has been marked as invalid."
-    },
-    {
-     "name": "keyup",
-     "sig": "function (_self, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the key up"
-    },
-    {
-     "name": "push",
-     "sig": "function (_self, html)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the iframe editor is updated with content from the textarea."
-    },
-    {
-     "name": "render",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is rendered."
-    },
-    {
-     "name": "savedpreview",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "preview the saved version of htmlEditor"
+     "desc": "Fires after the component is rendered."
     },
     {
      "name": "show",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is shown."
-    },
-    {
-     "name": "sync",
-     "sig": "function (_self, html)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the textarea is updated with content from the editor iframe."
-    },
-    {
-     "name": "valid",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the field has been validated with no errors."
     }
    ],
    "methods": [
      "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."
     },
-    {
-     "name": "clearInvalid",
-     "sig": "()",
-     "type": "function",
-     "desc": "Clear any invalid styles/messages for this field"
-    },
-    {
-     "name": "createToolbar",
-     "sig": "(HtmlEditor editor)",
-     "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."
-    },
     {
      "name": "destroy",
      "sig": "()",
      "type": "function",
      "desc": "Returns the id of this component."
     },
-    {
-     "name": "getName",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns the name of the field"
-    },
-    {
-     "name": "getRawValue",
-     "sig": "()",
-     "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}."
-    },
-    {
-     "name": "getValue",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
-    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "type": "function",
      "desc": "Initialize Events for the element"
     },
-    {
-     "name": "inputEl",
-     "sig": "()",
-     "type": "function",
-     "desc": "return the real textarea element."
-    },
     {
      "name": "isVisible",
      "sig": "()",
      "type": "function",
      "desc": "Returns true if this component is visible."
     },
-    {
-     "name": "markInvalid",
-     "sig": "(String msg)",
-     "type": "function",
-     "desc": "Mark this field as invalid"
-    },
-    {
-     "name": "markValid",
-     "sig": "()",
-     "type": "function",
-     "desc": "Mark this field as valid"
-    },
     {
      "name": "on",
      "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
      "desc": "If this is a lazy rendering component, render it to its container element."
     },
-    {
-     "name": "reset",
-     "sig": "()",
-     "type": "function",
-     "desc": "Resets the current field value to the originally loaded value and clears any validation messages"
-    },
     {
      "name": "setDisabled",
      "sig": "(Boolean disabled)",
      "type": "function",
      "desc": "Convenience function for setting disabled/enabled by boolean."
     },
-    {
-     "name": "setRawValue",
-     "sig": "(Mixed value)",
-     "type": "function",
-     "desc": "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}."
-    },
-    {
-     "name": "setValue",
-     "sig": "(Mixed value)",
-     "type": "function",
-     "desc": "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}."
-    },
     {
      "name": "setVisible",
      "sig": "(Boolean visible)",
      "type": "function",
      "desc": "Show a component - removes 'hidden' class"
     },
-    {
-     "name": "toggleSourceEdit",
-     "sig": "(Boolean sourceEdit)",
-     "type": "function",
-     "desc": "Toggles the editor between standard and source edit mode."
-    },
     {
      "name": "tooltipEl",
      "sig": "()",
      "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
      "desc": "Removes a listener (shorthand for removeListener)"
-    },
-    {
-     "name": "validate",
-     "sig": "()",
-     "type": "function",
-     "desc": "Validates the field value"
-    },
-    {
-     "name": "validateValue",
-     "sig": "(Mixed value)",
-     "type": "function",
-     "desc": "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails"
     }
    ]
   },
-  "Roo.bootstrap.Img": {
+  "Roo.bootstrap.HtmlEditor": {
    "props": [
     {
-     "name": "imgResponsive",
-     "type": "Boolean",
-     "desc": "false | true",
+     "name": "toolbars",
+     "type": "Array",
+     "desc": "Array of toolbars. - defaults to just the Standard one",
      "memberOf": ""
     },
     {
-     "name": "border",
+     "name": "resizable",
      "type": "String",
-     "desc": "rounded | circle | thumbnail",
+     "desc": "'s' or 'se' or 'e' - wrapps the element in a\n                       Roo.resizable.",
      "memberOf": ""
     },
     {
-     "name": "src",
-     "type": "String",
-     "desc": "image source",
+     "name": "height",
+     "type": "Number",
+     "desc": "(in pixels)",
      "memberOf": ""
     },
     {
-     "name": "alt",
-     "type": "String",
-     "desc": "image alternative text",
+     "name": "width",
+     "type": "Number",
+     "desc": "(in pixels)",
      "memberOf": ""
     },
     {
-     "name": "href",
-     "type": "String",
-     "desc": "a tag href",
+     "name": "stylesheets",
+     "type": "Array",
+     "desc": "url of stylesheets. set to [] to disable stylesheets.",
      "memberOf": ""
     },
     {
-     "name": "target",
-     "type": "String",
-     "desc": "target for a href.",
-     "memberOf": "",
-     "optvals": [
-      "_self",
-      "_blank",
-      "_parent",
-      "_top"
-     ]
+     "name": "cols",
+     "type": "Number",
+     "desc": "Specifies the visible width of a text area",
+     "memberOf": "Roo.bootstrap.TextArea"
     },
     {
-     "name": "xsUrl",
-     "type": "String",
-     "desc": "xs image source",
-     "memberOf": ""
+     "name": "rows",
+     "type": "Number",
+     "desc": "Specifies the visible number of lines in a text area",
+     "memberOf": "Roo.bootstrap.TextArea"
     },
     {
-     "name": "smUrl",
-     "type": "String",
-     "desc": "sm image source",
-     "memberOf": ""
+     "name": "wrap",
+     "type": "string",
+     "desc": "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": "mdUrl",
-     "type": "String",
-     "desc": "md image source",
-     "memberOf": ""
+     "name": "resize",
+     "type": "string",
+     "desc": "",
+     "memberOf": "Roo.bootstrap.TextArea",
+     "optvals": [
+      "none",
+      "both",
+      "horizontal",
+      "vertical",
+      "inherit",
+      "initial"
+     ]
     },
     {
-     "name": "lgUrl",
-     "type": "String",
-     "desc": "lg image source",
-     "memberOf": ""
+     "name": "html",
+     "type": "string",
+     "desc": "text",
+     "memberOf": "Roo.bootstrap.TextArea"
     },
     {
-     "name": "cls",
-     "type": "String",
-     "desc": "css class",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "is it disabled",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "style",
+     "name": "fieldLabel",
      "type": "String",
-     "desc": "any extra css",
-     "memberOf": "Roo.bootstrap.Component"
+     "desc": "- the label associated",
+     "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": "name",
+     "type": "String",
+     "desc": "name of the input",
+     "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": "placeholder",
+     "type": "string",
+     "desc": "- placeholder to put in text.",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "dataId",
+     "name": "before",
      "type": "string",
-     "desc": "cutomer id",
-     "memberOf": "Roo.bootstrap.Component"
+     "desc": "- input group add on before",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "name",
+     "name": "after",
      "type": "string",
-     "desc": "Specifies name attribute",
-     "memberOf": "Roo.bootstrap.Component"
+     "desc": "- input group add on after",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "size",
+     "type": "string",
+     "desc": "- (lg|sm) or leave empty..",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "xs",
+     "type": "Number",
+     "desc": "colspan out of 12 for mobile-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "sm",
+     "type": "Number",
+     "desc": "colspan out of 12 for tablet-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "md",
+     "type": "Number",
+     "desc": "colspan out of 12 for computer-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "lg",
+     "type": "Number",
+     "desc": "colspan out of 12 for large computer-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "value",
+     "type": "string",
+     "desc": "default value of the input",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelWidth",
+     "type": "Number",
+     "desc": "set the width of label (0-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelAlign",
+     "type": "String",
+     "desc": "",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "top",
+      "left"
+     ]
+    },
+    {
+     "name": "readOnly",
+     "type": "Boolean",
+     "desc": "Specifies that the field should be read-only",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "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": "align",
+     "type": "String",
+     "desc": "Default left",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "left",
+      "center",
+      "right"
+     ]
+    },
+    {
+     "name": "forceFeedback",
+     "type": "Boolean",
+     "desc": "Default false",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "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": "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": "validClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field valid (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "hasFeedback",
+     "type": "Boolean",
+     "desc": "default true",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "invalidFeedbackIcon",
+     "type": "String",
+     "desc": "The CSS class to use when create feedback icon (defaults to \"x-form-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": "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": "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": "vtype",
+     "type": "String",
+     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "disableKeyFilter",
+     "type": "Boolean",
+     "desc": "True to disable input keystroke filtering (defaults to false)",
+     "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": "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": "minLength",
+     "type": "Number",
+     "desc": "Minimum input field length required (defaults to 0)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "maxLength",
+     "type": "Number",
+     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+     "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": "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": "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": "regex",
+     "type": "RegExp",
+     "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "regexText",
+     "type": "String",
+     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
+     "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"
+    },
+    {
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
      "name": "tooltip",
     }
    ],
    "events": [
+    {
+     "name": "activate",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the editor is first receives the focus. Any insertion must wait\nuntil after this event."
+    },
+    {
+     "name": "autosave",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Auto save the htmlEditor value as a file into Events"
+    },
     {
      "name": "beforedestroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
+    {
+     "name": "beforepush",
+     "sig": "function (_self, html)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the iframe editor is updated with content from the textarea. Return false\nto cancel the push."
+    },
     {
      "name": "beforerender",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
+    {
+     "name": "beforesync",
+     "sig": "function (_self, html)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the textarea is updated with content from the editor iframe. Return false\nto cancel the sync."
+    },
     {
      "name": "childrenrendered",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires when the children have been rendered.."
     },
-    {
-     "name": "click",
-     "sig": "function (e)\n{\n\n}",
-     "type": "function",
-     "desc": "The img click event for the img."
-    },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is disabled."
     },
+    {
+     "name": "editmodechange",
+     "sig": "function (_self, sourceEdit)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the editor switches edit modes"
+    },
+    {
+     "name": "editorevent",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when on any editor (mouse up/down cursor movement etc.) - used for toolbar hooks."
+    },
     {
      "name": "enable",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is enabled."
     },
+    {
+     "name": "firstfocus",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when on first focus - needed by toolbars.."
+    },
     {
      "name": "hide",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is hidden."
     },
+    {
+     "name": "initialize",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the editor is fully initialized (including the iframe)"
+    },
+    {
+     "name": "invalid",
+     "sig": "function (_self, msg)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been marked as invalid."
+    },
+    {
+     "name": "keyup",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the key up"
+    },
+    {
+     "name": "push",
+     "sig": "function (_self, html)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the iframe editor is updated with content from the textarea."
+    },
     {
      "name": "render",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is rendered."
     },
+    {
+     "name": "savedpreview",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "preview the saved version of htmlEditor"
+    },
     {
      "name": "show",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is shown."
+    },
+    {
+     "name": "sync",
+     "sig": "function (_self, html)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the textarea is updated with content from the editor iframe."
+    },
+    {
+     "name": "valid",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been validated with no errors."
     }
    ],
    "methods": [
      "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."
     },
+    {
+     "name": "clearInvalid",
+     "sig": "()",
+     "type": "function",
+     "desc": "Clear any invalid styles/messages for this field"
+    },
+    {
+     "name": "createToolbar",
+     "sig": "(HtmlEditor editor)",
+     "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."
+    },
     {
      "name": "destroy",
      "sig": "()",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getName",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the name of the field"
+    },
+    {
+     "name": "getRawValue",
+     "sig": "()",
+     "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}."
+    },
+    {
+     "name": "getValue",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "type": "function",
      "desc": "Initialize Events for the element"
     },
+    {
+     "name": "inputEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "return the real textarea element."
+    },
     {
      "name": "isVisible",
      "sig": "()",
      "type": "function",
      "desc": "Returns true if this component is visible."
     },
+    {
+     "name": "markInvalid",
+     "sig": "(String msg)",
+     "type": "function",
+     "desc": "Mark this field as invalid"
+    },
+    {
+     "name": "markValid",
+     "sig": "()",
+     "type": "function",
+     "desc": "Mark this field as valid"
+    },
     {
      "name": "on",
      "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
      "desc": "If this is a lazy rendering component, render it to its container element."
     },
+    {
+     "name": "reset",
+     "sig": "()",
+     "type": "function",
+     "desc": "Resets the current field value to the originally loaded value and clears any validation messages"
+    },
     {
      "name": "setDisabled",
      "sig": "(Boolean disabled)",
      "type": "function",
      "desc": "Convenience function for setting disabled/enabled by boolean."
     },
+    {
+     "name": "setRawValue",
+     "sig": "(Mixed value)",
+     "type": "function",
+     "desc": "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}."
+    },
+    {
+     "name": "setValue",
+     "sig": "(Mixed value)",
+     "type": "function",
+     "desc": "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}."
+    },
     {
      "name": "setVisible",
      "sig": "(Boolean visible)",
      "type": "function",
      "desc": "Show a component - removes 'hidden' class"
     },
+    {
+     "name": "toggleSourceEdit",
+     "sig": "(Boolean sourceEdit)",
+     "type": "function",
+     "desc": "Toggles the editor between standard and source edit mode."
+    },
     {
      "name": "tooltipEl",
      "sig": "()",
      "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
      "desc": "Removes a listener (shorthand for removeListener)"
+    },
+    {
+     "name": "validate",
+     "sig": "()",
+     "type": "function",
+     "desc": "Validates the field value"
+    },
+    {
+     "name": "validateValue",
+     "sig": "(Mixed value)",
+     "type": "function",
+     "desc": "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails"
     }
    ]
   },
-  "Roo.bootstrap.Input": {
+  "Roo.bootstrap.Img": {
    "props": [
     {
-     "name": "disabled",
+     "name": "imgResponsive",
      "type": "Boolean",
-     "desc": "is it disabled",
+     "desc": "false | true",
      "memberOf": ""
     },
     {
-     "name": "fieldLabel",
+     "name": "border",
      "type": "String",
-     "desc": "- the label associated",
+     "desc": "rounded | circle | thumbnail",
      "memberOf": ""
     },
     {
-     "name": "inputType",
+     "name": "src",
      "type": "String",
-     "desc": "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
+     "desc": "image source",
      "memberOf": ""
     },
     {
-     "name": "name",
+     "name": "alt",
      "type": "String",
-     "desc": "name of the input",
+     "desc": "image alternative text",
      "memberOf": ""
     },
     {
-     "name": "placeholder",
-     "type": "string",
-     "desc": "- placeholder to put in text.",
+     "name": "href",
+     "type": "String",
+     "desc": "a tag href",
      "memberOf": ""
     },
     {
-     "name": "before",
-     "type": "string",
-     "desc": "- input group add on before",
-     "memberOf": ""
+     "name": "target",
+     "type": "String",
+     "desc": "target for a href.",
+     "memberOf": "",
+     "optvals": [
+      "_self",
+      "_blank",
+      "_parent",
+      "_top"
+     ]
     },
     {
-     "name": "after",
-     "type": "string",
-     "desc": "- input group add on after",
+     "name": "xsUrl",
+     "type": "String",
+     "desc": "xs image source",
      "memberOf": ""
     },
     {
-     "name": "size",
-     "type": "string",
-     "desc": "- (lg|sm) or leave empty..",
+     "name": "smUrl",
+     "type": "String",
+     "desc": "sm image source",
      "memberOf": ""
     },
     {
-     "name": "xs",
-     "type": "Number",
-     "desc": "colspan out of 12 for mobile-sized screens",
+     "name": "mdUrl",
+     "type": "String",
+     "desc": "md image source",
      "memberOf": ""
     },
     {
-     "name": "sm",
-     "type": "Number",
-     "desc": "colspan out of 12 for tablet-sized screens",
+     "name": "lgUrl",
+     "type": "String",
+     "desc": "lg image source",
      "memberOf": ""
     },
     {
-     "name": "md",
-     "type": "Number",
-     "desc": "colspan out of 12 for computer-sized screens",
-     "memberOf": ""
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "lg",
-     "type": "Number",
-     "desc": "colspan out of 12 for large computer-sized screens",
-     "memberOf": ""
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "value",
-     "type": "string",
-     "desc": "default value of the input",
-     "memberOf": ""
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "labelWidth",
-     "type": "Number",
-     "desc": "set the width of label (0-12)",
-     "memberOf": ""
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "labelAlign",
-     "type": "String",
-     "desc": "",
-     "memberOf": "",
-     "optvals": [
-      "top",
-      "left"
-     ]
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "readOnly",
-     "type": "Boolean",
-     "desc": "Specifies that the field should be read-only",
-     "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": ""
-    },
-    {
-     "name": "align",
-     "type": "String",
-     "desc": "Default left",
-     "memberOf": "",
-     "optvals": [
-      "left",
-      "center",
-      "right"
-     ]
-    },
-    {
-     "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": "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": "focusClass",
-     "type": "String",
-     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-     "memberOf": ""
-    },
-    {
-     "name": "invalidClass",
-     "type": "String",
-     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-     "memberOf": ""
-    },
-    {
-     "name": "validClass",
-     "type": "String",
-     "desc": "The CSS class to use when marking a field valid (defaults to \"x-form-invalid\")",
-     "memberOf": ""
-    },
-    {
-     "name": "hasFeedback",
-     "type": "Boolean",
-     "desc": "default true",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
-    },
-    {
-     "name": "invalidFeedbackIcon",
-     "type": "String",
-     "desc": "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-     "memberOf": ""
-    },
-    {
-     "name": "validFeedbackIcon",
-     "type": "String",
-     "desc": "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-     "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": "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": "vtype",
-     "type": "String",
-     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-     "memberOf": ""
-    },
-    {
-     "name": "disableKeyFilter",
-     "type": "Boolean",
-     "desc": "True to disable input keystroke filtering (defaults to false)",
-     "memberOf": ""
-    },
-    {
-     "name": "allowBlank",
-     "type": "Boolean",
-     "desc": "False to validate that the value length > 0 (defaults to true)",
-     "memberOf": ""
-    },
-    {
-     "name": "blankText",
-     "type": "String",
-     "desc": "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-     "memberOf": ""
-    },
-    {
-     "name": "minLength",
-     "type": "Number",
-     "desc": "Minimum input field length required (defaults to 0)",
-     "memberOf": ""
-    },
-    {
-     "name": "maxLength",
-     "type": "Number",
-     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-     "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": "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": "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": "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": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
-     "memberOf": ""
-    },
-    {
-     "name": "cls",
-     "type": "String",
-     "desc": "css class",
-     "memberOf": "Roo.bootstrap.Component"
-    },
-    {
-     "name": "style",
-     "type": "String",
-     "desc": "any extra css",
-     "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"
-    },
-    {
-     "name": "can_build_overlaid",
-     "type": "Boolean",
-     "desc": "True if element can be rebuild from a HTML page",
-     "memberOf": "Roo.bootstrap.Component"
-    },
-    {
-     "name": "dataId",
+     "name": "name",
      "type": "string",
-     "desc": "cutomer id",
+     "desc": "Specifies name attribute",
      "memberOf": "Roo.bootstrap.Component"
     },
     {
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "blur",
+     "name": "childrenrendered",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when this field loses input focus."
-    },
-    {
-     "name": "change",
-     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires just before the field blurs if the field value has changed."
+     "desc": "Fires when the children have been rendered.."
     },
     {
-     "name": "childrenrendered",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "click",
+     "sig": "function (e)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the children have been rendered.."
+     "desc": "The img click event for the img."
     },
     {
      "name": "destroy",
      "type": "function",
      "desc": "Fires after the component is enabled."
     },
-    {
-     "name": "focus",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when this field receives input focus."
-    },
     {
      "name": "hide",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is hidden."
     },
-    {
-     "name": "invalid",
-     "sig": "function (_self, msg)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the field has been marked as invalid."
-    },
-    {
-     "name": "keyup",
-     "sig": "function (_self, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the key up"
-    },
     {
      "name": "render",
      "sig": "function (_self)\n{\n\n}",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is shown."
-    },
-    {
-     "name": "specialkey",
-     "sig": "function (_self, e)\n{\n\n}",
-     "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."
-    },
-    {
-     "name": "valid",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the field has been validated with no errors."
     }
    ],
    "methods": [
      "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."
     },
-    {
-     "name": "clearInvalid",
-     "sig": "()",
-     "type": "function",
-     "desc": "Clear any invalid styles/messages for this field"
-    },
     {
      "name": "destroy",
      "sig": "()",
      "desc": "Returns the id of this component."
     },
     {
-     "name": "getName",
-     "sig": "()",
+     "name": "hasListener",
+     "sig": "(String eventName)",
      "type": "function",
-     "desc": "Returns the name of the field"
+     "desc": "Checks to see if this object has any listeners for a specified event"
     },
     {
-     "name": "getRawValue",
+     "name": "hide",
      "sig": "()",
      "type": "function",
-     "desc": "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}."
+     "desc": "Hide a component - adds 'hidden' class"
     },
     {
-     "name": "getValue",
+     "name": "initEvents",
      "sig": "()",
      "type": "function",
-     "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
-    },
-    {
-     "name": "hasListener",
-     "sig": "(String eventName)",
-     "type": "function",
-     "desc": "Checks to see if this object has any listeners for a specified event"
-    },
-    {
-     "name": "hide",
-     "sig": "()",
-     "type": "function",
-     "desc": "Hide a component - adds 'hidden' class"
-    },
-    {
-     "name": "initEvents",
-     "sig": "()",
-     "type": "function",
-     "desc": "Initialize Events for the element"
-    },
-    {
-     "name": "inputEl",
-     "sig": "()",
-     "type": "function",
-     "desc": "return the real input element."
+     "desc": "Initialize Events for the element"
     },
     {
      "name": "isVisible",
      "type": "function",
      "desc": "Returns true if this component is visible."
     },
-    {
-     "name": "markInvalid",
-     "sig": "(String msg)",
-     "type": "function",
-     "desc": "Mark this field as invalid"
-    },
-    {
-     "name": "markValid",
-     "sig": "()",
-     "type": "function",
-     "desc": "Mark this field as valid"
-    },
     {
      "name": "on",
      "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
      "desc": "If this is a lazy rendering component, render it to its container element."
     },
-    {
-     "name": "reset",
-     "sig": "()",
-     "type": "function",
-     "desc": "Resets the current field value to the originally loaded value and clears any validation messages"
-    },
     {
      "name": "setDisabled",
      "sig": "(Boolean disabled)",
      "type": "function",
      "desc": "Convenience function for setting disabled/enabled by boolean."
     },
-    {
-     "name": "setRawValue",
-     "sig": "(Mixed value)",
-     "type": "function",
-     "desc": "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}."
-    },
-    {
-     "name": "setValue",
-     "sig": "(Mixed value)",
-     "type": "function",
-     "desc": "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}."
-    },
     {
      "name": "setVisible",
      "sig": "(Boolean visible)",
      "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
      "desc": "Removes a listener (shorthand for removeListener)"
-    },
-    {
-     "name": "validate",
-     "sig": "()",
-     "type": "function",
-     "desc": "Validates the field value"
-    },
-    {
-     "name": "validateValue",
-     "sig": "(Mixed value)",
-     "type": "function",
-     "desc": "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails"
     }
    ]
   },
-  "Roo.bootstrap.LayoutMasonry": {
+  "Roo.bootstrap.Input": {
    "props": [
     {
-     "name": "isFitWidth",
+     "name": "disabled",
      "type": "Boolean",
-     "desc": "- resize the width..",
+     "desc": "is it disabled",
      "memberOf": ""
     },
     {
-     "name": "isOriginLeft",
-     "type": "Boolean",
-     "desc": "= left align?",
+     "name": "fieldLabel",
+     "type": "String",
+     "desc": "- the label associated",
      "memberOf": ""
     },
     {
-     "name": "isOriginTop",
-     "type": "Boolean",
-     "desc": "= top align?",
+     "name": "inputType",
+     "type": "String",
+     "desc": "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
      "memberOf": ""
     },
     {
-     "name": "isLayoutInstant",
-     "type": "Boolean",
-     "desc": "= no animation?",
+     "name": "name",
+     "type": "String",
+     "desc": "name of the input",
      "memberOf": ""
     },
     {
-     "name": "isResizingContainer",
-     "type": "Boolean",
-     "desc": "= not sure if this is used..",
+     "name": "placeholder",
+     "type": "string",
+     "desc": "- placeholder to put in text.",
      "memberOf": ""
     },
     {
-     "name": "columnWidth",
-     "type": "Number",
-     "desc": "width of the columns",
+     "name": "before",
+     "type": "string",
+     "desc": "- input group add on before",
      "memberOf": ""
     },
     {
-     "name": "padHeight",
-     "type": "Number",
-     "desc": "padding below box..",
+     "name": "after",
+     "type": "string",
+     "desc": "- input group add on after",
      "memberOf": ""
     },
     {
-     "name": "isAutoInitial",
-     "type": "Boolean",
-     "desc": "defalut true",
+     "name": "size",
+     "type": "string",
+     "desc": "- (lg|sm) or leave empty..",
      "memberOf": ""
     },
     {
-     "name": "cls",
-     "type": "String",
-     "desc": "css class",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "xs",
+     "type": "Number",
+     "desc": "colspan out of 12 for mobile-sized screens",
+     "memberOf": ""
     },
     {
-     "name": "style",
-     "type": "String",
-     "desc": "any extra css",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "sm",
+     "type": "Number",
+     "desc": "colspan out of 12 for tablet-sized screens",
+     "memberOf": ""
     },
     {
-     "name": "xattr",
-     "type": "Object",
-     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "md",
+     "type": "Number",
+     "desc": "colspan out of 12 for computer-sized screens",
+     "memberOf": ""
     },
     {
-     "name": "can_build_overlaid",
-     "type": "Boolean",
-     "desc": "True if element can be rebuild from a HTML page",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "lg",
+     "type": "Number",
+     "desc": "colspan out of 12 for large computer-sized screens",
+     "memberOf": ""
     },
     {
-     "name": "dataId",
+     "name": "value",
      "type": "string",
-     "desc": "cutomer id",
-     "memberOf": "Roo.bootstrap.Component"
+     "desc": "default value of the input",
+     "memberOf": ""
     },
     {
-     "name": "name",
-     "type": "string",
-     "desc": "Specifies name attribute",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "labelWidth",
+     "type": "Number",
+     "desc": "set the width of label (0-12)",
+     "memberOf": ""
     },
     {
-     "name": "tooltip",
-     "type": "string",
-     "desc": "Text for the tooltip",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "labelAlign",
+     "type": "String",
+     "desc": "",
+     "memberOf": "",
+     "optvals": [
+      "top",
+      "left"
+     ]
     },
     {
-     "name": "container_method",
-     "type": "string",
-     "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "readOnly",
+     "type": "Boolean",
+     "desc": "Specifies that the field should be read-only",
+     "memberOf": ""
     },
     {
-     "name": "disableClass",
+     "name": "autocomplete",
      "type": "String",
-     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-     "memberOf": "Roo.Component"
-    },
-    {
-     "name": "allowDomMove",
-     "type": "Boolean",
-     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
-     "memberOf": "Roo.Component"
+     "desc": "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
+     "memberOf": ""
     },
     {
-     "name": "hideMode",
+     "name": "align",
      "type": "String",
-     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-     "memberOf": "Roo.Component",
+     "desc": "Default left",
+     "memberOf": "",
      "optvals": [
-      "display",
-      "visibility"
+      "left",
+      "center",
+      "right"
      ]
     },
     {
-     "name": "actionMode",
-     "type": "String",
-     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
-     "memberOf": "Roo.Component"
+     "name": "forceFeedback",
+     "type": "Boolean",
+     "desc": "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"
-    }
-   ],
-   "events": [
+     "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": "beforedestroy",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+     "name": "validateOnBlur",
+     "type": "Boolean",
+     "desc": "Whether the field should validate when it loses focus (defaults to true).",
+     "memberOf": ""
     },
     {
-     "name": "beforehide",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is hidden. Return false to stop the hide."
+     "name": "validationDelay",
+     "type": "Number",
+     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+     "memberOf": ""
     },
     {
-     "name": "beforerender",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is rendered. Return false to stop the render."
+     "name": "focusClass",
+     "type": "String",
+     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+     "memberOf": ""
     },
     {
-     "name": "beforeshow",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is shown.  Return false to stop the show."
+     "name": "invalidClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+     "memberOf": ""
     },
     {
-     "name": "childrenrendered",
+     "name": "validClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field valid (defaults to \"x-form-invalid\")",
+     "memberOf": ""
+    },
+    {
+     "name": "hasFeedback",
+     "type": "Boolean",
+     "desc": "default true",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "invalidFeedbackIcon",
+     "type": "String",
+     "desc": "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+     "memberOf": ""
+    },
+    {
+     "name": "validFeedbackIcon",
+     "type": "String",
+     "desc": "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+     "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": "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": "vtype",
+     "type": "String",
+     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+     "memberOf": ""
+    },
+    {
+     "name": "disableKeyFilter",
+     "type": "Boolean",
+     "desc": "True to disable input keystroke filtering (defaults to false)",
+     "memberOf": ""
+    },
+    {
+     "name": "allowBlank",
+     "type": "Boolean",
+     "desc": "False to validate that the value length > 0 (defaults to true)",
+     "memberOf": ""
+    },
+    {
+     "name": "blankText",
+     "type": "String",
+     "desc": "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+     "memberOf": ""
+    },
+    {
+     "name": "minLength",
+     "type": "Number",
+     "desc": "Minimum input field length required (defaults to 0)",
+     "memberOf": ""
+    },
+    {
+     "name": "maxLength",
+     "type": "Number",
+     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+     "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": "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": "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": "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": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+     "memberOf": ""
+    },
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
+     "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"
+    },
+    {
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "tooltip",
+     "type": "string",
+     "desc": "Text for the tooltip",
+     "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": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "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": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component",
+     "optvals": [
+      "display",
+      "visibility"
+     ]
+    },
+    {
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+    },
+    {
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
+    },
+    {
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
+    },
+    {
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
+    },
+    {
+     "name": "blur",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field loses input focus."
+    },
+    {
+     "name": "change",
+     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires just before the field blurs if the field value has changed."
+    },
+    {
+     "name": "childrenrendered",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires when the children have been rendered.."
      "type": "function",
      "desc": "Fires after the component is enabled."
     },
+    {
+     "name": "focus",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field receives input focus."
+    },
     {
      "name": "hide",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is hidden."
     },
+    {
+     "name": "invalid",
+     "sig": "function (_self, msg)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been marked as invalid."
+    },
+    {
+     "name": "keyup",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the key up"
+    },
     {
      "name": "render",
      "sig": "function (_self)\n{\n\n}",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is shown."
+    },
+    {
+     "name": "specialkey",
+     "sig": "function (_self, e)\n{\n\n}",
+     "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."
+    },
+    {
+     "name": "valid",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been validated with no errors."
     }
    ],
    "methods": [
      "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."
     },
     {
-     "name": "destroy",
+     "name": "clearInvalid",
      "sig": "()",
      "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 any invalid styles/messages for this field"
     },
     {
-     "name": "disable",
+     "name": "destroy",
+     "sig": "()",
+     "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}."
+    },
+    {
+     "name": "disable",
      "sig": "()",
      "type": "function",
      "desc": "Disable this component."
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getName",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the name of the field"
+    },
+    {
+     "name": "getRawValue",
+     "sig": "()",
+     "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}."
+    },
+    {
+     "name": "getValue",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "type": "function",
      "desc": "Initialize Events for the element"
     },
+    {
+     "name": "inputEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "return the real input element."
+    },
     {
      "name": "isVisible",
      "sig": "()",
      "type": "function",
      "desc": "Returns true if this component is visible."
     },
+    {
+     "name": "markInvalid",
+     "sig": "(String msg)",
+     "type": "function",
+     "desc": "Mark this field as invalid"
+    },
+    {
+     "name": "markValid",
+     "sig": "()",
+     "type": "function",
+     "desc": "Mark this field as valid"
+    },
     {
      "name": "on",
      "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
      "desc": "If this is a lazy rendering component, render it to its container element."
     },
+    {
+     "name": "reset",
+     "sig": "()",
+     "type": "function",
+     "desc": "Resets the current field value to the originally loaded value and clears any validation messages"
+    },
     {
      "name": "setDisabled",
      "sig": "(Boolean disabled)",
      "type": "function",
      "desc": "Convenience function for setting disabled/enabled by boolean."
     },
+    {
+     "name": "setRawValue",
+     "sig": "(Mixed value)",
+     "type": "function",
+     "desc": "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}."
+    },
+    {
+     "name": "setValue",
+     "sig": "(Mixed value)",
+     "type": "function",
+     "desc": "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}."
+    },
     {
      "name": "setVisible",
      "sig": "(Boolean visible)",
      "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
      "desc": "Removes a listener (shorthand for removeListener)"
+    },
+    {
+     "name": "validate",
+     "sig": "()",
+     "type": "function",
+     "desc": "Validates the field value"
+    },
+    {
+     "name": "validateValue",
+     "sig": "(Mixed value)",
+     "type": "function",
+     "desc": "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails"
     }
    ]
   },
-  "Roo.bootstrap.Link": {
+  "Roo.bootstrap.LayoutMasonry": {
    "props": [
     {
-     "name": "alt",
-     "type": "String",
-     "desc": "image alternative text",
+     "name": "isFitWidth",
+     "type": "Boolean",
+     "desc": "- resize the width..",
      "memberOf": ""
     },
     {
-     "name": "href",
-     "type": "String",
-     "desc": "a tag href",
+     "name": "isOriginLeft",
+     "type": "Boolean",
+     "desc": "= left align?",
      "memberOf": ""
     },
     {
-     "name": "target",
-     "type": "String",
-     "desc": "target for a href.",
-     "memberOf": "",
-     "optvals": [
-      "_self",
-      "_blank",
-      "_parent",
-      "_top"
-     ]
+     "name": "isOriginTop",
+     "type": "Boolean",
+     "desc": "= top align?",
+     "memberOf": ""
     },
     {
-     "name": "html",
-     "type": "String",
-     "desc": "the content of the link.",
+     "name": "isLayoutInstant",
+     "type": "Boolean",
+     "desc": "= no animation?",
      "memberOf": ""
     },
     {
-     "name": "anchor",
-     "type": "String",
-     "desc": "name for the anchor link",
+     "name": "isResizingContainer",
+     "type": "Boolean",
+     "desc": "= not sure if this is used..",
      "memberOf": ""
     },
     {
-     "name": "preventDefault",
+     "name": "columnWidth",
+     "type": "Number",
+     "desc": "width of the columns",
+     "memberOf": ""
+    },
+    {
+     "name": "padHeight",
+     "type": "Number",
+     "desc": "padding below box..",
+     "memberOf": ""
+    },
+    {
+     "name": "isAutoInitial",
      "type": "Boolean",
-     "desc": "default false",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "desc": "defalut true",
+     "memberOf": ""
     },
     {
      "name": "cls",
      "type": "function",
      "desc": "Fires when the children have been rendered.."
     },
-    {
-     "name": "click",
-     "sig": "function (e)\n{\n\n}",
-     "type": "function",
-     "desc": "The img click event for the img."
-    },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
     }
    ]
   },
-  "Roo.bootstrap.LocationPicker": {
+  "Roo.bootstrap.Link": {
    "props": [
     {
-     "name": "latitude",
-     "type": "Number",
-     "desc": "Position when init default 0",
-     "memberOf": ""
-    },
-    {
-     "name": "longitude",
-     "type": "Number",
-     "desc": "Position when init default 0",
-     "memberOf": ""
-    },
-    {
-     "name": "zoom",
-     "type": "Number",
-     "desc": "default 15",
-     "memberOf": ""
-    },
-    {
-     "name": "mapTypeId",
+     "name": "alt",
      "type": "String",
-     "desc": "default google.maps.MapTypeId.ROADMAP",
-     "memberOf": ""
-    },
-    {
-     "name": "mapTypeControl",
-     "type": "Boolean",
-     "desc": "default false",
-     "memberOf": ""
-    },
-    {
-     "name": "disableDoubleClickZoom",
-     "type": "Boolean",
-     "desc": "default false",
-     "memberOf": ""
-    },
-    {
-     "name": "scrollwheel",
-     "type": "Boolean",
-     "desc": "default true",
+     "desc": "image alternative text",
      "memberOf": ""
     },
     {
-     "name": "streetViewControl",
-     "type": "Boolean",
-     "desc": "default false",
+     "name": "href",
+     "type": "String",
+     "desc": "a tag href",
      "memberOf": ""
     },
     {
-     "name": "radius",
-     "type": "Number",
-     "desc": "default 0",
-     "memberOf": ""
+     "name": "target",
+     "type": "String",
+     "desc": "target for a href.",
+     "memberOf": "",
+     "optvals": [
+      "_self",
+      "_blank",
+      "_parent",
+      "_top"
+     ]
     },
     {
-     "name": "locationName",
+     "name": "html",
      "type": "String",
-     "desc": "",
+     "desc": "the content of the link.",
      "memberOf": ""
     },
     {
-     "name": "draggable",
-     "type": "Boolean",
-     "desc": "default true",
+     "name": "anchor",
+     "type": "String",
+     "desc": "name for the anchor link",
      "memberOf": ""
     },
     {
-     "name": "enableAutocomplete",
+     "name": "preventDefault",
      "type": "Boolean",
      "desc": "default false",
-     "memberOf": ""
-    },
-    {
-     "name": "enableReverseGeocode",
-     "type": "Boolean",
-     "desc": "default true",
-     "memberOf": ""
-    },
-    {
-     "name": "markerTitle",
-     "type": "String",
-     "desc": "",
-     "memberOf": ""
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
     },
     {
      "name": "cls",
    ],
    "events": [
     {
-     "name": "OverlayViewDraw",
+     "name": "beforedestroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when OverlayView Draw"
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
     },
     {
-     "name": "OverlayViewHide",
+     "name": "beforehide",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when OverlayView Draw"
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
     {
-     "name": "OverlayViewOnAdd",
+     "name": "beforerender",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when OverlayView Draw"
+     "desc": "Fires before the component is rendered. Return false to stop the render."
     },
     {
-     "name": "OverlayViewOnRemove",
+     "name": "beforeshow",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when OverlayView Draw"
+     "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "OverlayViewShow",
-     "sig": "function (_self, cpx)\n{\n\n}",
+     "name": "childrenrendered",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when OverlayView Draw"
+     "desc": "Fires when the children have been rendered.."
     },
     {
-     "name": "beforedestroy",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
-    },
-    {
-     "name": "beforehide",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is hidden. Return false to stop the hide."
-    },
-    {
-     "name": "beforerender",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is rendered. Return false to stop the render."
-    },
-    {
-     "name": "beforeshow",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is shown.  Return false to stop the show."
-    },
-    {
-     "name": "childrenrendered",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "click",
+     "sig": "function (e)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the children have been rendered.."
+     "desc": "The img click event for the img."
     },
     {
      "name": "destroy",
      "name": "hide",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the map hide."
-    },
-    {
-     "name": "initial",
-     "sig": "function (_self, location)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the picker initialized."
-    },
-    {
-     "name": "mapClick",
-     "sig": "function (_self, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when click the map."
-    },
-    {
-     "name": "mapRightClick",
-     "sig": "function (_self, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when right click the map."
-    },
-    {
-     "name": "markerClick",
-     "sig": "function (_self, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when click the marker."
-    },
-    {
-     "name": "markerRightClick",
-     "sig": "function (_self, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when right click the marker."
-    },
-    {
-     "name": "positionchanged",
-     "sig": "function (_self, location)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the picker position changed."
+     "desc": "Fires after the component is hidden."
     },
     {
      "name": "render",
      "type": "function",
      "desc": "Fires after the component is rendered."
     },
-    {
-     "name": "resize",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the map resize."
-    },
     {
      "name": "show",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the map show."
+     "desc": "Fires after the component is shown."
     }
    ],
    "methods": [
     }
    ]
   },
-  "Roo.bootstrap.Menu": {
+  "Roo.bootstrap.LocationPicker": {
    "props": [
     {
-     "name": "type",
+     "name": "latitude",
+     "type": "Number",
+     "desc": "Position when init default 0",
+     "memberOf": ""
+    },
+    {
+     "name": "longitude",
+     "type": "Number",
+     "desc": "Position when init default 0",
+     "memberOf": ""
+    },
+    {
+     "name": "zoom",
+     "type": "Number",
+     "desc": "default 15",
+     "memberOf": ""
+    },
+    {
+     "name": "mapTypeId",
      "type": "String",
-     "desc": "type of menu",
-     "memberOf": "",
-     "optvals": [
-      "dropdown",
-      "treeview",
-      "submenu"
-     ]
+     "desc": "default google.maps.MapTypeId.ROADMAP",
+     "memberOf": ""
     },
     {
-     "name": "registerMenu",
+     "name": "mapTypeControl",
      "type": "Boolean",
-     "desc": "True (default) - means that clicking on screen etc. hides it.",
+     "desc": "default false",
+     "memberOf": ""
+    },
+    {
+     "name": "disableDoubleClickZoom",
+     "type": "Boolean",
+     "desc": "default false",
+     "memberOf": ""
+    },
+    {
+     "name": "scrollwheel",
+     "type": "Boolean",
+     "desc": "default true",
+     "memberOf": ""
+    },
+    {
+     "name": "streetViewControl",
+     "type": "Boolean",
+     "desc": "default false",
+     "memberOf": ""
+    },
+    {
+     "name": "radius",
+     "type": "Number",
+     "desc": "default 0",
+     "memberOf": ""
+    },
+    {
+     "name": "locationName",
+     "type": "String",
+     "desc": "",
+     "memberOf": ""
+    },
+    {
+     "name": "draggable",
+     "type": "Boolean",
+     "desc": "default true",
+     "memberOf": ""
+    },
+    {
+     "name": "enableAutocomplete",
+     "type": "Boolean",
+     "desc": "default false",
+     "memberOf": ""
+    },
+    {
+     "name": "enableReverseGeocode",
+     "type": "Boolean",
+     "desc": "default true",
+     "memberOf": ""
+    },
+    {
+     "name": "markerTitle",
+     "type": "String",
+     "desc": "",
      "memberOf": ""
     },
     {
     }
    ],
    "events": [
+    {
+     "name": "OverlayViewDraw",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when OverlayView Draw"
+    },
+    {
+     "name": "OverlayViewHide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when OverlayView Draw"
+    },
+    {
+     "name": "OverlayViewOnAdd",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when OverlayView Draw"
+    },
+    {
+     "name": "OverlayViewOnRemove",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when OverlayView Draw"
+    },
+    {
+     "name": "OverlayViewShow",
+     "sig": "function (_self, cpx)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when OverlayView Draw"
+    },
     {
      "name": "beforedestroy",
      "sig": "function (_self)\n{\n\n}",
      "name": "beforehide",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires before this menu is hidden"
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
     {
      "name": "beforerender",
      "name": "beforeshow",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires before this menu is displayed"
+     "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
      "name": "childrenrendered",
      "type": "function",
      "desc": "Fires when the children have been rendered.."
     },
-    {
-     "name": "click",
-     "sig": "function (_self, menuItem, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when this menu is clicked (or when the enter key is pressed while it is active)"
-    },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
      "name": "hide",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after this menu is hidden"
+     "desc": "Fires when the map hide."
     },
     {
-     "name": "itemclick",
-     "sig": "function (baseItem, e)\n{\n\n}",
+     "name": "initial",
+     "sig": "function (_self, location)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when a menu item contained in this menu is clicked"
+     "desc": "Fires when the picker initialized."
     },
     {
-     "name": "mouseout",
-     "sig": "function (_self, e, menuItem)\n{\n\n}",
+     "name": "mapClick",
+     "sig": "function (_self, e)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the mouse exits this menu"
+     "desc": "Fires when click the map."
     },
     {
-     "name": "mouseover",
-     "sig": "function (_self, e, menuItem)\n{\n\n}",
+     "name": "mapRightClick",
+     "sig": "function (_self, e)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the mouse is hovering over this menu"
+     "desc": "Fires when right click the map."
+    },
+    {
+     "name": "markerClick",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when click the marker."
+    },
+    {
+     "name": "markerRightClick",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when right click the marker."
+    },
+    {
+     "name": "positionchanged",
+     "sig": "function (_self, location)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the picker position changed."
     },
     {
      "name": "render",
      "type": "function",
      "desc": "Fires after the component is rendered."
     },
+    {
+     "name": "resize",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the map resize."
+    },
     {
      "name": "show",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after this menu is displayed"
+     "desc": "Fires when the map show."
     }
    ],
    "methods": [
     },
     {
      "name": "hide",
-     "sig": "(Boolean deep)",
+     "sig": "()",
      "type": "function",
-     "desc": "Hides this menu and optionally all parent menus"
+     "desc": "Hide a component - adds 'hidden' class"
     },
     {
      "name": "initEvents",
     },
     {
      "name": "show",
-     "sig": "(String/HTMLElement/Roo.Element element, String position, Roo.menu.Menu parentMenu)",
+     "sig": "()",
      "type": "function",
-     "desc": "Displays this menu relative to another element"
-    },
-    {
-     "name": "showAt",
-     "sig": "(Array xyPosition, Roo.menu.Menu parentMenu)",
-     "type": "function",
-     "desc": "Displays this menu at a specific xy position"
+     "desc": "Show a component - removes 'hidden' class"
     },
     {
      "name": "tooltipEl",
     }
    ]
   },
-  "Roo.bootstrap.MenuItem": {
+  "Roo.bootstrap.Menu": {
    "props": [
     {
-     "name": "html",
-     "type": "String",
-     "desc": "the menu label",
-     "memberOf": ""
-    },
-    {
-     "name": "href",
+     "name": "type",
      "type": "String",
-     "desc": "the link",
-     "memberOf": ""
-    },
-    {
-     "name": "preventDefault",
-     "type": "Boolean",
-     "desc": "default true",
+     "desc": "type of menu",
      "memberOf": "",
      "optvals": [
-      "true",
-      "false"
+      "dropdown",
+      "treeview",
+      "submenu"
      ]
     },
     {
-     "name": "isContainer",
+     "name": "registerMenu",
      "type": "Boolean",
-     "desc": "default false",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "desc": "True (default) - means that clicking on screen etc. hides it.",
+     "memberOf": ""
     },
     {
      "name": "cls",
      "name": "beforehide",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires before the component is hidden. Return false to stop the hide."
+     "desc": "Fires before this menu is hidden"
     },
     {
      "name": "beforerender",
      "name": "beforeshow",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires before the component is shown.  Return false to stop the show."
+     "desc": "Fires before this menu is displayed"
     },
     {
      "name": "childrenrendered",
     },
     {
      "name": "click",
-     "sig": "function (_self, e)\n{\n\n}",
+     "sig": "function (_self, menuItem, e)\n{\n\n}",
      "type": "function",
-     "desc": "The raw click event for the entire grid."
+     "desc": "Fires when this menu is clicked (or when the enter key is pressed while it is active)"
     },
     {
      "name": "destroy",
      "name": "hide",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the component is hidden."
+     "desc": "Fires after this menu is hidden"
+    },
+    {
+     "name": "itemclick",
+     "sig": "function (baseItem, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a menu item contained in this menu is clicked"
+    },
+    {
+     "name": "mouseout",
+     "sig": "function (_self, e, menuItem)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the mouse exits this menu"
+    },
+    {
+     "name": "mouseover",
+     "sig": "function (_self, e, menuItem)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the mouse is hovering over this menu"
     },
     {
      "name": "render",
      "name": "show",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the component is shown."
+     "desc": "Fires after this menu is displayed"
     }
    ],
    "methods": [
     },
     {
      "name": "hide",
-     "sig": "()",
+     "sig": "(Boolean deep)",
      "type": "function",
-     "desc": "Hide a component - adds 'hidden' class"
+     "desc": "Hides this menu and optionally all parent menus"
     },
     {
      "name": "initEvents",
     },
     {
      "name": "show",
-     "sig": "()",
+     "sig": "(String/HTMLElement/Roo.Element element, String position, Roo.menu.Menu parentMenu)",
      "type": "function",
-     "desc": "Show a component - removes 'hidden' class"
+     "desc": "Displays this menu relative to another element"
+    },
+    {
+     "name": "showAt",
+     "sig": "(Array xyPosition, Roo.menu.Menu parentMenu)",
+     "type": "function",
+     "desc": "Displays this menu at a specific xy position"
     },
     {
      "name": "tooltipEl",
     }
    ]
   },
-  "Roo.bootstrap.MenuMgr": {
-   "props": [],
-   "events": [],
-   "methods": [
+  "Roo.bootstrap.MenuItem": {
+   "props": [
     {
-     "name": "get",
-     "sig": "(String/Object menu)",
-     "type": "function",
-     "desc": "Returns a {@link Roo.menu.Menu} object"
+     "name": "html",
+     "type": "String",
+     "desc": "the menu label",
+     "memberOf": ""
     },
     {
-     "name": "hideAll",
-     "sig": "()",
-     "type": "function",
-     "desc": "Hides all menus that are currently visible"
-    }
-   ]
-  },
-  "Roo.bootstrap.MenuSeparator": {
-   "props": [
+     "name": "href",
+     "type": "String",
+     "desc": "the link",
+     "memberOf": ""
+    },
+    {
+     "name": "preventDefault",
+     "type": "Boolean",
+     "desc": "default true",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "isContainer",
+     "type": "Boolean",
+     "desc": "default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
     {
      "name": "cls",
      "type": "String",
      "type": "function",
      "desc": "Fires when the children have been rendered.."
     },
+    {
+     "name": "click",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "The raw click event for the entire grid."
+    },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
     }
    ]
   },
-  "Roo.bootstrap.MessageBar": {
-   "props": [
-    {
-     "name": "html",
-     "type": "String",
-     "desc": "contents of the MessageBar",
-     "memberOf": ""
-    },
-    {
-     "name": "weight",
-     "type": "String",
-     "desc": "default info",
-     "memberOf": "",
-     "optvals": [
-      "info",
-      "success",
-      "warning",
-      "danger"
-     ]
-    },
-    {
-     "name": "beforeClass",
-     "type": "String",
-     "desc": "insert the bar before the given class",
-     "memberOf": ""
-    },
+  "Roo.bootstrap.MenuMgr": {
+   "props": [],
+   "events": [],
+   "methods": [
     {
-     "name": "closable",
-     "type": "Boolean",
-     "desc": "default false",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "name": "get",
+     "sig": "(String/Object menu)",
+     "type": "function",
+     "desc": "Returns a {@link Roo.menu.Menu} object"
     },
     {
-     "name": "fixed",
-     "type": "Boolean",
-     "desc": "default false, fix the bar at the top",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
-    },
+     "name": "hideAll",
+     "sig": "()",
+     "type": "function",
+     "desc": "Hides all menus that are currently visible"
+    }
+   ]
+  },
+  "Roo.bootstrap.MenuSeparator": {
+   "props": [
     {
      "name": "cls",
      "type": "String",
     }
    ]
   },
-  "Roo.bootstrap.MessageBox": {
-   "props": [],
-   "events": [],
-   "methods": [
-    {
-     "name": "alert",
-     "sig": "(String title, String msg, Function fn, Object scope)",
-     "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)."
-    },
+  "Roo.bootstrap.MessageBar": {
+   "props": [
     {
-     "name": "confirm",
-     "sig": "(String title, String msg, Function fn, Object scope)",
-     "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)."
+     "name": "html",
+     "type": "String",
+     "desc": "contents of the MessageBar",
+     "memberOf": ""
     },
     {
-     "name": "getDialog",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns a reference to the underlying {@link Roo.BasicDialog} element"
+     "name": "weight",
+     "type": "String",
+     "desc": "default info",
+     "memberOf": "",
+     "optvals": [
+      "info",
+      "success",
+      "warning",
+      "danger"
+     ]
     },
     {
-     "name": "hide",
-     "sig": "()",
-     "type": "function",
-     "desc": "Hides the message box if it is displayed"
+     "name": "beforeClass",
+     "type": "String",
+     "desc": "insert the bar before the given class",
+     "memberOf": ""
     },
     {
-     "name": "isVisible",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns true if the message box is currently displayed"
+     "name": "closable",
+     "type": "Boolean",
+     "desc": "default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
     },
     {
-     "name": "progress",
-     "sig": "(String title, String msg)",
-     "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."
-    },
-    {
-     "name": "prompt",
-     "sig": "(String title, String msg, Function fn, Object scope, Boolean/Number multiline)",
-     "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."
-    },
-    {
-     "name": "show",
-     "sig": "(Object config)",
-     "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>"
-    },
-    {
-     "name": "updateProgress",
-     "sig": "(Number value, String text)",
-     "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."
-    },
-    {
-     "name": "updateText",
-     "sig": "(String text)",
-     "type": "function",
-     "desc": "Updates the message box body text"
-    },
-    {
-     "name": "wait",
-     "sig": "(String msg, String title)",
-     "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."
-    }
-   ]
-  },
-  "Roo.bootstrap.Modal": {
-   "props": [
-    {
-     "name": "title",
-     "type": "String",
-     "desc": "Title of dialog",
-     "memberOf": ""
-    },
-    {
-     "name": "html",
-     "type": "String",
-     "desc": "- the body of the dialog (for simple ones) - you can also use template..",
-     "memberOf": ""
-    },
-    {
-     "name": "tmpl",
-     "type": "Roo.Template",
-     "desc": "- a template with variables. to use it, add a handler in show:method  adn",
-     "memberOf": ""
-    },
-    {
-     "name": "specificTitle",
+     "name": "fixed",
      "type": "Boolean",
-     "desc": "default false",
-     "memberOf": ""
-    },
-    {
-     "name": "buttons",
-     "type": "Array",
-     "desc": "Array of buttons or standard button set..",
-     "memberOf": ""
-    },
-    {
-     "name": "buttonPosition",
-     "type": "String",
-     "desc": "default right",
+     "desc": "default false, fix the bar at the top",
      "memberOf": "",
      "optvals": [
-      "left",
-      "right",
-      "center"
+      "true",
+      "false"
      ]
     },
-    {
-     "name": "animate",
-     "type": "Boolean",
-     "desc": "default true",
-     "memberOf": ""
-    },
-    {
-     "name": "allow_close",
-     "type": "Boolean",
-     "desc": "default true",
-     "memberOf": ""
-    },
     {
      "name": "cls",
      "type": "String",
      "type": "function",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
-    {
-     "name": "btnclick",
-     "sig": "function (e)\n{\n\n}",
-     "type": "function",
-     "desc": "The raw btnclick event for the button"
-    },
     {
      "name": "childrenrendered",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Appends an event handler to this component"
     },
-    {
-     "name": "applyBody",
-     "sig": "(Obj data)",
-     "type": "function",
-     "desc": "Set the body of the Dialog using the template"
-    },
     {
      "name": "capture",
      "sig": "(Observable o, Function fn, Object scope)",
      "type": "function",
      "desc": "If this is a lazy rendering component, render it to its container element."
     },
-    {
-     "name": "setBody",
-     "sig": "(String str)",
-     "type": "function",
-     "desc": "Set the body of the Dialog"
-    },
     {
      "name": "setDisabled",
      "sig": "(Boolean disabled)",
      "type": "function",
      "desc": "Convenience function for setting disabled/enabled by boolean."
     },
-    {
-     "name": "setTitle",
-     "sig": "(String str)",
-     "type": "function",
-     "desc": "Set the title of the Dialog"
-    },
     {
      "name": "setVisible",
      "sig": "(Boolean visible)",
     }
    ]
   },
-  "Roo.bootstrap.MonthField": {
-   "props": [
+  "Roo.bootstrap.MessageBox": {
+   "props": [],
+   "events": [],
+   "methods": [
     {
-     "name": "language",
-     "type": "String",
-     "desc": "default en",
-     "memberOf": ""
+     "name": "alert",
+     "sig": "(String title, String msg, Function fn, Object scope)",
+     "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)."
     },
     {
-     "name": "disabled",
-     "type": "Boolean",
-     "desc": "is it disabled",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "confirm",
+     "sig": "(String title, String msg, Function fn, Object scope)",
+     "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)."
     },
     {
-     "name": "fieldLabel",
-     "type": "String",
-     "desc": "- the label associated",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "getDialog",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns a reference to the underlying {@link Roo.BasicDialog} element"
     },
     {
-     "name": "inputType",
-     "type": "String",
-     "desc": "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "hide",
+     "sig": "()",
+     "type": "function",
+     "desc": "Hides the message box if it is displayed"
     },
     {
-     "name": "name",
-     "type": "String",
-     "desc": "name of the input",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "isVisible",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if the message box is currently displayed"
     },
     {
-     "name": "placeholder",
-     "type": "string",
-     "desc": "- placeholder to put in text.",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "progress",
+     "sig": "(String title, String msg)",
+     "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."
     },
     {
-     "name": "before",
-     "type": "string",
-     "desc": "- input group add on before",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "prompt",
+     "sig": "(String title, String msg, Function fn, Object scope, Boolean/Number multiline)",
+     "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."
     },
     {
-     "name": "after",
-     "type": "string",
-     "desc": "- input group add on after",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "show",
+     "sig": "(Object config)",
+     "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>"
     },
     {
-     "name": "size",
-     "type": "string",
-     "desc": "- (lg|sm) or leave empty..",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "updateProgress",
+     "sig": "(Number value, String text)",
+     "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."
     },
     {
-     "name": "xs",
-     "type": "Number",
-     "desc": "colspan out of 12 for mobile-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "updateText",
+     "sig": "(String text)",
+     "type": "function",
+     "desc": "Updates the message box body text"
     },
     {
-     "name": "sm",
-     "type": "Number",
-     "desc": "colspan out of 12 for tablet-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "wait",
+     "sig": "(String msg, String title)",
+     "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."
+    }
+   ]
+  },
+  "Roo.bootstrap.Modal": {
+   "props": [
+    {
+     "name": "title",
+     "type": "String",
+     "desc": "Title of dialog",
+     "memberOf": ""
     },
     {
-     "name": "md",
-     "type": "Number",
-     "desc": "colspan out of 12 for computer-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "html",
+     "type": "String",
+     "desc": "- the body of the dialog (for simple ones) - you can also use template..",
+     "memberOf": ""
     },
     {
-     "name": "lg",
-     "type": "Number",
-     "desc": "colspan out of 12 for large computer-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "tmpl",
+     "type": "Roo.Template",
+     "desc": "- a template with variables. to use it, add a handler in show:method  adn",
+     "memberOf": ""
     },
     {
-     "name": "value",
-     "type": "string",
-     "desc": "default value of the input",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "specificTitle",
+     "type": "Boolean",
+     "desc": "default false",
+     "memberOf": ""
     },
     {
-     "name": "labelWidth",
-     "type": "Number",
-     "desc": "set the width of label (0-12)",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "buttons",
+     "type": "Array",
+     "desc": "Array of buttons or standard button set..",
+     "memberOf": ""
     },
     {
-     "name": "labelAlign",
+     "name": "buttonPosition",
      "type": "String",
-     "desc": "",
-     "memberOf": "Roo.bootstrap.Input",
-     "optvals": [
-      "top",
-      "left"
-     ]
-    },
-    {
-     "name": "readOnly",
-     "type": "Boolean",
-     "desc": "Specifies that the field should be read-only",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "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": "align",
-     "type": "String",
-     "desc": "Default left",
-     "memberOf": "Roo.bootstrap.Input",
+     "desc": "default right",
+     "memberOf": "",
      "optvals": [
       "left",
-      "center",
-      "right"
+      "right",
+      "center"
      ]
     },
     {
-     "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": "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": "focusClass",
-     "type": "String",
-     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "name": "invalidClass",
-     "type": "String",
-     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "name": "validClass",
-     "type": "String",
-     "desc": "The CSS class to use when marking a field valid (defaults to \"x-form-invalid\")",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "name": "hasFeedback",
+     "name": "animate",
      "type": "Boolean",
      "desc": "default true",
-     "memberOf": "Roo.bootstrap.Input",
-     "optvals": [
-      "true",
-      "false"
-     ]
-    },
-    {
-     "name": "invalidFeedbackIcon",
-     "type": "String",
-     "desc": "The CSS class to use when create feedback icon (defaults to \"x-form-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": "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": "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": "vtype",
-     "type": "String",
-     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "name": "disableKeyFilter",
-     "type": "Boolean",
-     "desc": "True to disable input keystroke filtering (defaults to false)",
-     "memberOf": "Roo.bootstrap.Input"
+     "memberOf": ""
     },
     {
-     "name": "allowBlank",
+     "name": "allow_close",
      "type": "Boolean",
-     "desc": "False to validate that the value length > 0 (defaults to true)",
-     "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": "minLength",
-     "type": "Number",
-     "desc": "Minimum input field length required (defaults to 0)",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "name": "maxLength",
-     "type": "Number",
-     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-     "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": "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": "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": "regex",
-     "type": "RegExp",
-     "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "name": "regexText",
-     "type": "String",
-     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "default true",
+     "memberOf": ""
     },
     {
      "name": "cls",
      "desc": "cutomer id",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
+    },
     {
      "name": "tooltip",
      "type": "string",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "blur",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when this field loses input focus."
-    },
-    {
-     "name": "change",
-     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
+     "name": "btnclick",
+     "sig": "function (e)\n{\n\n}",
      "type": "function",
-     "desc": "Fires just before the field blurs if the field value has changed."
+     "desc": "The raw btnclick event for the button"
     },
     {
      "name": "childrenrendered",
      "type": "function",
      "desc": "Fires after the component is enabled."
     },
-    {
-     "name": "focus",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when this field receives input focus."
-    },
     {
      "name": "hide",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is hidden."
     },
-    {
-     "name": "invalid",
-     "sig": "function (_self, msg)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the field has been marked as invalid."
-    },
-    {
-     "name": "keyup",
-     "sig": "function (_self, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the key up"
-    },
     {
      "name": "render",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is rendered."
     },
-    {
-     "name": "select",
-     "sig": "function (_self, oldvalue, newvalue)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when select a date."
-    },
     {
      "name": "show",
-     "sig": "function (_self, date)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when this field show."
-    },
-    {
-     "name": "specialkey",
-     "sig": "function (_self, e)\n{\n\n}",
-     "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."
-    },
-    {
-     "name": "valid",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the field has been validated with no errors."
+     "desc": "Fires after the component is shown."
     }
    ],
    "methods": [
      "desc": "Appends an event handler to this component"
     },
     {
-     "name": "capture",
-     "sig": "(Observable o, Function fn, Object scope)",
+     "name": "applyBody",
+     "sig": "(Obj data)",
      "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."
+     "desc": "Set the body of the Dialog using the template"
     },
     {
-     "name": "clearInvalid",
-     "sig": "()",
+     "name": "capture",
+     "sig": "(Observable o, Function fn, Object scope)",
      "type": "function",
-     "desc": "Clear any invalid styles/messages for this field"
+     "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."
     },
     {
      "name": "destroy",
      "type": "function",
      "desc": "Returns the id of this component."
     },
-    {
-     "name": "getName",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns the name of the field"
-    },
-    {
-     "name": "getRawValue",
-     "sig": "()",
-     "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}."
-    },
-    {
-     "name": "getValue",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
-    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "type": "function",
      "desc": "Initialize Events for the element"
     },
-    {
-     "name": "inputEl",
-     "sig": "()",
-     "type": "function",
-     "desc": "return the real input element."
-    },
     {
      "name": "isVisible",
      "sig": "()",
      "desc": "Returns true if this component is visible."
     },
     {
-     "name": "markInvalid",
-     "sig": "(String msg)",
+     "name": "on",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
-     "desc": "Mark this field as invalid"
-    },
-    {
-     "name": "markValid",
-     "sig": "()",
-     "type": "function",
-     "desc": "Mark this field as valid"
-    },
-    {
-     "name": "on",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
-     "type": "function",
-     "desc": "Appends an event handler to this element (shorthand for addListener)"
+     "desc": "Appends an event handler to this element (shorthand for addListener)"
     },
     {
      "name": "purgeListeners",
      "desc": "If this is a lazy rendering component, render it to its container element."
     },
     {
-     "name": "reset",
-     "sig": "()",
+     "name": "setBody",
+     "sig": "(String str)",
      "type": "function",
-     "desc": "Resets the current field value to the originally loaded value and clears any validation messages"
+     "desc": "Set the body of the Dialog"
     },
     {
      "name": "setDisabled",
      "desc": "Convenience function for setting disabled/enabled by boolean."
     },
     {
-     "name": "setRawValue",
-     "sig": "(Mixed value)",
-     "type": "function",
-     "desc": "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}."
-    },
-    {
-     "name": "setValue",
-     "sig": "(Mixed value)",
+     "name": "setTitle",
+     "sig": "(String str)",
      "type": "function",
-     "desc": "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}."
+     "desc": "Set the title of the Dialog"
     },
     {
      "name": "setVisible",
      "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
      "desc": "Removes a listener (shorthand for removeListener)"
-    },
-    {
-     "name": "validate",
-     "sig": "()",
-     "type": "function",
-     "desc": "Validates the field value"
-    },
-    {
-     "name": "validateValue",
-     "sig": "(Mixed value)",
-     "type": "function",
-     "desc": "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails"
     }
    ]
   },
-  "Roo.bootstrap.NavGroup": {
+  "Roo.bootstrap.MonthField": {
    "props": [
     {
-     "name": "align",
+     "name": "language",
      "type": "String",
-     "desc": "",
-     "memberOf": "",
-     "optvals": [
-      "left",
-      "right"
-     ]
+     "desc": "default en",
+     "memberOf": ""
     },
     {
-     "name": "inverse",
+     "name": "disabled",
      "type": "Boolean",
-     "desc": "",
-     "memberOf": ""
+     "desc": "is it disabled",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "type",
+     "name": "fieldLabel",
      "type": "String",
-     "desc": "default nav",
-     "memberOf": "",
-     "optvals": [
-      "nav",
-      "pills",
-      "tab"
-     ]
+     "desc": "- the label associated",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "navId",
+     "name": "inputType",
      "type": "String",
-     "desc": "- reference Id for navbar.",
-     "memberOf": ""
+     "desc": "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "cls",
+     "name": "name",
      "type": "String",
-     "desc": "css class",
-     "memberOf": "Roo.bootstrap.Component"
+     "desc": "name of the input",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "style",
-     "type": "String",
-     "desc": "any extra css",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "placeholder",
+     "type": "string",
+     "desc": "- placeholder to put in text.",
+     "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": "before",
+     "type": "string",
+     "desc": "- input group add on before",
+     "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": "after",
+     "type": "string",
+     "desc": "- input group add on after",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "dataId",
+     "name": "size",
      "type": "string",
-     "desc": "cutomer id",
-     "memberOf": "Roo.bootstrap.Component"
+     "desc": "- (lg|sm) or leave empty..",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "name",
-     "type": "string",
-     "desc": "Specifies name attribute",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "xs",
+     "type": "Number",
+     "desc": "colspan out of 12 for mobile-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "tooltip",
-     "type": "string",
-     "desc": "Text for the tooltip",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "sm",
+     "type": "Number",
+     "desc": "colspan out of 12 for tablet-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "container_method",
-     "type": "string",
-     "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "md",
+     "type": "Number",
+     "desc": "colspan out of 12 for computer-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "disableClass",
-     "type": "String",
-     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-     "memberOf": "Roo.Component"
+     "name": "lg",
+     "type": "Number",
+     "desc": "colspan out of 12 for large computer-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": "value",
+     "type": "string",
+     "desc": "default value of the input",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "hideMode",
+     "name": "labelWidth",
+     "type": "Number",
+     "desc": "set the width of label (0-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelAlign",
      "type": "String",
-     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-     "memberOf": "Roo.Component",
+     "desc": "",
+     "memberOf": "Roo.bootstrap.Input",
      "optvals": [
-      "display",
-      "visibility"
+      "top",
+      "left"
      ]
     },
     {
-     "name": "actionMode",
-     "type": "String",
-     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
-     "memberOf": "Roo.Component"
+     "name": "readOnly",
+     "type": "Boolean",
+     "desc": "Specifies that the field should be read-only",
+     "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"
-    }
-   ],
-   "events": [
+     "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": "beforedestroy",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+     "name": "align",
+     "type": "String",
+     "desc": "Default left",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "left",
+      "center",
+      "right"
+     ]
     },
     {
-     "name": "beforehide",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is hidden. Return false to stop the hide."
+     "name": "forceFeedback",
+     "type": "Boolean",
+     "desc": "Default false",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "true",
+      "false"
+     ]
     },
     {
-     "name": "beforerender",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is rendered. Return false to stop the render."
+     "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": "beforeshow",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is shown.  Return false to stop the show."
+     "name": "validateOnBlur",
+     "type": "Boolean",
+     "desc": "Whether the field should validate when it loses focus (defaults to true).",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "changed",
-     "sig": "function (_self, selected, prev)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the active item changes"
+     "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": "childrenrendered",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the children have been rendered.."
+     "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": "destroy",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is destroyed."
+     "name": "invalidClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "disable",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is disabled."
+     "name": "validClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field valid (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "enable",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is enabled."
+     "name": "hasFeedback",
+     "type": "Boolean",
+     "desc": "default true",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "true",
+      "false"
+     ]
     },
     {
-     "name": "hide",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is hidden."
+     "name": "invalidFeedbackIcon",
+     "type": "String",
+     "desc": "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "render",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is rendered."
+     "name": "validFeedbackIcon",
+     "type": "String",
+     "desc": "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "show",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is shown."
-    }
-   ],
-   "methods": [
+     "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": "addEvents",
-     "sig": "(Object object)",
-     "type": "function",
-     "desc": "Used to define events on this 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": "addItem",
-     "sig": "(Roo.bootstrap.NavItem the)",
-     "type": "function",
-     "desc": "adds a Navigation item"
+     "name": "vtype",
+     "type": "String",
+     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "addListener",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
-     "type": "function",
-     "desc": "Appends an event handler to this component"
+     "name": "disableKeyFilter",
+     "type": "Boolean",
+     "desc": "True to disable input keystroke filtering (defaults to false)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "capture",
-     "sig": "(Observable o, Function fn, Object scope)",
-     "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."
+     "name": "allowBlank",
+     "type": "Boolean",
+     "desc": "False to validate that the value length > 0 (defaults to true)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "clearAll",
-     "sig": "()",
-     "type": "function",
-     "desc": "clear all the Navigation item"
+     "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": "destroy",
-     "sig": "()",
-     "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}."
+     "name": "minLength",
+     "type": "Number",
+     "desc": "Minimum input field length required (defaults to 0)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "disable",
-     "sig": "()",
-     "type": "function",
-     "desc": "Disable this component."
+     "name": "maxLength",
+     "type": "Number",
+     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "enable",
-     "sig": "()",
-     "type": "function",
-     "desc": "Enable this 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": "fireEvent",
-     "sig": "(String eventName, Object... args)",
-     "type": "function",
-     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+     "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": "focus",
-     "sig": "(Boolean selectText)",
-     "type": "function",
-     "desc": "Try to focus this 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": "get",
-     "sig": "(string the)",
-     "type": "function",
-     "desc": "fetch a Navigation Group based on the navigation ID"
+     "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": "getActive",
-     "sig": "()",
-     "type": "function",
-     "desc": "gets the active Navigation item"
+     "name": "regexText",
+     "type": "String",
+     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "getChildContainer",
-     "sig": "()",
-     "type": "function",
-     "desc": "Fetch the element to add children to"
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "getEl",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns the underlying {@link Roo.Element}."
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "getId",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns the id of this component."
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "hasListener",
-     "sig": "(String eventName)",
-     "type": "function",
-     "desc": "Checks to see if this object has any listeners for a specified event"
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "hide",
-     "sig": "()",
-     "type": "function",
-     "desc": "Hide a component - adds 'hidden' class"
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "initEvents",
-     "sig": "()",
-     "type": "function",
-     "desc": "Initialize Events for the element"
+     "name": "tooltip",
+     "type": "string",
+     "desc": "Text for the tooltip",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "isVisible",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns true if this component is visible."
+     "name": "container_method",
+     "type": "string",
+     "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "on",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
-     "type": "function",
-     "desc": "Appends an event handler to this element (shorthand for addListener)"
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "purgeListeners",
-     "sig": "()",
-     "type": "function",
-     "desc": "Removes all listeners for this object"
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "register",
-     "sig": "(Roo.bootstrap.NavItem the)",
-     "type": "function",
-     "desc": "register a Navigation item"
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component",
+     "optvals": [
+      "display",
+      "visibility"
+     ]
     },
     {
-     "name": "register",
-     "sig": "(Roo.bootstrap.NavGroup the)",
-     "type": "function",
-     "desc": "register a Navigation Group"
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "releaseCapture",
-     "sig": "(Observable o)",
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Removes <b>all</b> added captures from the Observable."
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
     },
     {
-     "name": "removeListener",
-     "sig": "(String eventName, Function handler, Object scope)",
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Removes a listener"
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
     {
-     "name": "render",
-     "sig": "(String/HTMLElement/Element container)",
-     "type": "function",
-     "desc": "If this is a lazy rendering component, render it to its container element."
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
     },
     {
-     "name": "setActiveItem",
-     "sig": "(Roo.bootstrap.NavItem the)",
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "sets the active Navigation item"
+     "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "setDisabled",
-     "sig": "(Boolean disabled)",
+     "name": "blur",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Convenience function for setting disabled/enabled by boolean."
+     "desc": "Fires when this field loses input focus."
     },
     {
-     "name": "setVisible",
-     "sig": "(Boolean visible)",
+     "name": "change",
+     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
      "type": "function",
-     "desc": "Convenience function to hide or show this component by boolean."
+     "desc": "Fires just before the field blurs if the field value has changed."
     },
     {
-     "name": "show",
-     "sig": "()",
+     "name": "childrenrendered",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Show a component - removes 'hidden' class"
+     "desc": "Fires when the children have been rendered.."
     },
     {
-     "name": "tooltipEl",
-     "sig": "()",
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fetch the element to display the tooltip on."
+     "desc": "Fires after the component is destroyed."
     },
     {
-     "name": "un",
-     "sig": "(String eventName, Function handler, Object scope)",
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Removes a listener (shorthand for removeListener)"
-    }
-   ]
-  },
-  "Roo.bootstrap.NavHeaderbar": {
-   "props": [
-    {
-     "name": "brand",
-     "type": "String",
-     "desc": "what is brand",
-     "memberOf": ""
+     "desc": "Fires after the component is disabled."
     },
     {
-     "name": "position",
-     "type": "String",
-     "desc": "position",
-     "memberOf": "",
-     "optvals": [
-      "fixed-top",
-      "fixed-bottom",
-      "static-top"
-     ]
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
     },
     {
-     "name": "brand_href",
-     "type": "String",
-     "desc": "href of the brand",
-     "memberOf": ""
+     "name": "focus",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field receives input focus."
     },
     {
-     "name": "srButton",
-     "type": "Boolean",
-     "desc": "generate the (screen reader / mobile) sr-only button   default true",
-     "memberOf": ""
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
     },
     {
-     "name": "autohide",
-     "type": "Boolean",
-     "desc": "a top nav bar header that hides on scroll.",
-     "memberOf": ""
+     "name": "invalid",
+     "sig": "function (_self, msg)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been marked as invalid."
     },
     {
-     "name": "desktopCenter",
-     "type": "Boolean",
-     "desc": "should the header be centered on desktop using a container class",
-     "memberOf": ""
+     "name": "keyup",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the key up"
     },
     {
-     "name": "mobilerow",
-     "type": "Roo.bootstrap.Row",
-     "desc": "- a row to display on mobile only..",
-     "memberOf": ""
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
     },
     {
-     "name": "inverse",
-     "type": "Boolean",
-     "desc": "is inverted color",
-     "memberOf": "Roo.bootstrap.NavSimplebar"
+     "name": "select",
+     "sig": "function (_self, oldvalue, newvalue)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when select a date."
     },
     {
-     "name": "type",
-     "type": "String",
-     "desc": "",
-     "memberOf": "Roo.bootstrap.NavSimplebar",
-     "optvals": [
-      "nav",
-      "pills",
-      "tabs"
-     ]
+     "name": "show",
+     "sig": "function (_self, date)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field show."
     },
     {
-     "name": "arrangement",
-     "type": "Boolean",
-     "desc": "stacked | justified",
-     "memberOf": "Roo.bootstrap.NavSimplebar"
+     "name": "specialkey",
+     "sig": "function (_self, e)\n{\n\n}",
+     "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."
     },
     {
-     "name": "align",
-     "type": "String",
-     "desc": "alignment",
-     "memberOf": "Roo.bootstrap.NavSimplebar",
-     "optvals": [
-      "left",
-      "right"
-     ]
+     "name": "valid",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been validated with no errors."
+    }
+   ],
+   "methods": [
+    {
+     "name": "addEvents",
+     "sig": "(Object object)",
+     "type": "function",
+     "desc": "Used to define events on this Observable"
     },
     {
-     "name": "main",
-     "type": "Boolean",
-     "desc": "main nav bar? default false",
-     "memberOf": "Roo.bootstrap.NavSimplebar",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "name": "addListener",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "type": "function",
+     "desc": "Appends an event handler to this component"
     },
     {
-     "name": "loadMask",
-     "type": "Boolean",
-     "desc": "loadMask on the bar",
-     "memberOf": "Roo.bootstrap.NavSimplebar",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "name": "capture",
+     "sig": "(Observable o, Function fn, Object scope)",
+     "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."
     },
     {
-     "name": "tag",
-     "type": "String",
-     "desc": "default is nav",
-     "memberOf": "Roo.bootstrap.NavSimplebar",
-     "optvals": [
-      "header",
-      "footer",
-      "nav",
-      "div"
-     ]
+     "name": "clearInvalid",
+     "sig": "()",
+     "type": "function",
+     "desc": "Clear any invalid styles/messages for this field"
     },
     {
-     "name": "cls",
-     "type": "String",
-     "desc": "css class",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "destroy",
+     "sig": "()",
+     "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}."
     },
     {
-     "name": "style",
-     "type": "String",
-     "desc": "any extra css",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "disable",
+     "sig": "()",
+     "type": "function",
+     "desc": "Disable this component."
     },
     {
-     "name": "xattr",
-     "type": "Object",
-     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "enable",
+     "sig": "()",
+     "type": "function",
+     "desc": "Enable this component."
     },
     {
-     "name": "can_build_overlaid",
-     "type": "Boolean",
-     "desc": "True if element can be rebuild from a HTML page",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
+     "type": "function",
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
     },
     {
-     "name": "dataId",
-     "type": "string",
-     "desc": "cutomer id",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "focus",
+     "sig": "(Boolean selectText)",
+     "type": "function",
+     "desc": "Try to focus this component."
     },
     {
-     "name": "name",
-     "type": "string",
-     "desc": "Specifies name attribute",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "getChildContainer",
+     "sig": "()",
+     "type": "function",
+     "desc": "Fetch the element to add children to"
     },
     {
-     "name": "tooltip",
-     "type": "string",
-     "desc": "Text for the tooltip",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "getEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the underlying {@link Roo.Element}."
     },
     {
-     "name": "container_method",
-     "type": "string",
-     "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "getId",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the id of this component."
     },
     {
-     "name": "disableClass",
+     "name": "getName",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the name of the field"
+    },
+    {
+     "name": "getRawValue",
+     "sig": "()",
+     "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}."
+    },
+    {
+     "name": "getValue",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
+    },
+    {
+     "name": "hasListener",
+     "sig": "(String eventName)",
+     "type": "function",
+     "desc": "Checks to see if this object has any listeners for a specified event"
+    },
+    {
+     "name": "hide",
+     "sig": "()",
+     "type": "function",
+     "desc": "Hide a component - adds 'hidden' class"
+    },
+    {
+     "name": "initEvents",
+     "sig": "()",
+     "type": "function",
+     "desc": "Initialize Events for the element"
+    },
+    {
+     "name": "inputEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "return the real input element."
+    },
+    {
+     "name": "isVisible",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if this component is visible."
+    },
+    {
+     "name": "markInvalid",
+     "sig": "(String msg)",
+     "type": "function",
+     "desc": "Mark this field as invalid"
+    },
+    {
+     "name": "markValid",
+     "sig": "()",
+     "type": "function",
+     "desc": "Mark this field as valid"
+    },
+    {
+     "name": "on",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "type": "function",
+     "desc": "Appends an event handler to this element (shorthand for addListener)"
+    },
+    {
+     "name": "purgeListeners",
+     "sig": "()",
+     "type": "function",
+     "desc": "Removes all listeners for this object"
+    },
+    {
+     "name": "releaseCapture",
+     "sig": "(Observable o)",
+     "type": "function",
+     "desc": "Removes <b>all</b> added captures from the Observable."
+    },
+    {
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener"
+    },
+    {
+     "name": "render",
+     "sig": "(String/HTMLElement/Element container)",
+     "type": "function",
+     "desc": "If this is a lazy rendering component, render it to its container element."
+    },
+    {
+     "name": "reset",
+     "sig": "()",
+     "type": "function",
+     "desc": "Resets the current field value to the originally loaded value and clears any validation messages"
+    },
+    {
+     "name": "setDisabled",
+     "sig": "(Boolean disabled)",
+     "type": "function",
+     "desc": "Convenience function for setting disabled/enabled by boolean."
+    },
+    {
+     "name": "setRawValue",
+     "sig": "(Mixed value)",
+     "type": "function",
+     "desc": "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}."
+    },
+    {
+     "name": "setValue",
+     "sig": "(Mixed value)",
+     "type": "function",
+     "desc": "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}."
+    },
+    {
+     "name": "setVisible",
+     "sig": "(Boolean visible)",
+     "type": "function",
+     "desc": "Convenience function to hide or show this component by boolean."
+    },
+    {
+     "name": "show",
+     "sig": "()",
+     "type": "function",
+     "desc": "Show a component - removes 'hidden' class"
+    },
+    {
+     "name": "tooltipEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Fetch the element to display the tooltip on."
+    },
+    {
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener (shorthand for removeListener)"
+    },
+    {
+     "name": "validate",
+     "sig": "()",
+     "type": "function",
+     "desc": "Validates the field value"
+    },
+    {
+     "name": "validateValue",
+     "sig": "(Mixed value)",
+     "type": "function",
+     "desc": "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails"
+    }
+   ]
+  },
+  "Roo.bootstrap.NavGroup": {
+   "props": [
+    {
+     "name": "align",
+     "type": "String",
+     "desc": "",
+     "memberOf": "",
+     "optvals": [
+      "left",
+      "right"
+     ]
+    },
+    {
+     "name": "inverse",
+     "type": "Boolean",
+     "desc": "",
+     "memberOf": ""
+    },
+    {
+     "name": "type",
+     "type": "String",
+     "desc": "default nav",
+     "memberOf": "",
+     "optvals": [
+      "nav",
+      "pills",
+      "tab"
+     ]
+    },
+    {
+     "name": "navId",
+     "type": "String",
+     "desc": "- reference Id for navbar.",
+     "memberOf": ""
+    },
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
+     "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"
+    },
+    {
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "tooltip",
+     "type": "string",
+     "desc": "Text for the tooltip",
+     "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": "disableClass",
      "type": "String",
      "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
      "memberOf": "Roo.Component"
      "type": "function",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
+    {
+     "name": "changed",
+     "sig": "function (_self, selected, prev)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the active item changes"
+    },
     {
      "name": "childrenrendered",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Used to define events on this Observable"
     },
+    {
+     "name": "addItem",
+     "sig": "(Roo.bootstrap.NavItem the)",
+     "type": "function",
+     "desc": "adds a Navigation item"
+    },
     {
      "name": "addListener",
      "sig": "(String eventName, Function handler, Object scope, Object options)",
      "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."
     },
+    {
+     "name": "clearAll",
+     "sig": "()",
+     "type": "function",
+     "desc": "clear all the Navigation item"
+    },
     {
      "name": "destroy",
      "sig": "()",
      "desc": "Try to focus this component."
     },
     {
-     "name": "getChildContainer",
-     "sig": "()",
+     "name": "get",
+     "sig": "(string the)",
+     "type": "function",
+     "desc": "fetch a Navigation Group based on the navigation ID"
+    },
+    {
+     "name": "getActive",
+     "sig": "()",
+     "type": "function",
+     "desc": "gets the active Navigation item"
+    },
+    {
+     "name": "getChildContainer",
+     "sig": "()",
      "type": "function",
      "desc": "Fetch the element to add children to"
     },
      "type": "function",
      "desc": "Removes all listeners for this object"
     },
+    {
+     "name": "register",
+     "sig": "(Roo.bootstrap.NavItem the)",
+     "type": "function",
+     "desc": "register a Navigation item"
+    },
+    {
+     "name": "register",
+     "sig": "(Roo.bootstrap.NavGroup the)",
+     "type": "function",
+     "desc": "register a Navigation Group"
+    },
     {
      "name": "releaseCapture",
      "sig": "(Observable o)",
      "type": "function",
      "desc": "If this is a lazy rendering component, render it to its container element."
     },
+    {
+     "name": "setActiveItem",
+     "sig": "(Roo.bootstrap.NavItem the)",
+     "type": "function",
+     "desc": "sets the active Navigation item"
+    },
     {
      "name": "setDisabled",
      "sig": "(Boolean disabled)",
     }
    ]
   },
-  "Roo.bootstrap.NavItem": {
+  "Roo.bootstrap.NavHeaderbar": {
    "props": [
     {
-     "name": "href",
-     "type": "String",
-     "desc": "link to",
-     "memberOf": ""
-    },
-    {
-     "name": "html",
-     "type": "String",
-     "desc": "content of button",
-     "memberOf": ""
-    },
-    {
-     "name": "badge",
+     "name": "brand",
      "type": "String",
-     "desc": "text inside badge",
+     "desc": "what is brand",
      "memberOf": ""
     },
     {
-     "name": "badgecls",
+     "name": "position",
      "type": "String",
-     "desc": "the extra classes for the badge",
+     "desc": "position",
      "memberOf": "",
      "optvals": [
-      "bg-green",
-      "bg-red",
-      "bg-yellow"
+      "fixed-top",
+      "fixed-bottom",
+      "static-top"
      ]
     },
     {
-     "name": "glyphicon",
+     "name": "brand_href",
      "type": "String",
-     "desc": "name of glyphicon",
+     "desc": "href of the brand",
      "memberOf": ""
     },
     {
-     "name": "icon",
-     "type": "String",
-     "desc": "name of font awesome icon",
+     "name": "srButton",
+     "type": "Boolean",
+     "desc": "generate the (screen reader / mobile) sr-only button   default true",
      "memberOf": ""
     },
     {
-     "name": "active",
+     "name": "autohide",
      "type": "Boolean",
-     "desc": "Is item active",
+     "desc": "a top nav bar header that hides on scroll.",
      "memberOf": ""
     },
     {
-     "name": "disabled",
+     "name": "desktopCenter",
      "type": "Boolean",
-     "desc": "Is item disabled",
+     "desc": "should the header be centered on desktop using a container class",
      "memberOf": ""
     },
     {
-     "name": "preventDefault",
+     "name": "mobilerow",
+     "type": "Roo.bootstrap.Row",
+     "desc": "- a row to display on mobile only..",
+     "memberOf": ""
+    },
+    {
+     "name": "inverse",
      "type": "Boolean",
-     "desc": "default false",
-     "memberOf": "",
+     "desc": "is inverted color",
+     "memberOf": "Roo.bootstrap.NavSimplebar"
+    },
+    {
+     "name": "type",
+     "type": "String",
+     "desc": "",
+     "memberOf": "Roo.bootstrap.NavSimplebar",
      "optvals": [
-      "true",
-      "false"
+      "nav",
+      "pills",
+      "tabs"
      ]
     },
     {
-     "name": "tabId",
-     "type": "String",
-     "desc": "the tab that this item activates.",
-     "memberOf": ""
+     "name": "arrangement",
+     "type": "Boolean",
+     "desc": "stacked | justified",
+     "memberOf": "Roo.bootstrap.NavSimplebar"
     },
     {
-     "name": "tagtype",
+     "name": "align",
      "type": "String",
-     "desc": "render as a href or span?",
-     "memberOf": "",
+     "desc": "alignment",
+     "memberOf": "Roo.bootstrap.NavSimplebar",
      "optvals": [
-      "a",
-      "span"
+      "left",
+      "right"
      ]
     },
     {
-     "name": "animateRef",
+     "name": "main",
      "type": "Boolean",
-     "desc": "link to element default false",
-     "memberOf": "",
+     "desc": "main nav bar? default false",
+     "memberOf": "Roo.bootstrap.NavSimplebar",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "loadMask",
+     "type": "Boolean",
+     "desc": "loadMask on the bar",
+     "memberOf": "Roo.bootstrap.NavSimplebar",
      "optvals": [
       "true",
       "false"
      ]
     },
+    {
+     "name": "tag",
+     "type": "String",
+     "desc": "default is nav",
+     "memberOf": "Roo.bootstrap.NavSimplebar",
+     "optvals": [
+      "header",
+      "footer",
+      "nav",
+      "div"
+     ]
+    },
     {
      "name": "cls",
      "type": "String",
      "type": "function",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
-    {
-     "name": "changed",
-     "sig": "function (_self, state)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the active item active state changes"
-    },
     {
      "name": "childrenrendered",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires when the children have been rendered.."
     },
-    {
-     "name": "click",
-     "sig": "function (e)\n{\n\n}",
-     "type": "function",
-     "desc": "The raw click event for the entire grid."
-    },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is rendered."
     },
-    {
-     "name": "scrollto",
-     "sig": "function (_self, options, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when scroll to element"
-    },
     {
      "name": "show",
      "sig": "function (_self)\n{\n\n}",
     }
    ]
   },
-  "Roo.bootstrap.NavSidebar": {
+  "Roo.bootstrap.NavItem": {
    "props": [
+    {
+     "name": "href",
+     "type": "String",
+     "desc": "link to",
+     "memberOf": ""
+    },
+    {
+     "name": "html",
+     "type": "String",
+     "desc": "content of button",
+     "memberOf": ""
+    },
+    {
+     "name": "badge",
+     "type": "String",
+     "desc": "text inside badge",
+     "memberOf": ""
+    },
+    {
+     "name": "badgecls",
+     "type": "String",
+     "desc": "the extra classes for the badge",
+     "memberOf": "",
+     "optvals": [
+      "bg-green",
+      "bg-red",
+      "bg-yellow"
+     ]
+    },
+    {
+     "name": "glyphicon",
+     "type": "String",
+     "desc": "name of glyphicon",
+     "memberOf": ""
+    },
+    {
+     "name": "icon",
+     "type": "String",
+     "desc": "name of font awesome icon",
+     "memberOf": ""
+    },
+    {
+     "name": "active",
+     "type": "Boolean",
+     "desc": "Is item active",
+     "memberOf": ""
+    },
+    {
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "Is item disabled",
+     "memberOf": ""
+    },
+    {
+     "name": "preventDefault",
+     "type": "Boolean",
+     "desc": "default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "tabId",
+     "type": "String",
+     "desc": "the tab that this item activates.",
+     "memberOf": ""
+    },
+    {
+     "name": "tagtype",
+     "type": "String",
+     "desc": "render as a href or span?",
+     "memberOf": "",
+     "optvals": [
+      "a",
+      "span"
+     ]
+    },
+    {
+     "name": "animateRef",
+     "type": "Boolean",
+     "desc": "link to element default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
     {
      "name": "cls",
      "type": "String",
      "type": "function",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
+    {
+     "name": "changed",
+     "sig": "function (_self, state)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the active item active state changes"
+    },
     {
      "name": "childrenrendered",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires when the children have been rendered.."
     },
+    {
+     "name": "click",
+     "sig": "function (e)\n{\n\n}",
+     "type": "function",
+     "desc": "The raw click event for the entire grid."
+    },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is rendered."
     },
+    {
+     "name": "scrollto",
+     "sig": "function (_self, options, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when scroll to element"
+    },
     {
      "name": "show",
      "sig": "function (_self)\n{\n\n}",
     }
    ]
   },
-  "Roo.bootstrap.NavSidebarItem": {
+  "Roo.bootstrap.NavSidebar": {
    "props": [
-    {
-     "name": "href",
-     "type": "String",
-     "desc": "link to",
-     "memberOf": "Roo.bootstrap.NavItem"
-    },
-    {
-     "name": "html",
-     "type": "String",
-     "desc": "content of button",
-     "memberOf": "Roo.bootstrap.NavItem"
-    },
-    {
-     "name": "badge",
-     "type": "String",
-     "desc": "text inside badge",
-     "memberOf": "Roo.bootstrap.NavItem"
-    },
-    {
-     "name": "badgecls",
-     "type": "String",
-     "desc": "the extra classes for the badge",
-     "memberOf": "Roo.bootstrap.NavItem",
-     "optvals": [
-      "bg-green",
-      "bg-red",
-      "bg-yellow"
-     ]
-    },
-    {
-     "name": "glyphicon",
-     "type": "String",
-     "desc": "name of glyphicon",
-     "memberOf": "Roo.bootstrap.NavItem"
-    },
-    {
-     "name": "icon",
-     "type": "String",
-     "desc": "name of font awesome icon",
-     "memberOf": "Roo.bootstrap.NavItem"
-    },
-    {
-     "name": "active",
-     "type": "Boolean",
-     "desc": "Is item active",
-     "memberOf": "Roo.bootstrap.NavItem"
-    },
-    {
-     "name": "disabled",
-     "type": "Boolean",
-     "desc": "Is item disabled",
-     "memberOf": "Roo.bootstrap.NavItem"
-    },
-    {
-     "name": "preventDefault",
-     "type": "Boolean",
-     "desc": "default false",
-     "memberOf": "Roo.bootstrap.NavItem",
-     "optvals": [
-      "true",
-      "false"
-     ]
-    },
-    {
-     "name": "tabId",
-     "type": "String",
-     "desc": "the tab that this item activates.",
-     "memberOf": "Roo.bootstrap.NavItem"
-    },
-    {
-     "name": "tagtype",
-     "type": "String",
-     "desc": "render as a href or span?",
-     "memberOf": "Roo.bootstrap.NavItem",
-     "optvals": [
-      "a",
-      "span"
-     ]
-    },
-    {
-     "name": "animateRef",
-     "type": "Boolean",
-     "desc": "link to element default false",
-     "memberOf": "Roo.bootstrap.NavItem",
-     "optvals": [
-      "true",
-      "false"
-     ]
-    },
     {
      "name": "cls",
      "type": "String",
      "type": "function",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
-    {
-     "name": "changed",
-     "sig": "function (_self, state)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the active item active state changes"
-    },
     {
      "name": "childrenrendered",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires when the children have been rendered.."
     },
-    {
-     "name": "click",
-     "sig": "function (e)\n{\n\n}",
-     "type": "function",
-     "desc": "The raw click event for the entire grid."
-    },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is rendered."
     },
-    {
-     "name": "scrollto",
-     "sig": "function (_self, options, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when scroll to element"
-    },
     {
      "name": "show",
      "sig": "function (_self)\n{\n\n}",
     }
    ]
   },
-  "Roo.bootstrap.NavSimplebar": {
+  "Roo.bootstrap.NavSidebarItem": {
    "props": [
     {
-     "name": "inverse",
-     "type": "Boolean",
-     "desc": "is inverted color",
-     "memberOf": ""
+     "name": "href",
+     "type": "String",
+     "desc": "link to",
+     "memberOf": "Roo.bootstrap.NavItem"
     },
     {
-     "name": "type",
+     "name": "html",
      "type": "String",
-     "desc": "",
-     "memberOf": "",
-     "optvals": [
-      "nav",
-      "pills",
-      "tabs"
-     ]
+     "desc": "content of button",
+     "memberOf": "Roo.bootstrap.NavItem"
     },
     {
-     "name": "arrangement",
-     "type": "Boolean",
-     "desc": "stacked | justified",
-     "memberOf": ""
+     "name": "badge",
+     "type": "String",
+     "desc": "text inside badge",
+     "memberOf": "Roo.bootstrap.NavItem"
     },
     {
-     "name": "align",
+     "name": "badgecls",
      "type": "String",
-     "desc": "alignment",
-     "memberOf": "",
+     "desc": "the extra classes for the badge",
+     "memberOf": "Roo.bootstrap.NavItem",
      "optvals": [
-      "left",
-      "right"
+      "bg-green",
+      "bg-red",
+      "bg-yellow"
      ]
     },
     {
-     "name": "main",
+     "name": "glyphicon",
+     "type": "String",
+     "desc": "name of glyphicon",
+     "memberOf": "Roo.bootstrap.NavItem"
+    },
+    {
+     "name": "icon",
+     "type": "String",
+     "desc": "name of font awesome icon",
+     "memberOf": "Roo.bootstrap.NavItem"
+    },
+    {
+     "name": "active",
      "type": "Boolean",
-     "desc": "main nav bar? default false",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "desc": "Is item active",
+     "memberOf": "Roo.bootstrap.NavItem"
     },
     {
-     "name": "loadMask",
+     "name": "disabled",
      "type": "Boolean",
-     "desc": "loadMask on the bar",
-     "memberOf": "",
+     "desc": "Is item disabled",
+     "memberOf": "Roo.bootstrap.NavItem"
+    },
+    {
+     "name": "preventDefault",
+     "type": "Boolean",
+     "desc": "default false",
+     "memberOf": "Roo.bootstrap.NavItem",
      "optvals": [
       "true",
       "false"
      ]
     },
     {
-     "name": "tag",
+     "name": "tabId",
      "type": "String",
-     "desc": "default is nav",
-     "memberOf": "",
+     "desc": "the tab that this item activates.",
+     "memberOf": "Roo.bootstrap.NavItem"
+    },
+    {
+     "name": "tagtype",
+     "type": "String",
+     "desc": "render as a href or span?",
+     "memberOf": "Roo.bootstrap.NavItem",
      "optvals": [
-      "header",
-      "footer",
-      "nav",
-      "div"
+      "a",
+      "span"
+     ]
+    },
+    {
+     "name": "animateRef",
+     "type": "Boolean",
+     "desc": "link to element default false",
+     "memberOf": "Roo.bootstrap.NavItem",
+     "optvals": [
+      "true",
+      "false"
      ]
     },
     {
      "type": "function",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
+    {
+     "name": "changed",
+     "sig": "function (_self, state)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the active item active state changes"
+    },
     {
      "name": "childrenrendered",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires when the children have been rendered.."
     },
+    {
+     "name": "click",
+     "sig": "function (e)\n{\n\n}",
+     "type": "function",
+     "desc": "The raw click event for the entire grid."
+    },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is rendered."
     },
+    {
+     "name": "scrollto",
+     "sig": "function (_self, options, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when scroll to element"
+    },
     {
      "name": "show",
      "sig": "function (_self)\n{\n\n}",
     }
    ]
   },
-  "Roo.bootstrap.Navbar": {
+  "Roo.bootstrap.NavSimplebar": {
    "props": [
     {
-     "name": "cls",
-     "type": "String",
-     "desc": "css class",
-     "memberOf": "Roo.bootstrap.Component"
-    },
-    {
-     "name": "style",
+     "name": "inverse",
+     "type": "Boolean",
+     "desc": "is inverted color",
+     "memberOf": ""
+    },
+    {
+     "name": "type",
+     "type": "String",
+     "desc": "",
+     "memberOf": "",
+     "optvals": [
+      "nav",
+      "pills",
+      "tabs"
+     ]
+    },
+    {
+     "name": "arrangement",
+     "type": "Boolean",
+     "desc": "stacked | justified",
+     "memberOf": ""
+    },
+    {
+     "name": "align",
+     "type": "String",
+     "desc": "alignment",
+     "memberOf": "",
+     "optvals": [
+      "left",
+      "right"
+     ]
+    },
+    {
+     "name": "main",
+     "type": "Boolean",
+     "desc": "main nav bar? default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "loadMask",
+     "type": "Boolean",
+     "desc": "loadMask on the bar",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "tag",
+     "type": "String",
+     "desc": "default is nav",
+     "memberOf": "",
+     "optvals": [
+      "header",
+      "footer",
+      "nav",
+      "div"
+     ]
+    },
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "style",
      "type": "String",
      "desc": "any extra css",
      "memberOf": "Roo.bootstrap.Component"
     }
    ]
   },
-  "Roo.bootstrap.Pagination": {
+  "Roo.bootstrap.Navbar": {
    "props": [
-    {
-     "name": "size",
-     "type": "String",
-     "desc": "xs | sm | md | lg",
-     "memberOf": ""
-    },
-    {
-     "name": "inverse",
-     "type": "Boolean",
-     "desc": "false | true",
-     "memberOf": ""
-    },
     {
      "name": "cls",
      "type": "String",
     }
    ]
   },
-  "Roo.bootstrap.PaginationItem": {
+  "Roo.bootstrap.Pagination": {
    "props": [
     {
-     "name": "html",
-     "type": "String",
-     "desc": "text",
-     "memberOf": ""
-    },
-    {
-     "name": "href",
+     "name": "size",
      "type": "String",
-     "desc": "the link",
+     "desc": "xs | sm | md | lg",
      "memberOf": ""
     },
     {
-     "name": "preventDefault",
-     "type": "Boolean",
-     "desc": "default true",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
-    },
-    {
-     "name": "active",
-     "type": "Boolean",
-     "desc": "default false",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
-    },
-    {
-     "name": "disabled",
+     "name": "inverse",
      "type": "Boolean",
-     "desc": "default false",
+     "desc": "false | true",
      "memberOf": ""
     },
     {
      "type": "function",
      "desc": "Fires when the children have been rendered.."
     },
-    {
-     "name": "click",
-     "sig": "function (e)\n{\n\n}",
-     "type": "function",
-     "desc": "The raw click event for the entire grid."
-    },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
     }
    ]
   },
-  "Roo.bootstrap.PagingToolbar": {
-   "props": [
-    {
-     "name": "dataSource",
-     "type": "Roo.data.Store",
-     "desc": "The underlying data store providing the paged data",
-     "memberOf": ""
-    },
-    {
-     "name": "container",
-     "type": "String/HTMLElement/Element",
-     "desc": "container The id or element that will contain the toolbar",
-     "memberOf": ""
-    },
-    {
-     "name": "displayInfo",
-     "type": "Boolean",
-     "desc": "True to display the displayMsg (defaults to false)",
-     "memberOf": ""
-    },
-    {
-     "name": "pageSize",
-     "type": "Number",
-     "desc": "The number of records to display per page (defaults to 20)",
-     "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": ""
-    }
-   ],
-   "events": [],
-   "methods": [
-    {
-     "name": "bind",
-     "sig": "(Roo.data.Store store)",
-     "type": "function",
-     "desc": "Binds the paging toolbar to the specified {@link Roo.data.Store}"
-    },
-    {
-     "name": "unbind",
-     "sig": "(Roo.data.Store store)",
-     "type": "function",
-     "desc": "Unbinds the paging toolbar from the specified {@link Roo.data.Store}"
-    }
-   ]
-  },
-  "Roo.bootstrap.Popover": {
+  "Roo.bootstrap.PaginationItem": {
    "props": [
     {
      "name": "html",
      "type": "String",
-     "desc": "contents of the popover   (or false to use children..)",
-     "memberOf": ""
-    },
-    {
-     "name": "title",
-     "type": "String",
-     "desc": "of popover (or false to hide)",
+     "desc": "text",
      "memberOf": ""
     },
     {
-     "name": "placement",
+     "name": "href",
      "type": "String",
-     "desc": "how it is placed",
+     "desc": "the link",
      "memberOf": ""
     },
     {
-     "name": "trigger",
-     "type": "String",
-     "desc": "click || hover (or false to trigger manually)",
-     "memberOf": ""
+     "name": "preventDefault",
+     "type": "Boolean",
+     "desc": "default true",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
     },
     {
-     "name": "over",
-     "type": "String",
-     "desc": "what (parent or false to trigger manually.)",
-     "memberOf": ""
+     "name": "active",
+     "type": "Boolean",
+     "desc": "default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
     },
     {
-     "name": "delay",
-     "type": "Number",
-     "desc": "- delay before showing",
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "default false",
      "memberOf": ""
     },
     {
      "type": "function",
      "desc": "Fires when the children have been rendered.."
     },
+    {
+     "name": "click",
+     "sig": "function (e)\n{\n\n}",
+     "type": "function",
+     "desc": "The raw click event for the entire grid."
+    },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
     }
    ]
   },
-  "Roo.bootstrap.Progress": {
+  "Roo.bootstrap.PagingToolbar": {
    "props": [
     {
-     "name": "striped",
-     "type": "Boolean",
-     "desc": "striped of the progress bar",
+     "name": "dataSource",
+     "type": "Roo.data.Store",
+     "desc": "The underlying data store providing the paged data",
      "memberOf": ""
     },
     {
-     "name": "active",
-     "type": "Boolean",
-     "desc": "animated of the progress bar",
+     "name": "container",
+     "type": "String/HTMLElement/Element",
+     "desc": "container The id or element that will contain the toolbar",
      "memberOf": ""
     },
     {
-     "name": "cls",
-     "type": "String",
-     "desc": "css class",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "displayInfo",
+     "type": "Boolean",
+     "desc": "True to display the displayMsg (defaults to false)",
+     "memberOf": ""
     },
     {
-     "name": "style",
+     "name": "pageSize",
+     "type": "Number",
+     "desc": "The number of records to display per page (defaults to 20)",
+     "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": ""
+    }
+   ],
+   "events": [],
+   "methods": [
+    {
+     "name": "bind",
+     "sig": "(Roo.data.Store store)",
+     "type": "function",
+     "desc": "Binds the paging toolbar to the specified {@link Roo.data.Store}"
+    },
+    {
+     "name": "unbind",
+     "sig": "(Roo.data.Store store)",
+     "type": "function",
+     "desc": "Unbinds the paging toolbar from the specified {@link Roo.data.Store}"
+    }
+   ]
+  },
+  "Roo.bootstrap.Popover": {
+   "props": [
+    {
+     "name": "html",
+     "type": "String",
+     "desc": "contents of the popover   (or false to use children..)",
+     "memberOf": ""
+    },
+    {
+     "name": "title",
+     "type": "String",
+     "desc": "of popover (or false to hide)",
+     "memberOf": ""
+    },
+    {
+     "name": "placement",
+     "type": "String",
+     "desc": "how it is placed",
+     "memberOf": ""
+    },
+    {
+     "name": "trigger",
+     "type": "String",
+     "desc": "click || hover (or false to trigger manually)",
+     "memberOf": ""
+    },
+    {
+     "name": "over",
+     "type": "String",
+     "desc": "what (parent or false to trigger manually.)",
+     "memberOf": ""
+    },
+    {
+     "name": "delay",
+     "type": "Number",
+     "desc": "- delay before showing",
+     "memberOf": ""
+    },
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "style",
      "type": "String",
      "desc": "any extra css",
      "memberOf": "Roo.bootstrap.Component"
     }
    ]
   },
-  "Roo.bootstrap.ProgressBar": {
+  "Roo.bootstrap.Progress": {
    "props": [
     {
-     "name": "aria_valuenow",
-     "type": "Number",
-     "desc": "aria-value now",
-     "memberOf": ""
-    },
-    {
-     "name": "aria_valuemin",
-     "type": "Number",
-     "desc": "aria-value min",
-     "memberOf": ""
-    },
-    {
-     "name": "aria_valuemax",
-     "type": "Number",
-     "desc": "aria-value max",
-     "memberOf": ""
-    },
-    {
-     "name": "label",
-     "type": "String",
-     "desc": "label for the progress bar",
-     "memberOf": ""
-    },
-    {
-     "name": "panel",
-     "type": "String",
-     "desc": "",
-     "memberOf": "",
-     "optvals": [
-      "success",
-      "info",
-      "warning",
-      "danger"
-     ]
-    },
-    {
-     "name": "role",
-     "type": "String",
-     "desc": "role of the progress bar",
+     "name": "striped",
+     "type": "Boolean",
+     "desc": "striped of the progress bar",
      "memberOf": ""
     },
     {
-     "name": "sr_only",
-     "type": "String",
-     "desc": "text",
+     "name": "active",
+     "type": "Boolean",
+     "desc": "animated of the progress bar",
      "memberOf": ""
     },
     {
     }
    ]
   },
-  "Roo.bootstrap.Radio": {
+  "Roo.bootstrap.ProgressBar": {
    "props": [
     {
-     "name": "valueOff",
-     "type": "String",
-     "desc": "The value that should go into the generated input element's value when unchecked.",
-     "memberOf": "Roo.bootstrap.CheckBox"
+     "name": "aria_valuenow",
+     "type": "Number",
+     "desc": "aria-value now",
+     "memberOf": ""
     },
     {
-     "name": "inputValue",
-     "type": "String",
-     "desc": "The value that should go into the generated input element's value when checked.",
-     "memberOf": "Roo.bootstrap.CheckBox"
+     "name": "aria_valuemin",
+     "type": "Number",
+     "desc": "aria-value min",
+     "memberOf": ""
     },
     {
-     "name": "boxLabel",
+     "name": "aria_valuemax",
+     "type": "Number",
+     "desc": "aria-value max",
+     "memberOf": ""
+    },
+    {
+     "name": "label",
      "type": "String",
-     "desc": "The text that appears beside the checkbox",
-     "memberOf": "Roo.bootstrap.CheckBox"
+     "desc": "label for the progress bar",
+     "memberOf": ""
     },
     {
-     "name": "weight",
+     "name": "panel",
      "type": "String",
-     "desc": "The text that appears beside the checkbox",
-     "memberOf": "Roo.bootstrap.CheckBox",
+     "desc": "",
+     "memberOf": "",
      "optvals": [
-      "primary",
-      "warning",
+      "success",
       "info",
-      "danger",
-      "success"
+      "warning",
+      "danger"
      ]
     },
     {
-     "name": "checked",
-     "type": "Boolean",
-     "desc": "initnal the element",
-     "memberOf": "Roo.bootstrap.CheckBox"
-    },
-    {
-     "name": "inline",
-     "type": "Boolean",
-     "desc": "inline the element (default false)",
-     "memberOf": "Roo.bootstrap.CheckBox"
+     "name": "role",
+     "type": "String",
+     "desc": "role of the progress bar",
+     "memberOf": ""
     },
     {
-     "name": "groupId",
+     "name": "sr_only",
      "type": "String",
-     "desc": "the checkbox group id // normal just use for checkbox",
-     "memberOf": "Roo.bootstrap.CheckBox"
+     "desc": "text",
+     "memberOf": ""
     },
     {
-     "name": "disabled",
-     "type": "Boolean",
-     "desc": "is it disabled",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "fieldLabel",
+     "name": "style",
      "type": "String",
-     "desc": "- the label associated",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.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": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "name",
-     "type": "String",
-     "desc": "name of the input",
-     "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": "placeholder",
+     "name": "dataId",
      "type": "string",
-     "desc": "- placeholder to put in text.",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "before",
+     "name": "name",
      "type": "string",
-     "desc": "- input group add on before",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "after",
+     "name": "tooltip",
      "type": "string",
-     "desc": "- input group add on after",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "Text for the tooltip",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "size",
+     "name": "container_method",
      "type": "string",
-     "desc": "- (lg|sm) or leave empty..",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "xs",
-     "type": "Number",
-     "desc": "colspan out of 12 for mobile-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "name": "sm",
-     "type": "Number",
-     "desc": "colspan out of 12 for tablet-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "name": "md",
-     "type": "Number",
-     "desc": "colspan out of 12 for computer-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "name": "lg",
-     "type": "Number",
-     "desc": "colspan out of 12 for large computer-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "name": "value",
-     "type": "string",
-     "desc": "default value of the input",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "name": "labelWidth",
-     "type": "Number",
-     "desc": "set the width of label (0-12)",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "name": "labelAlign",
-     "type": "String",
-     "desc": "",
-     "memberOf": "Roo.bootstrap.Input",
-     "optvals": [
-      "top",
-      "left"
-     ]
-    },
-    {
-     "name": "readOnly",
-     "type": "Boolean",
-     "desc": "Specifies that the field should be read-only",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "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": "align",
-     "type": "String",
-     "desc": "Default left",
-     "memberOf": "Roo.bootstrap.Input",
-     "optvals": [
-      "left",
-      "center",
-      "right"
-     ]
-    },
-    {
-     "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": "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": "focusClass",
-     "type": "String",
-     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "name": "invalidClass",
-     "type": "String",
-     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "name": "validClass",
-     "type": "String",
-     "desc": "The CSS class to use when marking a field valid (defaults to \"x-form-invalid\")",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "name": "hasFeedback",
-     "type": "Boolean",
-     "desc": "default true",
-     "memberOf": "Roo.bootstrap.Input",
-     "optvals": [
-      "true",
-      "false"
-     ]
-    },
-    {
-     "name": "invalidFeedbackIcon",
-     "type": "String",
-     "desc": "The CSS class to use when create feedback icon (defaults to \"x-form-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": "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": "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": "vtype",
-     "type": "String",
-     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "name": "disableKeyFilter",
-     "type": "Boolean",
-     "desc": "True to disable input keystroke filtering (defaults to false)",
-     "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": "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": "minLength",
-     "type": "Number",
-     "desc": "Minimum input field length required (defaults to 0)",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "name": "maxLength",
-     "type": "Number",
-     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-     "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": "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": "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": "regex",
-     "type": "RegExp",
-     "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "name": "regexText",
-     "type": "String",
-     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "name": "cls",
-     "type": "String",
-     "desc": "css class",
-     "memberOf": "Roo.bootstrap.Component"
-    },
-    {
-     "name": "style",
-     "type": "String",
-     "desc": "any extra css",
-     "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"
-    },
-    {
-     "name": "can_build_overlaid",
-     "type": "Boolean",
-     "desc": "True if element can be rebuild from a HTML page",
-     "memberOf": "Roo.bootstrap.Component"
-    },
-    {
-     "name": "dataId",
-     "type": "string",
-     "desc": "cutomer id",
-     "memberOf": "Roo.bootstrap.Component"
-    },
-    {
-     "name": "tooltip",
-     "type": "string",
-     "desc": "Text for the tooltip",
-     "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": "disableClass",
-     "type": "String",
-     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-     "memberOf": "Roo.Component"
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
     },
     {
      "name": "allowDomMove",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "blur",
+     "name": "childrenrendered",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when this field loses input focus."
+     "desc": "Fires when the children have been rendered.."
     },
     {
-     "name": "change",
-     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires just before the field blurs if the field value has changed."
-    },
-    {
-     "name": "check",
-     "sig": "function (_self, checked)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the element is checked or unchecked."
-    },
-    {
-     "name": "childrenrendered",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the children have been rendered.."
-    },
-    {
-     "name": "destroy",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is destroyed."
+     "desc": "Fires after the component is destroyed."
     },
     {
      "name": "disable",
      "type": "function",
      "desc": "Fires after the component is enabled."
     },
-    {
-     "name": "focus",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when this field receives input focus."
-    },
     {
      "name": "hide",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is hidden."
     },
-    {
-     "name": "invalid",
-     "sig": "function (_self, msg)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the field has been marked as invalid."
-    },
-    {
-     "name": "keyup",
-     "sig": "function (_self, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the key up"
-    },
     {
      "name": "render",
      "sig": "function (_self)\n{\n\n}",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is shown."
-    },
-    {
-     "name": "specialkey",
-     "sig": "function (_self, e)\n{\n\n}",
-     "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."
-    },
-    {
-     "name": "valid",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the field has been validated with no errors."
     }
    ],
    "methods": [
      "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."
     },
-    {
-     "name": "clearInvalid",
-     "sig": "()",
-     "type": "function",
-     "desc": "Clear any invalid styles/messages for this field"
-    },
     {
      "name": "destroy",
      "sig": "()",
      "type": "function",
      "desc": "Try to focus this component."
     },
-    {
-     "name": "get",
-     "sig": "(string the)",
-     "type": "function",
-     "desc": "fetch a CheckBox Group based on the group ID"
-    },
     {
      "name": "getChildContainer",
      "sig": "()",
      "type": "function",
      "desc": "Returns the id of this component."
     },
-    {
-     "name": "getName",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns the name of the field"
-    },
-    {
-     "name": "getRawValue",
-     "sig": "()",
-     "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}."
-    },
-    {
-     "name": "getValue",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
-    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "type": "function",
      "desc": "Initialize Events for the element"
     },
-    {
-     "name": "inputEl",
-     "sig": "()",
-     "type": "function",
-     "desc": "return the real input element."
-    },
     {
      "name": "isVisible",
      "sig": "()",
      "type": "function",
      "desc": "Returns true if this component is visible."
     },
-    {
-     "name": "markInvalid",
-     "sig": "(String msg)",
-     "type": "function",
-     "desc": "Mark this field as invalid"
-    },
-    {
-     "name": "markValid",
-     "sig": "()",
-     "type": "function",
-     "desc": "Mark this field as valid"
-    },
     {
      "name": "on",
      "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
      "desc": "Removes all listeners for this object"
     },
-    {
-     "name": "register",
-     "sig": "(Roo.bootstrap.CheckBox the)",
-     "type": "function",
-     "desc": "register a CheckBox Group"
-    },
     {
      "name": "releaseCapture",
      "sig": "(Observable o)",
      "type": "function",
      "desc": "If this is a lazy rendering component, render it to its container element."
     },
-    {
-     "name": "reset",
-     "sig": "()",
-     "type": "function",
-     "desc": "Resets the current field value to the originally loaded value and clears any validation messages"
-    },
     {
      "name": "setDisabled",
      "sig": "(Boolean disabled)",
      "type": "function",
      "desc": "Convenience function for setting disabled/enabled by boolean."
     },
-    {
-     "name": "setRawValue",
-     "sig": "(Mixed value)",
-     "type": "function",
-     "desc": "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}."
-    },
-    {
-     "name": "setValue",
-     "sig": "(Mixed value)",
-     "type": "function",
-     "desc": "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}."
-    },
     {
      "name": "setVisible",
      "sig": "(Boolean visible)",
      "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
      "desc": "Removes a listener (shorthand for removeListener)"
-    },
-    {
-     "name": "validate",
-     "sig": "()",
-     "type": "function",
-     "desc": "Validates the field value"
-    },
-    {
-     "name": "validateValue",
-     "sig": "(Mixed value)",
-     "type": "function",
-     "desc": "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails"
     }
    ]
   },
-  "Roo.bootstrap.Row": {
+  "Roo.bootstrap.Radio": {
    "props": [
     {
-     "name": "cls",
+     "name": "valueOff",
      "type": "String",
-     "desc": "css class",
-     "memberOf": "Roo.bootstrap.Component"
+     "desc": "The value that should go into the generated input element's value when unchecked.",
+     "memberOf": "Roo.bootstrap.CheckBox"
     },
     {
-     "name": "style",
+     "name": "inputValue",
      "type": "String",
-     "desc": "any extra css",
-     "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"
-    },
-    {
-     "name": "can_build_overlaid",
-     "type": "Boolean",
-     "desc": "True if element can be rebuild from a HTML page",
-     "memberOf": "Roo.bootstrap.Component"
+     "desc": "The value that should go into the generated input element's value when checked.",
+     "memberOf": "Roo.bootstrap.CheckBox"
     },
     {
-     "name": "dataId",
-     "type": "string",
-     "desc": "cutomer id",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "boxLabel",
+     "type": "String",
+     "desc": "The text that appears beside the checkbox",
+     "memberOf": "Roo.bootstrap.CheckBox"
     },
     {
-     "name": "name",
-     "type": "string",
-     "desc": "Specifies name attribute",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "weight",
+     "type": "String",
+     "desc": "The text that appears beside the checkbox",
+     "memberOf": "Roo.bootstrap.CheckBox",
+     "optvals": [
+      "primary",
+      "warning",
+      "info",
+      "danger",
+      "success"
+     ]
     },
     {
-     "name": "tooltip",
-     "type": "string",
-     "desc": "Text for the tooltip",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "checked",
+     "type": "Boolean",
+     "desc": "initnal the element",
+     "memberOf": "Roo.bootstrap.CheckBox"
     },
     {
-     "name": "container_method",
-     "type": "string",
-     "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "inline",
+     "type": "Boolean",
+     "desc": "inline the element (default false)",
+     "memberOf": "Roo.bootstrap.CheckBox"
     },
     {
-     "name": "disableClass",
+     "name": "groupId",
      "type": "String",
-     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-     "memberOf": "Roo.Component"
+     "desc": "the checkbox group id // normal just use for checkbox",
+     "memberOf": "Roo.bootstrap.CheckBox"
     },
     {
-     "name": "allowDomMove",
+     "name": "disabled",
      "type": "Boolean",
-     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
-     "memberOf": "Roo.Component"
+     "desc": "is it disabled",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "hideMode",
+     "name": "fieldLabel",
      "type": "String",
-     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-     "memberOf": "Roo.Component",
-     "optvals": [
-      "display",
-      "visibility"
-     ]
+     "desc": "- the label associated",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "actionMode",
+     "name": "inputType",
      "type": "String",
-     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
-     "memberOf": "Roo.Component"
+     "desc": "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
+     "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"
-    }
-   ],
-   "events": [
+     "name": "name",
+     "type": "String",
+     "desc": "name of the input",
+     "memberOf": "Roo.bootstrap.Input"
+    },
     {
-     "name": "beforedestroy",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+     "name": "placeholder",
+     "type": "string",
+     "desc": "- placeholder to put in text.",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "beforehide",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is hidden. Return false to stop the hide."
+     "name": "before",
+     "type": "string",
+     "desc": "- input group add on before",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "beforerender",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is rendered. Return false to stop the render."
+     "name": "after",
+     "type": "string",
+     "desc": "- input group add on after",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "beforeshow",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is shown.  Return false to stop the show."
+     "name": "size",
+     "type": "string",
+     "desc": "- (lg|sm) or leave empty..",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "childrenrendered",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the children have been rendered.."
+     "name": "xs",
+     "type": "Number",
+     "desc": "colspan out of 12 for mobile-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "destroy",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is destroyed."
+     "name": "sm",
+     "type": "Number",
+     "desc": "colspan out of 12 for tablet-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "disable",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is disabled."
+     "name": "md",
+     "type": "Number",
+     "desc": "colspan out of 12 for computer-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "enable",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is enabled."
+     "name": "lg",
+     "type": "Number",
+     "desc": "colspan out of 12 for large computer-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "hide",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is hidden."
+     "name": "value",
+     "type": "string",
+     "desc": "default value of the input",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "render",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is rendered."
+     "name": "labelWidth",
+     "type": "Number",
+     "desc": "set the width of label (0-12)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "show",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is shown."
-    }
-   ],
-   "methods": [
-    {
-     "name": "addEvents",
-     "sig": "(Object object)",
-     "type": "function",
-     "desc": "Used to define events on this Observable"
+     "name": "labelAlign",
+     "type": "String",
+     "desc": "",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "top",
+      "left"
+     ]
     },
     {
-     "name": "addListener",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
-     "type": "function",
-     "desc": "Appends an event handler to this component"
+     "name": "readOnly",
+     "type": "Boolean",
+     "desc": "Specifies that the field should be read-only",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "capture",
-     "sig": "(Observable o, Function fn, Object scope)",
-     "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."
+     "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": "destroy",
-     "sig": "()",
-     "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}."
+     "name": "align",
+     "type": "String",
+     "desc": "Default left",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "left",
+      "center",
+      "right"
+     ]
     },
     {
-     "name": "disable",
-     "sig": "()",
-     "type": "function",
-     "desc": "Disable this component."
+     "name": "forceFeedback",
+     "type": "Boolean",
+     "desc": "Default false",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "true",
+      "false"
+     ]
     },
     {
-     "name": "enable",
-     "sig": "()",
-     "type": "function",
-     "desc": "Enable this 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": "fireEvent",
-     "sig": "(String eventName, Object... args)",
-     "type": "function",
-     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+     "name": "validateOnBlur",
+     "type": "Boolean",
+     "desc": "Whether the field should validate when it loses focus (defaults to true).",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "focus",
-     "sig": "(Boolean selectText)",
-     "type": "function",
-     "desc": "Try to focus this 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": "getChildContainer",
-     "sig": "()",
-     "type": "function",
-     "desc": "Fetch the element to add children to"
+     "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": "getEl",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns the underlying {@link Roo.Element}."
+     "name": "invalidClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "getId",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns the id of this component."
+     "name": "validClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field valid (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "hasListener",
-     "sig": "(String eventName)",
-     "type": "function",
-     "desc": "Checks to see if this object has any listeners for a specified event"
+     "name": "hasFeedback",
+     "type": "Boolean",
+     "desc": "default true",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "true",
+      "false"
+     ]
     },
     {
-     "name": "hide",
-     "sig": "()",
-     "type": "function",
-     "desc": "Hide a component - adds 'hidden' class"
+     "name": "invalidFeedbackIcon",
+     "type": "String",
+     "desc": "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "initEvents",
-     "sig": "()",
-     "type": "function",
-     "desc": "Initialize Events for the element"
+     "name": "validFeedbackIcon",
+     "type": "String",
+     "desc": "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "isVisible",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns true if this component is visible."
+     "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": "on",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
-     "type": "function",
-     "desc": "Appends an event handler to this element (shorthand for addListener)"
+     "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",
-     "sig": "()",
-     "type": "function",
-     "desc": "Removes all listeners for this object"
+     "name": "vtype",
+     "type": "String",
+     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "releaseCapture",
-     "sig": "(Observable o)",
-     "type": "function",
-     "desc": "Removes <b>all</b> added captures from the Observable."
+     "name": "disableKeyFilter",
+     "type": "Boolean",
+     "desc": "True to disable input keystroke filtering (defaults to false)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "removeListener",
-     "sig": "(String eventName, Function handler, Object scope)",
-     "type": "function",
-     "desc": "Removes a listener"
+     "name": "allowBlank",
+     "type": "Boolean",
+     "desc": "False to validate that the value length > 0 (defaults to true)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "render",
-     "sig": "(String/HTMLElement/Element container)",
-     "type": "function",
-     "desc": "If this is a lazy rendering component, render it to its container element."
+     "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": "setDisabled",
-     "sig": "(Boolean disabled)",
-     "type": "function",
-     "desc": "Convenience function for setting disabled/enabled by boolean."
+     "name": "minLength",
+     "type": "Number",
+     "desc": "Minimum input field length required (defaults to 0)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "setVisible",
-     "sig": "(Boolean visible)",
-     "type": "function",
-     "desc": "Convenience function to hide or show this component by boolean."
+     "name": "maxLength",
+     "type": "Number",
+     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "show",
-     "sig": "()",
-     "type": "function",
-     "desc": "Show a component - removes 'hidden' class"
+     "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": "tooltipEl",
-     "sig": "()",
-     "type": "function",
-     "desc": "Fetch the element to display the tooltip on."
+     "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": "un",
-     "sig": "(String eventName, Function handler, Object scope)",
-     "type": "function",
-     "desc": "Removes a listener (shorthand for removeListener)"
-    }
-   ]
-  },
-  "Roo.bootstrap.Slider": {
-   "props": [
+     "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": "regex",
+     "type": "RegExp",
+     "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "regexText",
+     "type": "String",
+     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
     {
      "name": "cls",
      "type": "String",
      "desc": "cutomer id",
      "memberOf": "Roo.bootstrap.Component"
     },
-    {
-     "name": "name",
-     "type": "string",
-     "desc": "Specifies name attribute",
-     "memberOf": "Roo.bootstrap.Component"
-    },
     {
      "name": "tooltip",
      "type": "string",
      "type": "function",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
+    {
+     "name": "blur",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field loses input focus."
+    },
+    {
+     "name": "change",
+     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires just before the field blurs if the field value has changed."
+    },
+    {
+     "name": "check",
+     "sig": "function (_self, checked)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the element is checked or unchecked."
+    },
     {
      "name": "childrenrendered",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is enabled."
     },
+    {
+     "name": "focus",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field receives input focus."
+    },
     {
      "name": "hide",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is hidden."
     },
+    {
+     "name": "invalid",
+     "sig": "function (_self, msg)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been marked as invalid."
+    },
+    {
+     "name": "keyup",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the key up"
+    },
     {
      "name": "render",
      "sig": "function (_self)\n{\n\n}",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is shown."
+    },
+    {
+     "name": "specialkey",
+     "sig": "function (_self, e)\n{\n\n}",
+     "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."
+    },
+    {
+     "name": "valid",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been validated with no errors."
     }
    ],
    "methods": [
      "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."
     },
+    {
+     "name": "clearInvalid",
+     "sig": "()",
+     "type": "function",
+     "desc": "Clear any invalid styles/messages for this field"
+    },
     {
      "name": "destroy",
      "sig": "()",
      "type": "function",
      "desc": "Try to focus this component."
     },
+    {
+     "name": "get",
+     "sig": "(string the)",
+     "type": "function",
+     "desc": "fetch a CheckBox Group based on the group ID"
+    },
     {
      "name": "getChildContainer",
      "sig": "()",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getName",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the name of the field"
+    },
+    {
+     "name": "getRawValue",
+     "sig": "()",
+     "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}."
+    },
+    {
+     "name": "getValue",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "type": "function",
      "desc": "Initialize Events for the element"
     },
+    {
+     "name": "inputEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "return the real input element."
+    },
     {
      "name": "isVisible",
      "sig": "()",
      "type": "function",
      "desc": "Returns true if this component is visible."
     },
+    {
+     "name": "markInvalid",
+     "sig": "(String msg)",
+     "type": "function",
+     "desc": "Mark this field as invalid"
+    },
+    {
+     "name": "markValid",
+     "sig": "()",
+     "type": "function",
+     "desc": "Mark this field as valid"
+    },
     {
      "name": "on",
      "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
      "desc": "Removes all listeners for this object"
     },
+    {
+     "name": "register",
+     "sig": "(Roo.bootstrap.CheckBox the)",
+     "type": "function",
+     "desc": "register a CheckBox Group"
+    },
     {
      "name": "releaseCapture",
      "sig": "(Observable o)",
      "type": "function",
      "desc": "If this is a lazy rendering component, render it to its container element."
     },
+    {
+     "name": "reset",
+     "sig": "()",
+     "type": "function",
+     "desc": "Resets the current field value to the originally loaded value and clears any validation messages"
+    },
     {
      "name": "setDisabled",
      "sig": "(Boolean disabled)",
      "type": "function",
      "desc": "Convenience function for setting disabled/enabled by boolean."
     },
+    {
+     "name": "setRawValue",
+     "sig": "(Mixed value)",
+     "type": "function",
+     "desc": "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}."
+    },
+    {
+     "name": "setValue",
+     "sig": "(Mixed value)",
+     "type": "function",
+     "desc": "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}."
+    },
     {
      "name": "setVisible",
      "sig": "(Boolean visible)",
      "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
      "desc": "Removes a listener (shorthand for removeListener)"
+    },
+    {
+     "name": "validate",
+     "sig": "()",
+     "type": "function",
+     "desc": "Validates the field value"
+    },
+    {
+     "name": "validateValue",
+     "sig": "(Mixed value)",
+     "type": "function",
+     "desc": "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails"
     }
    ]
   },
-  "Roo.bootstrap.TabGroup": {
+  "Roo.bootstrap.Row": {
    "props": [
     {
-     "name": "navId",
+     "name": "cls",
      "type": "String",
-     "desc": "the navigation id (for use with navbars) - will be auto generated if it does not exist..",
-     "memberOf": ""
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "carousel",
-     "type": "Boolean",
-     "desc": "true to make the group behave like a carousel",
-     "memberOf": ""
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "bullets",
-     "type": "Number",
-     "desc": "show the panel pointer.. 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": "autoslide",
+     "name": "can_build_overlaid",
      "type": "Boolean",
-     "desc": "auto slide .. default false",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "slideOnTouch",
-     "type": "Boolean",
-     "desc": "slide on touch .. default false",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "timer",
-     "type": "Number",
-     "desc": "auto slide timer .. default 0 millisecond",
-     "memberOf": ""
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "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": "tooltip",
+     "type": "string",
+     "desc": "Text for the tooltip",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "sm",
-     "type": "Number",
-     "desc": "colspan out of 12 for tablet-sized screens or 0 for hidden",
-     "memberOf": "Roo.bootstrap.Column"
-    },
-    {
-     "name": "md",
-     "type": "Number",
-     "desc": "colspan out of 12 for computer-sized screens or 0 for hidden",
-     "memberOf": "Roo.bootstrap.Column"
-    },
-    {
-     "name": "lg",
-     "type": "Number",
-     "desc": "colspan out of 12 for large computer-sized screens or 0 for hidden",
-     "memberOf": "Roo.bootstrap.Column"
-    },
-    {
-     "name": "xsoff",
-     "type": "Number",
-     "desc": "colspan offset out of 12 for mobile-sized screens or 0 for hidden",
-     "memberOf": "Roo.bootstrap.Column"
-    },
-    {
-     "name": "smoff",
-     "type": "Number",
-     "desc": "colspan offset out of 12 for tablet-sized screens or 0 for hidden",
-     "memberOf": "Roo.bootstrap.Column"
-    },
-    {
-     "name": "mdoff",
-     "type": "Number",
-     "desc": "colspan offset out of 12 for computer-sized screens or 0 for hidden",
-     "memberOf": "Roo.bootstrap.Column"
-    },
-    {
-     "name": "lgoff",
-     "type": "Number",
-     "desc": "colspan offset out of 12 for large computer-sized screens or 0 for hidden",
-     "memberOf": "Roo.bootstrap.Column"
-    },
-    {
-     "name": "hidden",
-     "type": "Boolean",
-     "desc": "hide the element",
-     "memberOf": "Roo.bootstrap.Column",
-     "optvals": [
-      "true",
-      "false"
-     ]
-    },
-    {
-     "name": "alert",
-     "type": "String",
-     "desc": "type alert (changes background / border...)",
-     "memberOf": "Roo.bootstrap.Column",
-     "optvals": [
-      "success",
-      "info",
-      "warning",
-      "danger"
-     ]
-    },
-    {
-     "name": "fa",
-     "type": "String",
-     "desc": "font awesome icon",
-     "memberOf": "Roo.bootstrap.Column",
-     "optvals": [
-      "ban",
-      "check",
-      "..."
-     ]
-    },
-    {
-     "name": "fasize",
-     "type": "Number",
-     "desc": "font awsome size",
-     "memberOf": "Roo.bootstrap.Column",
-     "optvals": [
-      "1",
-      "2",
-      "...."
-     ]
-    },
-    {
-     "name": "icon",
-     "type": "String",
-     "desc": "glyphicon name",
-     "memberOf": "Roo.bootstrap.Column",
-     "optvals": [
-      "info-sign",
-      "check",
-      "..."
-     ]
-    },
-    {
-     "name": "html",
-     "type": "String",
-     "desc": "content of column.",
-     "memberOf": "Roo.bootstrap.Column"
-    },
-    {
-     "name": "cls",
-     "type": "String",
-     "desc": "css class",
-     "memberOf": "Roo.bootstrap.Component"
-    },
-    {
-     "name": "style",
-     "type": "String",
-     "desc": "any extra css",
-     "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"
-    },
-    {
-     "name": "can_build_overlaid",
-     "type": "Boolean",
-     "desc": "True if element can be rebuild from a HTML page",
-     "memberOf": "Roo.bootstrap.Component"
-    },
-    {
-     "name": "dataId",
-     "type": "string",
-     "desc": "cutomer id",
-     "memberOf": "Roo.bootstrap.Component"
-    },
-    {
-     "name": "name",
-     "type": "string",
-     "desc": "Specifies name attribute",
-     "memberOf": "Roo.bootstrap.Component"
-    },
-    {
-     "name": "tooltip",
-     "type": "string",
-     "desc": "Text for the tooltip",
-     "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": "container_method",
+     "type": "string",
+     "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
      "name": "disableClass",
      "type": "function",
      "desc": "Try to focus this component."
     },
-    {
-     "name": "get",
-     "sig": "(string the)",
-     "type": "function",
-     "desc": "fetch a Navigation Group based on the navigation ID\nif one does not exist , it will get created."
-    },
     {
      "name": "getChildContainer",
      "sig": "()",
      "type": "function",
      "desc": "Removes all listeners for this object"
     },
-    {
-     "name": "register",
-     "sig": "(Roo.bootstrap.NavItem the)",
-     "type": "function",
-     "desc": "register a Navigation item"
-    },
-    {
-     "name": "register",
-     "sig": "(Roo.bootstrap.NavGroup the)",
-     "type": "function",
-     "desc": "register a Navigation Group"
-    },
     {
      "name": "releaseCapture",
      "sig": "(Observable o)",
      "type": "function",
      "desc": "Show a component - removes 'hidden' class"
     },
-    {
-     "name": "showPanel",
-     "sig": "(Roo.bootstrap.TabPanel|number|string panel)",
-     "type": "function",
-     "desc": "show a specific panel"
-    },
     {
      "name": "tooltipEl",
      "sig": "()",
     }
    ]
   },
-  "Roo.bootstrap.TabPanel": {
+  "Roo.bootstrap.Slider": {
    "props": [
-    {
-     "name": "active",
-     "type": "Boolean",
-     "desc": "panel active",
-     "memberOf": ""
-    },
-    {
-     "name": "html",
-     "type": "String",
-     "desc": "panel content",
-     "memberOf": ""
-    },
-    {
-     "name": "tabId",
-     "type": "String",
-     "desc": "unique tab ID (will be autogenerated if not set. - used to match TabItem to Panel)",
-     "memberOf": ""
-    },
-    {
-     "name": "navId",
-     "type": "String",
-     "desc": "The Roo.bootstrap.NavGroup which triggers show hide ()",
-     "memberOf": ""
-    },
     {
      "name": "cls",
      "type": "String",
     }
    ],
    "events": [
-    {
-     "name": "beforedeactivate",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before a tab is de-activated - can be used to do validation on a form."
-    },
     {
      "name": "beforedestroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
-    {
-     "name": "changed",
-     "sig": "function (_self, state)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the active status changes"
-    },
     {
      "name": "childrenrendered",
      "sig": "function (_self)\n{\n\n}",
     }
    ]
   },
-  "Roo.bootstrap.Table": {
+  "Roo.bootstrap.TabGroup": {
    "props": [
     {
-     "name": "cls",
+     "name": "navId",
      "type": "String",
-     "desc": "table class",
+     "desc": "the navigation id (for use with navbars) - will be auto generated if it does not exist..",
      "memberOf": ""
     },
     {
-     "name": "align",
-     "type": "String",
-     "desc": "Specifies the alignment of a table according to surrounding text",
+     "name": "carousel",
+     "type": "Boolean",
+     "desc": "true to make the group behave like a carousel",
+     "memberOf": ""
+    },
+    {
+     "name": "bullets",
+     "type": "Number",
+     "desc": "show the panel pointer.. default 0",
+     "memberOf": ""
+    },
+    {
+     "name": "autoslide",
+     "type": "Boolean",
+     "desc": "auto slide .. default false",
      "memberOf": "",
      "optvals": [
-      "left",
-      "center",
-      "right"
+      "true",
+      "false"
      ]
     },
     {
-     "name": "bgcolor",
-     "type": "String",
-     "desc": "Specifies the background color for a table",
-     "memberOf": ""
+     "name": "slideOnTouch",
+     "type": "Boolean",
+     "desc": "slide on touch .. default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
     },
     {
-     "name": "border",
+     "name": "timer",
      "type": "Number",
-     "desc": "Specifies whether the table cells should have borders or not",
+     "desc": "auto slide timer .. default 0 millisecond",
      "memberOf": ""
     },
     {
-     "name": "cellpadding",
+     "name": "xs",
      "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": "frame",
-     "type": "String",
-     "desc": "Specifies which parts of the outside borders that should be visible",
-     "memberOf": ""
-    },
-    {
-     "name": "rules",
-     "type": "String",
-     "desc": "Specifies which parts of the inside borders that should be visible",
-     "memberOf": ""
-    },
-    {
-     "name": "sortable",
-     "type": "String",
-     "desc": "Specifies that the table should be sortable",
-     "memberOf": ""
-    },
-    {
-     "name": "summary",
-     "type": "String",
-     "desc": "Specifies a summary of the content of a table",
-     "memberOf": ""
+     "desc": "colspan out of 12 for mobile-sized screens or 0 for hidden",
+     "memberOf": "Roo.bootstrap.Column"
     },
     {
-     "name": "width",
+     "name": "sm",
      "type": "Number",
-     "desc": "Specifies the width of a table",
-     "memberOf": ""
+     "desc": "colspan out of 12 for tablet-sized screens or 0 for hidden",
+     "memberOf": "Roo.bootstrap.Column"
     },
     {
-     "name": "layout",
-     "type": "String",
-     "desc": "table layout (auto | fixed | initial | inherit)",
-     "memberOf": ""
+     "name": "md",
+     "type": "Number",
+     "desc": "colspan out of 12 for computer-sized screens or 0 for hidden",
+     "memberOf": "Roo.bootstrap.Column"
     },
     {
-     "name": "striped",
-     "type": "boolean",
-     "desc": "Should the rows be alternative striped",
-     "memberOf": ""
+     "name": "lg",
+     "type": "Number",
+     "desc": "colspan out of 12 for large computer-sized screens or 0 for hidden",
+     "memberOf": "Roo.bootstrap.Column"
     },
     {
-     "name": "bordered",
-     "type": "boolean",
-     "desc": "Add borders to the table",
-     "memberOf": ""
+     "name": "xsoff",
+     "type": "Number",
+     "desc": "colspan offset out of 12 for mobile-sized screens or 0 for hidden",
+     "memberOf": "Roo.bootstrap.Column"
     },
     {
-     "name": "hover",
-     "type": "boolean",
-     "desc": "Add hover highlighting",
-     "memberOf": ""
+     "name": "smoff",
+     "type": "Number",
+     "desc": "colspan offset out of 12 for tablet-sized screens or 0 for hidden",
+     "memberOf": "Roo.bootstrap.Column"
     },
     {
-     "name": "condensed",
-     "type": "boolean",
-     "desc": "Format condensed",
-     "memberOf": ""
+     "name": "mdoff",
+     "type": "Number",
+     "desc": "colspan offset out of 12 for computer-sized screens or 0 for hidden",
+     "memberOf": "Roo.bootstrap.Column"
     },
     {
-     "name": "responsive",
-     "type": "boolean",
-     "desc": "Format condensed",
-     "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": "loadMask",
+     "name": "hidden",
      "type": "Boolean",
-     "desc": "default false",
-     "memberOf": "",
+     "desc": "hide the element",
+     "memberOf": "Roo.bootstrap.Column",
      "optvals": [
       "true",
       "false"
      ]
     },
     {
-     "name": "tfoot",
-     "type": "Boolean",
-     "desc": "generate tfoot, default true",
-     "memberOf": "",
+     "name": "alert",
+     "type": "String",
+     "desc": "type alert (changes background / border...)",
+     "memberOf": "Roo.bootstrap.Column",
      "optvals": [
-      "true",
-      "false"
+      "success",
+      "info",
+      "warning",
+      "danger"
      ]
     },
     {
-     "name": "thead",
-     "type": "Boolean",
-     "desc": "generate thead, default true",
-     "memberOf": "",
+     "name": "fa",
+     "type": "String",
+     "desc": "font awesome icon",
+     "memberOf": "Roo.bootstrap.Column",
      "optvals": [
-      "true",
-      "false"
+      "ban",
+      "check",
+      "..."
      ]
     },
     {
-     "name": "RowSelection",
-     "type": "Boolean",
-     "desc": "default false",
-     "memberOf": "",
+     "name": "fasize",
+     "type": "Number",
+     "desc": "font awsome size",
+     "memberOf": "Roo.bootstrap.Column",
      "optvals": [
-      "true",
-      "false"
+      "1",
+      "2",
+      "...."
      ]
     },
     {
-     "name": "CellSelection",
-     "type": "Boolean",
-     "desc": "default false",
-     "memberOf": "",
+     "name": "icon",
+     "type": "String",
+     "desc": "glyphicon name",
+     "memberOf": "Roo.bootstrap.Column",
      "optvals": [
-      "true",
-      "false"
+      "info-sign",
+      "check",
+      "..."
      ]
     },
     {
-     "name": "footer",
-     "type": "Roo.bootstrap.PagingToolbar",
-     "desc": "a paging toolbar",
-     "memberOf": ""
+     "name": "html",
+     "type": "String",
+     "desc": "content of column.",
+     "memberOf": "Roo.bootstrap.Column"
+    },
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
      "name": "style",
      "type": "function",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
-    {
-     "name": "cellclick",
-     "sig": "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when a cell is clicked"
-    },
-    {
-     "name": "celldblclick",
-     "sig": "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when a cell is double clicked"
-    },
     {
      "name": "childrenrendered",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is hidden."
     },
-    {
-     "name": "mouseout",
-     "sig": "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when a mouseout occur"
-    },
-    {
-     "name": "mouseover",
-     "sig": "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when a mouseover occur"
-    },
     {
      "name": "render",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is rendered."
     },
-    {
-     "name": "rowclass",
-     "sig": "function (_self, rowcfg)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when a row is rendered, so you can change add a style to it."
-    },
-    {
-     "name": "rowclick",
-     "sig": "function (_self, el, rowIndex, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when a row is clicked"
-    },
-    {
-     "name": "rowdblclick",
-     "sig": "function (_self, el, rowIndex, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when a row is double clicked"
-    },
-    {
-     "name": "rowsrendered",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when all the  rows have been rendered"
-    },
     {
      "name": "show",
      "sig": "function (_self)\n{\n\n}",
      "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."
     },
-    {
-     "name": "clear",
-     "sig": "()",
-     "type": "function",
-     "desc": "Remove all rows"
-    },
     {
      "name": "destroy",
      "sig": "()",
      "type": "function",
      "desc": "Try to focus this component."
     },
+    {
+     "name": "get",
+     "sig": "(string the)",
+     "type": "function",
+     "desc": "fetch a Navigation Group based on the navigation ID\nif one does not exist , it will get created."
+    },
     {
      "name": "getChildContainer",
      "sig": "()",
      "type": "function",
      "desc": "Removes all listeners for this object"
     },
+    {
+     "name": "register",
+     "sig": "(Roo.bootstrap.NavItem the)",
+     "type": "function",
+     "desc": "register a Navigation item"
+    },
+    {
+     "name": "register",
+     "sig": "(Roo.bootstrap.NavGroup the)",
+     "type": "function",
+     "desc": "register a Navigation Group"
+    },
     {
      "name": "releaseCapture",
      "sig": "(Observable o)",
      "type": "function",
      "desc": "Convenience function for setting disabled/enabled by boolean."
     },
-    {
-     "name": "setRowVisibility",
-     "sig": "(Number rowIndex, Boolean state)",
-     "type": "function",
-     "desc": "Show or hide a row."
-    },
     {
      "name": "setVisible",
      "sig": "(Boolean visible)",
      "type": "function",
      "desc": "Show a component - removes 'hidden' class"
     },
+    {
+     "name": "showPanel",
+     "sig": "(Roo.bootstrap.TabPanel|number|string panel)",
+     "type": "function",
+     "desc": "show a specific panel"
+    },
     {
      "name": "tooltipEl",
      "sig": "()",
     }
    ]
   },
-  "Roo.bootstrap.Table.AbstractSelectionModel": {
+  "Roo.bootstrap.TabPanel": {
    "props": [
     {
-     "name": "listeners",
-     "type": "Object",
-     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-     "memberOf": "Roo.util.Observable"
-    }
-   ],
-   "events": [],
-   "methods": [
-    {
-     "name": "addEvents",
-     "sig": "(Object object)",
-     "type": "function",
-     "desc": "Used to define events on this Observable"
+     "name": "active",
+     "type": "Boolean",
+     "desc": "panel active",
+     "memberOf": ""
     },
     {
-     "name": "addListener",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
-     "type": "function",
-     "desc": "Appends an event handler to this component"
+     "name": "html",
+     "type": "String",
+     "desc": "panel content",
+     "memberOf": ""
     },
     {
-     "name": "capture",
-     "sig": "(Observable o, Function fn, Object scope)",
-     "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."
+     "name": "tabId",
+     "type": "String",
+     "desc": "unique tab ID (will be autogenerated if not set. - used to match TabItem to Panel)",
+     "memberOf": ""
     },
     {
-     "name": "fireEvent",
-     "sig": "(String eventName, Object... args)",
-     "type": "function",
-     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+     "name": "navId",
+     "type": "String",
+     "desc": "The Roo.bootstrap.NavGroup which triggers show hide ()",
+     "memberOf": ""
     },
     {
-     "name": "hasListener",
-     "sig": "(String eventName)",
-     "type": "function",
-     "desc": "Checks to see if this object has any listeners for a specified event"
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "isLocked",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns true if the selections are locked."
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "lock",
-     "sig": "()",
-     "type": "function",
-     "desc": "Locks the selections."
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "on",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
-     "type": "function",
-     "desc": "Appends an event handler to this element (shorthand for addListener)"
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "purgeListeners",
-     "sig": "()",
-     "type": "function",
-     "desc": "Removes all listeners for this object"
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "releaseCapture",
-     "sig": "(Observable o)",
-     "type": "function",
-     "desc": "Removes <b>all</b> added captures from the Observable."
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "removeListener",
-     "sig": "(String eventName, Function handler, Object scope)",
-     "type": "function",
-     "desc": "Removes a listener"
+     "name": "tooltip",
+     "type": "string",
+     "desc": "Text for the tooltip",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "un",
-     "sig": "(String eventName, Function handler, Object scope)",
-     "type": "function",
-     "desc": "Removes a listener (shorthand for removeListener)"
+     "name": "container_method",
+     "type": "string",
+     "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "unlock",
-     "sig": "()",
-     "type": "function",
-     "desc": "Unlocks the selections."
-    }
-   ]
-  },
-  "Roo.bootstrap.Table.RowSelectionModel": {
-   "props": [
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
+    },
     {
-     "name": "singleSelect",
+     "name": "allowDomMove",
      "type": "Boolean",
-     "desc": "True to allow selection of only one row at a time (defaults to false)",
-     "memberOf": ""
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component",
+     "optvals": [
+      "display",
+      "visibility"
+     ]
+    },
+    {
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
     },
     {
      "name": "listeners",
    ],
    "events": [
     {
-     "name": "afterselectionchange",
+     "name": "beforedeactivate",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the selection changes (eg. by key press or clicking)"
+     "desc": "Fires before a tab is de-activated - can be used to do validation on a form."
     },
     {
-     "name": "beforerowselect",
-     "sig": "function (_self, rowIndex, keepExisting)\n{\n\n}",
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when a row is selected being selected, return false to cancel."
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
     },
     {
-     "name": "rowdeselect",
-     "sig": "function (_self, rowIndex)\n{\n\n}",
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when a row is deselected."
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
     {
-     "name": "rowselect",
-     "sig": "function (_self, rowIndex, r)\n{\n\n}",
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when a row is selected."
+     "desc": "Fires before the component is rendered. Return false to stop the render."
     },
     {
-     "name": "selectionchange",
+     "name": "beforeshow",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the selection changes"
+     "desc": "Fires before the component is shown.  Return false to stop the show."
+    },
+    {
+     "name": "changed",
+     "sig": "function (_self, state)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the active status changes"
+    },
+    {
+     "name": "childrenrendered",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the children have been rendered.."
+    },
+    {
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
+    },
+    {
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
+    },
+    {
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
+    },
+    {
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
+    },
+    {
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
     }
    ],
    "methods": [
      "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."
     },
     {
-     "name": "clearSelections",
+     "name": "destroy",
      "sig": "()",
      "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}."
     },
     {
-     "name": "deselectRange",
-     "sig": "(Number startRow, Number endRow)",
+     "name": "disable",
+     "sig": "()",
      "type": "function",
-     "desc": "Deselects a range of rows. All rows in between startRow and endRow are also deselected."
+     "desc": "Disable this component."
     },
     {
-     "name": "deselectRow",
-     "sig": "(Number row)",
+     "name": "enable",
+     "sig": "()",
      "type": "function",
-     "desc": "Deselects a row."
+     "desc": "Enable this component."
     },
     {
      "name": "fireEvent",
      "desc": "Fires the specified event with the passed parameters (minus the event name)."
     },
     {
-     "name": "getCount",
+     "name": "focus",
+     "sig": "(Boolean selectText)",
+     "type": "function",
+     "desc": "Try to focus this component."
+    },
+    {
+     "name": "getChildContainer",
      "sig": "()",
      "type": "function",
-     "desc": "Gets the number of selected rows."
+     "desc": "Fetch the element to add children to"
     },
     {
-     "name": "getSelected",
+     "name": "getEl",
      "sig": "()",
      "type": "function",
-     "desc": "Returns the first selected record."
+     "desc": "Returns the underlying {@link Roo.Element}."
     },
     {
-     "name": "getSelections",
+     "name": "getId",
      "sig": "()",
      "type": "function",
-     "desc": "Returns the selected records"
+     "desc": "Returns the id of this component."
     },
     {
      "name": "hasListener",
      "desc": "Checks to see if this object has any listeners for a specified event"
     },
     {
-     "name": "hasSelection",
+     "name": "hide",
      "sig": "()",
      "type": "function",
-     "desc": "Returns True if there is a selection."
+     "desc": "Hide a component - adds 'hidden' class"
     },
     {
-     "name": "isIdSelected",
-     "sig": "(String id)",
+     "name": "initEvents",
+     "sig": "()",
      "type": "function",
-     "desc": "Returns True if the specified record id is selected."
+     "desc": "Initialize Events for the element"
     },
     {
-     "name": "isLocked",
+     "name": "isVisible",
      "sig": "()",
      "type": "function",
-     "desc": "Returns true if the selections are locked."
+     "desc": "Returns true if this component is visible."
     },
     {
-     "name": "isSelected",
-     "sig": "(Number/Record record)",
-     "type": "function",
-     "desc": "Returns True if the specified row is selected."
-    },
-    {
-     "name": "lock",
-     "sig": "()",
-     "type": "function",
-     "desc": "Locks the selections."
-    },
-    {
-     "name": "on",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "name": "on",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
      "desc": "Appends an event handler to this element (shorthand for addListener)"
     },
      "desc": "Removes a listener"
     },
     {
-     "name": "selectAll",
-     "sig": "()",
+     "name": "render",
+     "sig": "(String/HTMLElement/Element container)",
      "type": "function",
-     "desc": "Selects all rows."
+     "desc": "If this is a lazy rendering component, render it to its container element."
     },
     {
-     "name": "selectFirstRow",
-     "sig": "()",
+     "name": "setDisabled",
+     "sig": "(Boolean disabled)",
      "type": "function",
-     "desc": "Selects the first row in the grid."
+     "desc": "Convenience function for setting disabled/enabled by boolean."
     },
     {
-     "name": "selectLastRow",
-     "sig": "(Boolean keepExisting)",
+     "name": "setVisible",
+     "sig": "(Boolean visible)",
      "type": "function",
-     "desc": "Select the last row."
+     "desc": "Convenience function to hide or show this component by boolean."
     },
     {
-     "name": "selectNext",
-     "sig": "(Boolean keepExisting)",
+     "name": "show",
+     "sig": "()",
      "type": "function",
-     "desc": "Selects the row immediately following the last selected row."
+     "desc": "Show a component - removes 'hidden' class"
     },
     {
-     "name": "selectPrevious",
-     "sig": "(Boolean keepExisting)",
+     "name": "tooltipEl",
+     "sig": "()",
      "type": "function",
-     "desc": "Selects the row that precedes the last selected row."
+     "desc": "Fetch the element to display the tooltip on."
     },
     {
-     "name": "selectRange",
-     "sig": "(Number startRow, Number endRow, Boolean keepExisting)",
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
-     "desc": "Selects a range of rows. All rows in between startRow and endRow are also selected."
+     "desc": "Removes a listener (shorthand for removeListener)"
+    }
+   ]
+  },
+  "Roo.bootstrap.Table": {
+   "props": [
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "table class",
+     "memberOf": ""
     },
     {
-     "name": "selectRecords",
-     "sig": "(Array records, Boolean keepExisting)",
-     "type": "function",
-     "desc": "Select records."
+     "name": "align",
+     "type": "String",
+     "desc": "Specifies the alignment of a table according to surrounding text",
+     "memberOf": "",
+     "optvals": [
+      "left",
+      "center",
+      "right"
+     ]
     },
     {
-     "name": "selectRow",
-     "sig": "(Number row, Boolean keepExisting)",
-     "type": "function",
-     "desc": "Selects a row."
+     "name": "bgcolor",
+     "type": "String",
+     "desc": "Specifies the background color for a table",
+     "memberOf": ""
     },
     {
-     "name": "selectRows",
-     "sig": "(Array rows, Boolean keepExisting)",
-     "type": "function",
-     "desc": "Selects multiple rows."
+     "name": "border",
+     "type": "Number",
+     "desc": "Specifies whether the table cells should have borders or not",
+     "memberOf": ""
     },
     {
-     "name": "un",
-     "sig": "(String eventName, Function handler, Object scope)",
-     "type": "function",
-     "desc": "Removes a listener (shorthand for removeListener)"
+     "name": "cellpadding",
+     "type": "Number",
+     "desc": "Specifies the space between the cell wall and the cell content",
+     "memberOf": ""
     },
     {
-     "name": "unlock",
-     "sig": "()",
-     "type": "function",
-     "desc": "Unlocks the selections."
-    }
-   ]
-  },
-  "Roo.bootstrap.TableBody": {
-   "props": [
+     "name": "cellspacing",
+     "type": "Number",
+     "desc": "Specifies the space between cells",
+     "memberOf": ""
+    },
     {
-     "name": "cls",
+     "name": "frame",
      "type": "String",
-     "desc": "element class",
+     "desc": "Specifies which parts of the outside borders that should be visible",
      "memberOf": ""
     },
     {
-     "name": "tag",
+     "name": "rules",
      "type": "String",
-     "desc": "element tag (thead|tbody|tfoot) default tbody",
+     "desc": "Specifies which parts of the inside borders that should be visible",
      "memberOf": ""
     },
     {
-     "name": "align",
+     "name": "sortable",
      "type": "String",
-     "desc": "Aligns the content inside the element",
+     "desc": "Specifies that the table should be sortable",
      "memberOf": ""
     },
     {
-     "name": "charoff",
+     "name": "summary",
+     "type": "String",
+     "desc": "Specifies a summary of the content of a table",
+     "memberOf": ""
+    },
+    {
+     "name": "width",
      "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": "Specifies the width of a table",
      "memberOf": ""
     },
     {
-     "name": "valign",
+     "name": "layout",
      "type": "String",
-     "desc": "Vertical aligns the content inside the <tbody> element",
+     "desc": "table layout (auto | fixed | initial | inherit)",
+     "memberOf": ""
+    },
+    {
+     "name": "striped",
+     "type": "boolean",
+     "desc": "Should the rows be alternative striped",
+     "memberOf": ""
+    },
+    {
+     "name": "bordered",
+     "type": "boolean",
+     "desc": "Add borders to the table",
+     "memberOf": ""
+    },
+    {
+     "name": "hover",
+     "type": "boolean",
+     "desc": "Add hover highlighting",
+     "memberOf": ""
+    },
+    {
+     "name": "condensed",
+     "type": "boolean",
+     "desc": "Format condensed",
+     "memberOf": ""
+    },
+    {
+     "name": "responsive",
+     "type": "boolean",
+     "desc": "Format condensed",
+     "memberOf": ""
+    },
+    {
+     "name": "loadMask",
+     "type": "Boolean",
+     "desc": "default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "tfoot",
+     "type": "Boolean",
+     "desc": "generate tfoot, default true",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "thead",
+     "type": "Boolean",
+     "desc": "generate thead, default true",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "RowSelection",
+     "type": "Boolean",
+     "desc": "default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "CellSelection",
+     "type": "Boolean",
+     "desc": "default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "footer",
+     "type": "Roo.bootstrap.PagingToolbar",
+     "desc": "a paging toolbar",
      "memberOf": ""
     },
     {
      "type": "function",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
+    {
+     "name": "cellclick",
+     "sig": "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a cell is clicked"
+    },
+    {
+     "name": "celldblclick",
+     "sig": "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a cell is double clicked"
+    },
     {
      "name": "childrenrendered",
      "sig": "function (_self)\n{\n\n}",
      "desc": "Fires after the component is hidden."
     },
     {
-     "name": "render",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "mouseout",
+     "sig": "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the component is rendered."
+     "desc": "Fires when a mouseout occur"
     },
     {
-     "name": "show",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "mouseover",
+     "sig": "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the component is shown."
-    }
-   ],
-   "methods": [
+     "desc": "Fires when a mouseover occur"
+    },
     {
-     "name": "addEvents",
-     "sig": "(Object object)",
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Used to define events on this Observable"
+     "desc": "Fires after the component is rendered."
     },
     {
-     "name": "addListener",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "name": "rowclass",
+     "sig": "function (_self, rowcfg)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a row is rendered, so you can change add a style to it."
+    },
+    {
+     "name": "rowclick",
+     "sig": "function (_self, el, rowIndex, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a row is clicked"
+    },
+    {
+     "name": "rowdblclick",
+     "sig": "function (_self, el, rowIndex, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a row is double clicked"
+    },
+    {
+     "name": "rowsrendered",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when all the  rows have been rendered"
+    },
+    {
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    }
+   ],
+   "methods": [
+    {
+     "name": "addEvents",
+     "sig": "(Object object)",
+     "type": "function",
+     "desc": "Used to define events on this Observable"
+    },
+    {
+     "name": "addListener",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
      "desc": "Appends an event handler to this component"
     },
      "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."
     },
+    {
+     "name": "clear",
+     "sig": "()",
+     "type": "function",
+     "desc": "Remove all rows"
+    },
     {
      "name": "destroy",
      "sig": "()",
      "type": "function",
      "desc": "Convenience function for setting disabled/enabled by boolean."
     },
+    {
+     "name": "setRowVisibility",
+     "sig": "(Number rowIndex, Boolean state)",
+     "type": "function",
+     "desc": "Show or hide a row."
+    },
     {
      "name": "setVisible",
      "sig": "(Boolean visible)",
     }
    ]
   },
-  "Roo.bootstrap.TableCell": {
+  "Roo.bootstrap.Table.AbstractSelectionModel": {
    "props": [
     {
-     "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": "cls",
-     "type": "String",
-     "desc": "cell class",
-     "memberOf": ""
+     "name": "addEvents",
+     "sig": "(Object object)",
+     "type": "function",
+     "desc": "Used to define events on this Observable"
     },
     {
-     "name": "tag",
-     "type": "String",
-     "desc": "cell tag (td|th) default td",
-     "memberOf": ""
+     "name": "addListener",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "type": "function",
+     "desc": "Appends an event handler to this component"
     },
     {
-     "name": "abbr",
-     "type": "String",
-     "desc": "Specifies an abbreviated version of the content in a cell",
-     "memberOf": ""
+     "name": "capture",
+     "sig": "(Observable o, Function fn, Object scope)",
+     "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."
     },
     {
-     "name": "align",
-     "type": "String",
-     "desc": "Aligns the content in a cell",
-     "memberOf": ""
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
+     "type": "function",
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
     },
     {
-     "name": "axis",
-     "type": "String",
-     "desc": "Categorizes cells",
-     "memberOf": ""
+     "name": "hasListener",
+     "sig": "(String eventName)",
+     "type": "function",
+     "desc": "Checks to see if this object has any listeners for a specified event"
     },
     {
-     "name": "bgcolor",
-     "type": "String",
-     "desc": "Specifies the background color of a cell",
-     "memberOf": ""
+     "name": "isLocked",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if the selections are locked."
     },
     {
-     "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": "lock",
+     "sig": "()",
+     "type": "function",
+     "desc": "Locks the selections."
     },
     {
-     "name": "colspan",
-     "type": "Number",
-     "desc": "Specifies the number of columns a cell should span",
-     "memberOf": ""
+     "name": "on",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "type": "function",
+     "desc": "Appends an event handler to this element (shorthand for addListener)"
     },
     {
-     "name": "headers",
-     "type": "String",
-     "desc": "Specifies one or more header cells a cell is related to",
-     "memberOf": ""
+     "name": "purgeListeners",
+     "sig": "()",
+     "type": "function",
+     "desc": "Removes all listeners for this object"
     },
     {
-     "name": "height",
-     "type": "Number",
-     "desc": "Sets the height of a cell",
-     "memberOf": ""
+     "name": "releaseCapture",
+     "sig": "(Observable o)",
+     "type": "function",
+     "desc": "Removes <b>all</b> added captures from the Observable."
     },
     {
-     "name": "nowrap",
-     "type": "String",
-     "desc": "Specifies that the content inside a cell should not wrap",
-     "memberOf": ""
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener"
     },
     {
-     "name": "rowspan",
-     "type": "Number",
-     "desc": "Sets the number of rows a cell should span",
-     "memberOf": ""
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener (shorthand for removeListener)"
     },
     {
-     "name": "scope",
-     "type": "String",
-     "desc": "Defines a way to associate header cells and data cells in a table",
-     "memberOf": ""
-    },
+     "name": "unlock",
+     "sig": "()",
+     "type": "function",
+     "desc": "Unlocks the selections."
+    }
+   ]
+  },
+  "Roo.bootstrap.Table.RowSelectionModel": {
+   "props": [
     {
-     "name": "valign",
-     "type": "String",
-     "desc": "Vertical aligns the content in a cell",
+     "name": "singleSelect",
+     "type": "Boolean",
+     "desc": "True to allow selection of only one row at a time (defaults to false)",
      "memberOf": ""
     },
     {
-     "name": "width",
-     "type": "Number",
-     "desc": "Specifies the width of a cell",
-     "memberOf": ""
-    },
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
     {
-     "name": "style",
-     "type": "String",
-     "desc": "any extra css",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "afterselectionchange",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the selection changes (eg. by key press or clicking)"
     },
     {
-     "name": "xattr",
-     "type": "Object",
-     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "beforerowselect",
+     "sig": "function (_self, rowIndex, keepExisting)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a row is selected being selected, return false to cancel."
     },
     {
-     "name": "can_build_overlaid",
-     "type": "Boolean",
-     "desc": "True if element can be rebuild from a HTML page",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "rowdeselect",
+     "sig": "function (_self, rowIndex)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a row is deselected."
     },
     {
-     "name": "dataId",
-     "type": "string",
-     "desc": "cutomer id",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "rowselect",
+     "sig": "function (_self, rowIndex, r)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a row is selected."
     },
     {
-     "name": "name",
-     "type": "string",
-     "desc": "Specifies name attribute",
-     "memberOf": "Roo.bootstrap.Component"
-    },
+     "name": "selectionchange",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the selection changes"
+    }
+   ],
+   "methods": [
     {
-     "name": "tooltip",
-     "type": "string",
-     "desc": "Text for the tooltip",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "addEvents",
+     "sig": "(Object object)",
+     "type": "function",
+     "desc": "Used to define events on this Observable"
     },
     {
-     "name": "container_method",
-     "type": "string",
-     "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-     "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": "allowDomMove",
-     "type": "Boolean",
-     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
-     "memberOf": "Roo.Component"
-    },
-    {
-     "name": "hideMode",
-     "type": "String",
-     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-     "memberOf": "Roo.Component",
-     "optvals": [
-      "display",
-      "visibility"
-     ]
-    },
-    {
-     "name": "actionMode",
-     "type": "String",
-     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
-     "memberOf": "Roo.Component"
-    },
-    {
-     "name": "listeners",
-     "type": "Object",
-     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-     "memberOf": "Roo.util.Observable"
-    }
-   ],
-   "events": [
-    {
-     "name": "beforedestroy",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
-    },
-    {
-     "name": "beforehide",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is hidden. Return false to stop the hide."
-    },
-    {
-     "name": "beforerender",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is rendered. Return false to stop the render."
-    },
-    {
-     "name": "beforeshow",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is shown.  Return false to stop the show."
-    },
-    {
-     "name": "childrenrendered",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the children have been rendered.."
-    },
-    {
-     "name": "destroy",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is destroyed."
-    },
-    {
-     "name": "disable",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is disabled."
-    },
-    {
-     "name": "enable",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is enabled."
-    },
-    {
-     "name": "hide",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is hidden."
-    },
-    {
-     "name": "render",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is rendered."
-    },
-    {
-     "name": "show",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is shown."
-    }
-   ],
-   "methods": [
-    {
-     "name": "addEvents",
-     "sig": "(Object object)",
-     "type": "function",
-     "desc": "Used to define events on this Observable"
-    },
-    {
-     "name": "addListener",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
-     "type": "function",
-     "desc": "Appends an event handler to this component"
+     "name": "addListener",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "type": "function",
+     "desc": "Appends an event handler to this component"
     },
     {
      "name": "capture",
      "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."
     },
     {
-     "name": "destroy",
+     "name": "clearSelections",
      "sig": "()",
      "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."
     },
     {
-     "name": "disable",
-     "sig": "()",
+     "name": "deselectRange",
+     "sig": "(Number startRow, Number endRow)",
      "type": "function",
-     "desc": "Disable this component."
+     "desc": "Deselects a range of rows. All rows in between startRow and endRow are also deselected."
     },
     {
-     "name": "enable",
-     "sig": "()",
+     "name": "deselectRow",
+     "sig": "(Number row)",
      "type": "function",
-     "desc": "Enable this component."
+     "desc": "Deselects a row."
     },
     {
      "name": "fireEvent",
      "desc": "Fires the specified event with the passed parameters (minus the event name)."
     },
     {
-     "name": "focus",
-     "sig": "(Boolean selectText)",
-     "type": "function",
-     "desc": "Try to focus this component."
-    },
-    {
-     "name": "getChildContainer",
+     "name": "getCount",
      "sig": "()",
      "type": "function",
-     "desc": "Fetch the element to add children to"
+     "desc": "Gets the number of selected rows."
     },
     {
-     "name": "getEl",
+     "name": "getSelected",
      "sig": "()",
      "type": "function",
-     "desc": "Returns the underlying {@link Roo.Element}."
+     "desc": "Returns the first selected record."
     },
     {
-     "name": "getId",
+     "name": "getSelections",
      "sig": "()",
      "type": "function",
-     "desc": "Returns the id of this component."
+     "desc": "Returns the selected records"
     },
     {
      "name": "hasListener",
      "desc": "Checks to see if this object has any listeners for a specified event"
     },
     {
-     "name": "hide",
+     "name": "hasSelection",
      "sig": "()",
      "type": "function",
-     "desc": "Hide a component - adds 'hidden' class"
+     "desc": "Returns True if there is a selection."
     },
     {
-     "name": "initEvents",
+     "name": "isIdSelected",
+     "sig": "(String id)",
+     "type": "function",
+     "desc": "Returns True if the specified record id is selected."
+    },
+    {
+     "name": "isLocked",
      "sig": "()",
      "type": "function",
-     "desc": "Initialize Events for the element"
+     "desc": "Returns true if the selections are locked."
     },
     {
-     "name": "isVisible",
+     "name": "isSelected",
+     "sig": "(Number/Record record)",
+     "type": "function",
+     "desc": "Returns True if the specified row is selected."
+    },
+    {
+     "name": "lock",
      "sig": "()",
      "type": "function",
-     "desc": "Returns true if this component is visible."
+     "desc": "Locks the selections."
     },
     {
      "name": "on",
      "desc": "Removes a listener"
     },
     {
-     "name": "render",
-     "sig": "(String/HTMLElement/Element container)",
+     "name": "selectAll",
+     "sig": "()",
      "type": "function",
-     "desc": "If this is a lazy rendering component, render it to its container element."
+     "desc": "Selects all rows."
     },
     {
-     "name": "setDisabled",
-     "sig": "(Boolean disabled)",
+     "name": "selectFirstRow",
+     "sig": "()",
      "type": "function",
-     "desc": "Convenience function for setting disabled/enabled by boolean."
+     "desc": "Selects the first row in the grid."
     },
     {
-     "name": "setVisible",
-     "sig": "(Boolean visible)",
+     "name": "selectLastRow",
+     "sig": "(Boolean keepExisting)",
      "type": "function",
-     "desc": "Convenience function to hide or show this component by boolean."
+     "desc": "Select the last row."
     },
     {
-     "name": "show",
-     "sig": "()",
+     "name": "selectNext",
+     "sig": "(Boolean keepExisting)",
      "type": "function",
-     "desc": "Show a component - removes 'hidden' class"
+     "desc": "Selects the row immediately following the last selected row."
     },
     {
-     "name": "tooltipEl",
-     "sig": "()",
+     "name": "selectPrevious",
+     "sig": "(Boolean keepExisting)",
      "type": "function",
-     "desc": "Fetch the element to display the tooltip on."
+     "desc": "Selects the row that precedes the last selected row."
+    },
+    {
+     "name": "selectRange",
+     "sig": "(Number startRow, Number endRow, Boolean keepExisting)",
+     "type": "function",
+     "desc": "Selects a range of rows. All rows in between startRow and endRow are also selected."
+    },
+    {
+     "name": "selectRecords",
+     "sig": "(Array records, Boolean keepExisting)",
+     "type": "function",
+     "desc": "Select records."
+    },
+    {
+     "name": "selectRow",
+     "sig": "(Number row, Boolean keepExisting)",
+     "type": "function",
+     "desc": "Selects a row."
+    },
+    {
+     "name": "selectRows",
+     "sig": "(Array rows, Boolean keepExisting)",
+     "type": "function",
+     "desc": "Selects multiple rows."
     },
     {
      "name": "un",
      "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
      "desc": "Removes a listener (shorthand for removeListener)"
+    },
+    {
+     "name": "unlock",
+     "sig": "()",
+     "type": "function",
+     "desc": "Unlocks the selections."
     }
    ]
   },
-  "Roo.bootstrap.TableRow": {
+  "Roo.bootstrap.TableBody": {
    "props": [
     {
      "name": "cls",
      "type": "String",
-     "desc": "row class",
+     "desc": "element class",
      "memberOf": ""
     },
     {
-     "name": "align",
+     "name": "tag",
      "type": "String",
-     "desc": "Aligns the content in a table row",
+     "desc": "element tag (thead|tbody|tfoot) default tbody",
      "memberOf": ""
     },
     {
-     "name": "bgcolor",
+     "name": "align",
      "type": "String",
-     "desc": "Specifies a background color for a table row",
+     "desc": "Aligns the content inside the element",
      "memberOf": ""
     },
     {
      "name": "charoff",
      "type": "Number",
-     "desc": "Sets the number of characters the content will be aligned from the character specified by the char attribute",
+     "desc": "Sets the number of characters the content inside the element will be aligned from the character specified by the char attribute",
      "memberOf": ""
     },
     {
      "name": "valign",
      "type": "String",
-     "desc": "Vertical aligns the content in a table row",
+     "desc": "Vertical aligns the content inside the <tbody> element",
      "memberOf": ""
     },
     {
     }
    ]
   },
-  "Roo.bootstrap.TextArea": {
+  "Roo.bootstrap.TableCell": {
    "props": [
     {
-     "name": "cols",
-     "type": "Number",
-     "desc": "Specifies the visible width of a text area",
-     "memberOf": ""
-    },
-    {
-     "name": "rows",
-     "type": "Number",
-     "desc": "Specifies the visible number of lines in a text area",
+     "name": "html",
+     "type": "String",
+     "desc": "cell contain text",
      "memberOf": ""
     },
     {
-     "name": "wrap",
-     "type": "string",
-     "desc": "Specifies how the text in a text area is to be wrapped when submitted in a form",
-     "memberOf": "",
-     "optvals": [
-      "soft",
-      "hard"
-     ]
-    },
-    {
-     "name": "resize",
-     "type": "string",
-     "desc": "",
-     "memberOf": "",
-     "optvals": [
-      "none",
-      "both",
-      "horizontal",
-      "vertical",
-      "inherit",
-      "initial"
-     ]
-    },
-    {
-     "name": "html",
-     "type": "string",
-     "desc": "text",
+     "name": "cls",
+     "type": "String",
+     "desc": "cell class",
      "memberOf": ""
     },
     {
-     "name": "disabled",
-     "type": "Boolean",
-     "desc": "is it disabled",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "tag",
+     "type": "String",
+     "desc": "cell tag (td|th) default td",
+     "memberOf": ""
     },
     {
-     "name": "fieldLabel",
+     "name": "abbr",
      "type": "String",
-     "desc": "- the label associated",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "Specifies an abbreviated version of the content in a cell",
+     "memberOf": ""
     },
     {
-     "name": "inputType",
+     "name": "align",
      "type": "String",
-     "desc": "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "Aligns the content in a cell",
+     "memberOf": ""
     },
     {
-     "name": "name",
+     "name": "axis",
      "type": "String",
-     "desc": "name of the input",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "Categorizes cells",
+     "memberOf": ""
     },
     {
-     "name": "placeholder",
-     "type": "string",
-     "desc": "- placeholder to put in text.",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "bgcolor",
+     "type": "String",
+     "desc": "Specifies the background color of a cell",
+     "memberOf": ""
     },
     {
-     "name": "before",
-     "type": "string",
-     "desc": "- input group add on before",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "charoff",
+     "type": "Number",
+     "desc": "Sets the number of characters the content will be aligned from the character specified by the char attribute",
+     "memberOf": ""
     },
     {
-     "name": "after",
-     "type": "string",
-     "desc": "- input group add on after",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "colspan",
+     "type": "Number",
+     "desc": "Specifies the number of columns a cell should span",
+     "memberOf": ""
     },
     {
-     "name": "size",
-     "type": "string",
-     "desc": "- (lg|sm) or leave empty..",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "headers",
+     "type": "String",
+     "desc": "Specifies one or more header cells a cell is related to",
+     "memberOf": ""
     },
     {
-     "name": "xs",
+     "name": "height",
      "type": "Number",
-     "desc": "colspan out of 12 for mobile-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "Sets the height of a cell",
+     "memberOf": ""
     },
     {
-     "name": "sm",
-     "type": "Number",
-     "desc": "colspan out of 12 for tablet-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "nowrap",
+     "type": "String",
+     "desc": "Specifies that the content inside a cell should not wrap",
+     "memberOf": ""
     },
     {
-     "name": "md",
+     "name": "rowspan",
      "type": "Number",
-     "desc": "colspan out of 12 for computer-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "Sets the number of rows a cell should span",
+     "memberOf": ""
     },
     {
-     "name": "lg",
-     "type": "Number",
-     "desc": "colspan out of 12 for large computer-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "scope",
+     "type": "String",
+     "desc": "Defines a way to associate header cells and data cells in a table",
+     "memberOf": ""
     },
     {
-     "name": "value",
-     "type": "string",
-     "desc": "default value of the input",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "valign",
+     "type": "String",
+     "desc": "Vertical aligns the content in a cell",
+     "memberOf": ""
     },
     {
-     "name": "labelWidth",
+     "name": "width",
      "type": "Number",
-     "desc": "set the width of label (0-12)",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "Specifies the width of a cell",
+     "memberOf": ""
     },
     {
-     "name": "labelAlign",
+     "name": "style",
      "type": "String",
-     "desc": "",
-     "memberOf": "Roo.bootstrap.Input",
-     "optvals": [
-      "top",
-      "left"
-     ]
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "readOnly",
-     "type": "Boolean",
-     "desc": "Specifies that the field should be read-only",
-     "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": "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": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "align",
-     "type": "String",
-     "desc": "Default left",
-     "memberOf": "Roo.bootstrap.Input",
-     "optvals": [
-      "left",
-      "center",
-      "right"
-     ]
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "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": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "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": "tooltip",
+     "type": "string",
+     "desc": "Text for the tooltip",
+     "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": "container_method",
+     "type": "string",
+     "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "focusClass",
+     "name": "disableClass",
      "type": "String",
-     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "invalidClass",
-     "type": "String",
-     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-     "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": "validClass",
+     "name": "hideMode",
      "type": "String",
-     "desc": "The CSS class to use when marking a field valid (defaults to \"x-form-invalid\")",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "name": "hasFeedback",
-     "type": "Boolean",
-     "desc": "default true",
-     "memberOf": "Roo.bootstrap.Input",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component",
      "optvals": [
-      "true",
-      "false"
+      "display",
+      "visibility"
      ]
     },
     {
-     "name": "invalidFeedbackIcon",
+     "name": "actionMode",
      "type": "String",
-     "desc": "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "validFeedbackIcon",
-     "type": "String",
-     "desc": "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-     "memberOf": "Roo.bootstrap.Input"
-    },
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
     {
-     "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": "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": "vtype",
-     "type": "String",
-     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "name": "disableKeyFilter",
-     "type": "Boolean",
-     "desc": "True to disable input keystroke filtering (defaults to false)",
-     "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": "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": "minLength",
-     "type": "Number",
-     "desc": "Minimum input field length required (defaults to 0)",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "name": "maxLength",
-     "type": "Number",
-     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-     "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": "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": "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": "regex",
-     "type": "RegExp",
-     "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "name": "regexText",
-     "type": "String",
-     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "name": "cls",
-     "type": "String",
-     "desc": "css class",
-     "memberOf": "Roo.bootstrap.Component"
-    },
-    {
-     "name": "style",
-     "type": "String",
-     "desc": "any extra css",
-     "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"
-    },
-    {
-     "name": "can_build_overlaid",
-     "type": "Boolean",
-     "desc": "True if element can be rebuild from a HTML page",
-     "memberOf": "Roo.bootstrap.Component"
-    },
-    {
-     "name": "dataId",
-     "type": "string",
-     "desc": "cutomer id",
-     "memberOf": "Roo.bootstrap.Component"
-    },
-    {
-     "name": "tooltip",
-     "type": "string",
-     "desc": "Text for the tooltip",
-     "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": "disableClass",
-     "type": "String",
-     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-     "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": "hideMode",
-     "type": "String",
-     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-     "memberOf": "Roo.Component",
-     "optvals": [
-      "display",
-      "visibility"
-     ]
-    },
-    {
-     "name": "actionMode",
-     "type": "String",
-     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
-     "memberOf": "Roo.Component"
-    },
-    {
-     "name": "listeners",
-     "type": "Object",
-     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-     "memberOf": "Roo.util.Observable"
-    }
-   ],
-   "events": [
-    {
-     "name": "beforedestroy",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
     },
     {
      "name": "beforehide",
      "type": "function",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
-    {
-     "name": "blur",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when this field loses input focus."
-    },
-    {
-     "name": "change",
-     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires just before the field blurs if the field value has changed."
-    },
     {
      "name": "childrenrendered",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is enabled."
     },
-    {
-     "name": "focus",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when this field receives input focus."
-    },
     {
      "name": "hide",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is hidden."
     },
-    {
-     "name": "invalid",
-     "sig": "function (_self, msg)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the field has been marked as invalid."
-    },
-    {
-     "name": "keyup",
-     "sig": "function (_self, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the key up"
-    },
     {
      "name": "render",
      "sig": "function (_self)\n{\n\n}",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is shown."
-    },
-    {
-     "name": "specialkey",
-     "sig": "function (_self, e)\n{\n\n}",
-     "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."
-    },
-    {
-     "name": "valid",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the field has been validated with no errors."
     }
    ],
    "methods": [
      "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."
     },
-    {
-     "name": "clearInvalid",
-     "sig": "()",
-     "type": "function",
-     "desc": "Clear any invalid styles/messages for this field"
-    },
     {
      "name": "destroy",
      "sig": "()",
      "type": "function",
      "desc": "Returns the id of this component."
     },
-    {
-     "name": "getName",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns the name of the field"
-    },
-    {
-     "name": "getRawValue",
-     "sig": "()",
-     "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}."
-    },
-    {
-     "name": "getValue",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
-    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "type": "function",
      "desc": "Initialize Events for the element"
     },
-    {
-     "name": "inputEl",
-     "sig": "()",
-     "type": "function",
-     "desc": "return the real textarea element."
-    },
     {
      "name": "isVisible",
      "sig": "()",
      "type": "function",
      "desc": "Returns true if this component is visible."
     },
-    {
-     "name": "markInvalid",
-     "sig": "(String msg)",
-     "type": "function",
-     "desc": "Mark this field as invalid"
-    },
-    {
-     "name": "markValid",
-     "sig": "()",
-     "type": "function",
-     "desc": "Mark this field as valid"
-    },
     {
      "name": "on",
      "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
      "desc": "If this is a lazy rendering component, render it to its container element."
     },
-    {
-     "name": "reset",
-     "sig": "()",
-     "type": "function",
-     "desc": "Resets the current field value to the originally loaded value and clears any validation messages"
-    },
     {
      "name": "setDisabled",
      "sig": "(Boolean disabled)",
      "desc": "Convenience function for setting disabled/enabled by boolean."
     },
     {
-     "name": "setRawValue",
-     "sig": "(Mixed value)",
+     "name": "setVisible",
+     "sig": "(Boolean visible)",
      "type": "function",
-     "desc": "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}."
+     "desc": "Convenience function to hide or show this component by boolean."
     },
     {
-     "name": "setValue",
-     "sig": "(Mixed value)",
-     "type": "function",
-     "desc": "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}."
-    },
-    {
-     "name": "setVisible",
-     "sig": "(Boolean visible)",
-     "type": "function",
-     "desc": "Convenience function to hide or show this component by boolean."
-    },
-    {
-     "name": "show",
-     "sig": "()",
+     "name": "show",
+     "sig": "()",
      "type": "function",
      "desc": "Show a component - removes 'hidden' class"
     },
      "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
      "desc": "Removes a listener (shorthand for removeListener)"
-    },
-    {
-     "name": "validate",
-     "sig": "()",
-     "type": "function",
-     "desc": "Validates the field value"
-    },
-    {
-     "name": "validateValue",
-     "sig": "(Mixed value)",
-     "type": "function",
-     "desc": "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails"
     }
    ]
   },
-  "Roo.bootstrap.TimeField": {
+  "Roo.bootstrap.TableRow": {
    "props": [
     {
-     "name": "format",
+     "name": "cls",
      "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": "row class",
      "memberOf": ""
     },
     {
-     "name": "disabled",
-     "type": "Boolean",
-     "desc": "is it disabled",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "align",
+     "type": "String",
+     "desc": "Aligns the content in a table row",
+     "memberOf": ""
     },
     {
-     "name": "fieldLabel",
+     "name": "bgcolor",
      "type": "String",
-     "desc": "- the label associated",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "Specifies a background color for a table row",
+     "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": "charoff",
+     "type": "Number",
+     "desc": "Sets the number of characters the content will be aligned from the character specified by the char attribute",
+     "memberOf": ""
     },
     {
-     "name": "name",
+     "name": "valign",
      "type": "String",
-     "desc": "name of the input",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "Vertical aligns the content in a table row",
+     "memberOf": ""
     },
     {
-     "name": "placeholder",
-     "type": "string",
-     "desc": "- placeholder to put in text.",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "before",
-     "type": "string",
-     "desc": "- input group add on before",
-     "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": "after",
-     "type": "string",
-     "desc": "- input group add on after",
-     "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": "size",
+     "name": "dataId",
      "type": "string",
-     "desc": "- (lg|sm) or leave empty..",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "name": "xs",
-     "type": "Number",
-     "desc": "colspan out of 12 for mobile-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "name": "sm",
-     "type": "Number",
-     "desc": "colspan out of 12 for tablet-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "name": "md",
-     "type": "Number",
-     "desc": "colspan out of 12 for computer-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "lg",
-     "type": "Number",
-     "desc": "colspan out of 12 for large computer-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "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": "labelWidth",
-     "type": "Number",
-     "desc": "set the width of label (0-12)",
-     "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": "labelAlign",
+     "name": "disableClass",
      "type": "String",
-     "desc": "",
-     "memberOf": "Roo.bootstrap.Input",
-     "optvals": [
-      "top",
-      "left"
-     ]
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "readOnly",
+     "name": "allowDomMove",
      "type": "Boolean",
-     "desc": "Specifies that the field should be read-only",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "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"
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "align",
+     "name": "hideMode",
      "type": "String",
-     "desc": "Default left",
-     "memberOf": "Roo.bootstrap.Input",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component",
      "optvals": [
-      "left",
-      "center",
-      "right"
+      "display",
+      "visibility"
      ]
     },
     {
-     "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": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
     },
     {
-     "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"
+    }
+   ],
+   "events": [
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
     },
     {
-     "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": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
     {
-     "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": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
     },
     {
-     "name": "invalidClass",
-     "type": "String",
-     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "validClass",
-     "type": "String",
-     "desc": "The CSS class to use when marking a field valid (defaults to \"x-form-invalid\")",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "childrenrendered",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the children have been rendered.."
     },
     {
-     "name": "hasFeedback",
-     "type": "Boolean",
-     "desc": "default true",
-     "memberOf": "Roo.bootstrap.Input",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
     },
     {
-     "name": "invalidFeedbackIcon",
-     "type": "String",
-     "desc": "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
     },
     {
-     "name": "validFeedbackIcon",
-     "type": "String",
-     "desc": "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
     },
     {
-     "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": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
     },
     {
-     "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": "vtype",
-     "type": "String",
-     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "name": "disableKeyFilter",
-     "type": "Boolean",
-     "desc": "True to disable input keystroke filtering (defaults to false)",
-     "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": "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": "minLength",
-     "type": "Number",
-     "desc": "Minimum input field length required (defaults to 0)",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "name": "maxLength",
-     "type": "Number",
-     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-     "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": "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": "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": "regex",
-     "type": "RegExp",
-     "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
     },
     {
-     "name": "regexText",
-     "type": "String",
-     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
-     "memberOf": "Roo.bootstrap.Input"
-    },
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    }
+   ],
+   "methods": [
     {
-     "name": "cls",
-     "type": "String",
-     "desc": "css class",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "addEvents",
+     "sig": "(Object object)",
+     "type": "function",
+     "desc": "Used to define events on this Observable"
     },
     {
-     "name": "style",
-     "type": "String",
-     "desc": "any extra css",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "addListener",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "type": "function",
+     "desc": "Appends an event handler to this component"
     },
     {
-     "name": "xattr",
-     "type": "Object",
-     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "capture",
+     "sig": "(Observable o, Function fn, Object scope)",
+     "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."
     },
     {
-     "name": "can_build_overlaid",
-     "type": "Boolean",
-     "desc": "True if element can be rebuild from a HTML page",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "destroy",
+     "sig": "()",
+     "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}."
     },
     {
-     "name": "dataId",
-     "type": "string",
-     "desc": "cutomer id",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "disable",
+     "sig": "()",
+     "type": "function",
+     "desc": "Disable this component."
     },
     {
-     "name": "tooltip",
-     "type": "string",
-     "desc": "Text for the tooltip",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "enable",
+     "sig": "()",
+     "type": "function",
+     "desc": "Enable this component."
     },
     {
-     "name": "container_method",
-     "type": "string",
-     "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
+     "type": "function",
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
     },
     {
-     "name": "disableClass",
-     "type": "String",
-     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-     "memberOf": "Roo.Component"
+     "name": "focus",
+     "sig": "(Boolean selectText)",
+     "type": "function",
+     "desc": "Try to focus this component."
     },
     {
-     "name": "allowDomMove",
-     "type": "Boolean",
-     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
-     "memberOf": "Roo.Component"
+     "name": "getChildContainer",
+     "sig": "()",
+     "type": "function",
+     "desc": "Fetch the element to add children to"
     },
     {
-     "name": "hideMode",
-     "type": "String",
-     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-     "memberOf": "Roo.Component",
-     "optvals": [
-      "display",
-      "visibility"
-     ]
+     "name": "getEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the underlying {@link Roo.Element}."
     },
     {
-     "name": "actionMode",
-     "type": "String",
-     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
-     "memberOf": "Roo.Component"
+     "name": "getId",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the id of this component."
     },
     {
-     "name": "listeners",
-     "type": "Object",
-     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-     "memberOf": "Roo.util.Observable"
-    }
-   ],
-   "events": [
-    {
-     "name": "beforedestroy",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "hasListener",
+     "sig": "(String eventName)",
      "type": "function",
-     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+     "desc": "Checks to see if this object has any listeners for a specified event"
     },
     {
-     "name": "beforehide",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "hide",
+     "sig": "()",
      "type": "function",
-     "desc": "Fires before the component is hidden. Return false to stop the hide."
+     "desc": "Hide a component - adds 'hidden' class"
     },
     {
-     "name": "beforerender",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "initEvents",
+     "sig": "()",
      "type": "function",
-     "desc": "Fires before the component is rendered. Return false to stop the render."
+     "desc": "Initialize Events for the element"
     },
     {
-     "name": "beforeshow",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "isVisible",
+     "sig": "()",
      "type": "function",
-     "desc": "Fires before the component is shown.  Return false to stop the show."
+     "desc": "Returns true if this component is visible."
     },
     {
-     "name": "blur",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "on",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
-     "desc": "Fires when this field loses input focus."
+     "desc": "Appends an event handler to this element (shorthand for addListener)"
     },
     {
-     "name": "change",
-     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
+     "name": "purgeListeners",
+     "sig": "()",
      "type": "function",
-     "desc": "Fires just before the field blurs if the field value has changed."
+     "desc": "Removes all listeners for this object"
     },
     {
-     "name": "childrenrendered",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "releaseCapture",
+     "sig": "(Observable o)",
      "type": "function",
-     "desc": "Fires when the children have been rendered.."
+     "desc": "Removes <b>all</b> added captures from the Observable."
     },
     {
-     "name": "destroy",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
-     "desc": "Fires after the component is destroyed."
+     "desc": "Removes a listener"
     },
     {
-     "name": "disable",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "render",
+     "sig": "(String/HTMLElement/Element container)",
      "type": "function",
-     "desc": "Fires after the component is disabled."
+     "desc": "If this is a lazy rendering component, render it to its container element."
     },
     {
-     "name": "enable",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "setDisabled",
+     "sig": "(Boolean disabled)",
      "type": "function",
-     "desc": "Fires after the component is enabled."
+     "desc": "Convenience function for setting disabled/enabled by boolean."
     },
     {
-     "name": "focus",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "setVisible",
+     "sig": "(Boolean visible)",
      "type": "function",
-     "desc": "Fires when this field receives input focus."
+     "desc": "Convenience function to hide or show this component by boolean."
     },
     {
-     "name": "hide",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "show",
+     "sig": "()",
      "type": "function",
-     "desc": "Fires after the component is hidden."
+     "desc": "Show a component - removes 'hidden' class"
     },
     {
-     "name": "invalid",
-     "sig": "function (_self, msg)\n{\n\n}",
+     "name": "tooltipEl",
+     "sig": "()",
      "type": "function",
-     "desc": "Fires after the field has been marked as invalid."
+     "desc": "Fetch the element to display the tooltip on."
     },
     {
-     "name": "keyup",
-     "sig": "function (_self, e)\n{\n\n}",
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
-     "desc": "Fires after the key up"
+     "desc": "Removes a listener (shorthand for removeListener)"
+    }
+   ]
+  },
+  "Roo.bootstrap.TextArea": {
+   "props": [
+    {
+     "name": "cols",
+     "type": "Number",
+     "desc": "Specifies the visible width of a text area",
+     "memberOf": ""
     },
     {
-     "name": "render",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is rendered."
+     "name": "rows",
+     "type": "Number",
+     "desc": "Specifies the visible number of lines in a text area",
+     "memberOf": ""
     },
     {
-     "name": "select",
-     "sig": "function (_self, date)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when select a date."
+     "name": "wrap",
+     "type": "string",
+     "desc": "Specifies how the text in a text area is to be wrapped when submitted in a form",
+     "memberOf": "",
+     "optvals": [
+      "soft",
+      "hard"
+     ]
     },
     {
-     "name": "show",
-     "sig": "function (thisthis, date)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when this field show."
+     "name": "resize",
+     "type": "string",
+     "desc": "",
+     "memberOf": "",
+     "optvals": [
+      "none",
+      "both",
+      "horizontal",
+      "vertical",
+      "inherit",
+      "initial"
+     ]
     },
     {
-     "name": "specialkey",
-     "sig": "function (_self, e)\n{\n\n}",
-     "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."
+     "name": "html",
+     "type": "string",
+     "desc": "text",
+     "memberOf": ""
     },
     {
-     "name": "valid",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the field has been validated with no errors."
-    }
-   ],
-   "methods": [
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "is it disabled",
+     "memberOf": "Roo.bootstrap.Input"
+    },
     {
-     "name": "addEvents",
-     "sig": "(Object object)",
-     "type": "function",
-     "desc": "Used to define events on this Observable"
+     "name": "fieldLabel",
+     "type": "String",
+     "desc": "- the label associated",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "addListener",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
-     "type": "function",
-     "desc": "Appends an event handler to this 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": "capture",
-     "sig": "(Observable o, Function fn, Object scope)",
-     "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."
+     "name": "name",
+     "type": "String",
+     "desc": "name of the input",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "clearInvalid",
-     "sig": "()",
-     "type": "function",
-     "desc": "Clear any invalid styles/messages for this field"
+     "name": "placeholder",
+     "type": "string",
+     "desc": "- placeholder to put in text.",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "before",
+     "type": "string",
+     "desc": "- input group add on before",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "after",
+     "type": "string",
+     "desc": "- input group add on after",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "size",
+     "type": "string",
+     "desc": "- (lg|sm) or leave empty..",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "xs",
+     "type": "Number",
+     "desc": "colspan out of 12 for mobile-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "sm",
+     "type": "Number",
+     "desc": "colspan out of 12 for tablet-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "md",
+     "type": "Number",
+     "desc": "colspan out of 12 for computer-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "lg",
+     "type": "Number",
+     "desc": "colspan out of 12 for large computer-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "value",
+     "type": "string",
+     "desc": "default value of the input",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelWidth",
+     "type": "Number",
+     "desc": "set the width of label (0-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelAlign",
+     "type": "String",
+     "desc": "",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "top",
+      "left"
+     ]
+    },
+    {
+     "name": "readOnly",
+     "type": "Boolean",
+     "desc": "Specifies that the field should be read-only",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "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": "align",
+     "type": "String",
+     "desc": "Default left",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "left",
+      "center",
+      "right"
+     ]
+    },
+    {
+     "name": "forceFeedback",
+     "type": "Boolean",
+     "desc": "Default false",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "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": "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": "focusClass",
+     "type": "String",
+     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "invalidClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "validClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field valid (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "hasFeedback",
+     "type": "Boolean",
+     "desc": "default true",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "invalidFeedbackIcon",
+     "type": "String",
+     "desc": "The CSS class to use when create feedback icon (defaults to \"x-form-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": "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": "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": "vtype",
+     "type": "String",
+     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "disableKeyFilter",
+     "type": "Boolean",
+     "desc": "True to disable input keystroke filtering (defaults to false)",
+     "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": "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": "minLength",
+     "type": "Number",
+     "desc": "Minimum input field length required (defaults to 0)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "maxLength",
+     "type": "Number",
+     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+     "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": "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": "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": "regex",
+     "type": "RegExp",
+     "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "regexText",
+     "type": "String",
+     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
+     "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"
+    },
+    {
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "tooltip",
+     "type": "string",
+     "desc": "Text for the tooltip",
+     "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": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "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": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component",
+     "optvals": [
+      "display",
+      "visibility"
+     ]
+    },
+    {
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+    },
+    {
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
+    },
+    {
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
+    },
+    {
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
+    },
+    {
+     "name": "blur",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field loses input focus."
+    },
+    {
+     "name": "change",
+     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires just before the field blurs if the field value has changed."
+    },
+    {
+     "name": "childrenrendered",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the children have been rendered.."
+    },
+    {
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
+    },
+    {
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
+    },
+    {
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
+    },
+    {
+     "name": "focus",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field receives input focus."
+    },
+    {
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
+    },
+    {
+     "name": "invalid",
+     "sig": "function (_self, msg)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been marked as invalid."
+    },
+    {
+     "name": "keyup",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the key up"
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
+    },
+    {
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    },
+    {
+     "name": "specialkey",
+     "sig": "function (_self, e)\n{\n\n}",
+     "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."
+    },
+    {
+     "name": "valid",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been validated with no errors."
+    }
+   ],
+   "methods": [
+    {
+     "name": "addEvents",
+     "sig": "(Object object)",
+     "type": "function",
+     "desc": "Used to define events on this Observable"
+    },
+    {
+     "name": "addListener",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "type": "function",
+     "desc": "Appends an event handler to this component"
+    },
+    {
+     "name": "capture",
+     "sig": "(Observable o, Function fn, Object scope)",
+     "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."
+    },
+    {
+     "name": "clearInvalid",
+     "sig": "()",
+     "type": "function",
+     "desc": "Clear any invalid styles/messages for this field"
+    },
+    {
+     "name": "destroy",
+     "sig": "()",
+     "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}."
+    },
+    {
+     "name": "disable",
+     "sig": "()",
+     "type": "function",
+     "desc": "Disable this component."
+    },
+    {
+     "name": "enable",
+     "sig": "()",
+     "type": "function",
+     "desc": "Enable this component."
+    },
+    {
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
+     "type": "function",
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+    },
+    {
+     "name": "focus",
+     "sig": "(Boolean selectText)",
+     "type": "function",
+     "desc": "Try to focus this component."
+    },
+    {
+     "name": "getChildContainer",
+     "sig": "()",
+     "type": "function",
+     "desc": "Fetch the element to add children to"
+    },
+    {
+     "name": "getEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the underlying {@link Roo.Element}."
+    },
+    {
+     "name": "getId",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the id of this component."
+    },
+    {
+     "name": "getName",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the name of the field"
+    },
+    {
+     "name": "getRawValue",
+     "sig": "()",
+     "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}."
+    },
+    {
+     "name": "getValue",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
+    },
+    {
+     "name": "hasListener",
+     "sig": "(String eventName)",
+     "type": "function",
+     "desc": "Checks to see if this object has any listeners for a specified event"
+    },
+    {
+     "name": "hide",
+     "sig": "()",
+     "type": "function",
+     "desc": "Hide a component - adds 'hidden' class"
+    },
+    {
+     "name": "initEvents",
+     "sig": "()",
+     "type": "function",
+     "desc": "Initialize Events for the element"
+    },
+    {
+     "name": "inputEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "return the real textarea element."
+    },
+    {
+     "name": "isVisible",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if this component is visible."
+    },
+    {
+     "name": "markInvalid",
+     "sig": "(String msg)",
+     "type": "function",
+     "desc": "Mark this field as invalid"
+    },
+    {
+     "name": "markValid",
+     "sig": "()",
+     "type": "function",
+     "desc": "Mark this field as valid"
+    },
+    {
+     "name": "on",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "type": "function",
+     "desc": "Appends an event handler to this element (shorthand for addListener)"
+    },
+    {
+     "name": "purgeListeners",
+     "sig": "()",
+     "type": "function",
+     "desc": "Removes all listeners for this object"
+    },
+    {
+     "name": "releaseCapture",
+     "sig": "(Observable o)",
+     "type": "function",
+     "desc": "Removes <b>all</b> added captures from the Observable."
+    },
+    {
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener"
+    },
+    {
+     "name": "render",
+     "sig": "(String/HTMLElement/Element container)",
+     "type": "function",
+     "desc": "If this is a lazy rendering component, render it to its container element."
+    },
+    {
+     "name": "reset",
+     "sig": "()",
+     "type": "function",
+     "desc": "Resets the current field value to the originally loaded value and clears any validation messages"
+    },
+    {
+     "name": "setDisabled",
+     "sig": "(Boolean disabled)",
+     "type": "function",
+     "desc": "Convenience function for setting disabled/enabled by boolean."
+    },
+    {
+     "name": "setRawValue",
+     "sig": "(Mixed value)",
+     "type": "function",
+     "desc": "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}."
+    },
+    {
+     "name": "setValue",
+     "sig": "(Mixed value)",
+     "type": "function",
+     "desc": "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}."
+    },
+    {
+     "name": "setVisible",
+     "sig": "(Boolean visible)",
+     "type": "function",
+     "desc": "Convenience function to hide or show this component by boolean."
+    },
+    {
+     "name": "show",
+     "sig": "()",
+     "type": "function",
+     "desc": "Show a component - removes 'hidden' class"
+    },
+    {
+     "name": "tooltipEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Fetch the element to display the tooltip on."
+    },
+    {
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener (shorthand for removeListener)"
+    },
+    {
+     "name": "validate",
+     "sig": "()",
+     "type": "function",
+     "desc": "Validates the field value"
+    },
+    {
+     "name": "validateValue",
+     "sig": "(Mixed value)",
+     "type": "function",
+     "desc": "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails"
+    }
+   ]
+  },
+  "Roo.bootstrap.TimeField": {
+   "props": [
+    {
+     "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": "disabled",
+     "type": "Boolean",
+     "desc": "is it disabled",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "fieldLabel",
+     "type": "String",
+     "desc": "- the label associated",
+     "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": "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": "before",
+     "type": "string",
+     "desc": "- input group add on before",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "after",
+     "type": "string",
+     "desc": "- input group add on after",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "size",
+     "type": "string",
+     "desc": "- (lg|sm) or leave empty..",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "xs",
+     "type": "Number",
+     "desc": "colspan out of 12 for mobile-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "sm",
+     "type": "Number",
+     "desc": "colspan out of 12 for tablet-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "md",
+     "type": "Number",
+     "desc": "colspan out of 12 for computer-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "lg",
+     "type": "Number",
+     "desc": "colspan out of 12 for large computer-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "value",
+     "type": "string",
+     "desc": "default value of the input",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelWidth",
+     "type": "Number",
+     "desc": "set the width of label (0-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelAlign",
+     "type": "String",
+     "desc": "",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "top",
+      "left"
+     ]
+    },
+    {
+     "name": "readOnly",
+     "type": "Boolean",
+     "desc": "Specifies that the field should be read-only",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "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": "align",
+     "type": "String",
+     "desc": "Default left",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "left",
+      "center",
+      "right"
+     ]
+    },
+    {
+     "name": "forceFeedback",
+     "type": "Boolean",
+     "desc": "Default false",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "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": "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": "focusClass",
+     "type": "String",
+     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "invalidClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "validClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field valid (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "hasFeedback",
+     "type": "Boolean",
+     "desc": "default true",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "invalidFeedbackIcon",
+     "type": "String",
+     "desc": "The CSS class to use when create feedback icon (defaults to \"x-form-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": "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": "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": "vtype",
+     "type": "String",
+     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "disableKeyFilter",
+     "type": "Boolean",
+     "desc": "True to disable input keystroke filtering (defaults to false)",
+     "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": "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": "minLength",
+     "type": "Number",
+     "desc": "Minimum input field length required (defaults to 0)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "maxLength",
+     "type": "Number",
+     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+     "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": "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": "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": "regex",
+     "type": "RegExp",
+     "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "regexText",
+     "type": "String",
+     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
+     "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"
+    },
+    {
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "tooltip",
+     "type": "string",
+     "desc": "Text for the tooltip",
+     "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": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "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": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component",
+     "optvals": [
+      "display",
+      "visibility"
+     ]
+    },
+    {
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+    },
+    {
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
+    },
+    {
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
+    },
+    {
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
+    },
+    {
+     "name": "blur",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field loses input focus."
+    },
+    {
+     "name": "change",
+     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires just before the field blurs if the field value has changed."
+    },
+    {
+     "name": "childrenrendered",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the children have been rendered.."
+    },
+    {
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
+    },
+    {
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
+    },
+    {
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
+    },
+    {
+     "name": "focus",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field receives input focus."
+    },
+    {
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
+    },
+    {
+     "name": "invalid",
+     "sig": "function (_self, msg)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been marked as invalid."
+    },
+    {
+     "name": "keyup",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the key up"
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
+    },
+    {
+     "name": "select",
+     "sig": "function (_self, date)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when select a date."
+    },
+    {
+     "name": "show",
+     "sig": "function (thisthis, date)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field show."
+    },
+    {
+     "name": "specialkey",
+     "sig": "function (_self, e)\n{\n\n}",
+     "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."
+    },
+    {
+     "name": "valid",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been validated with no errors."
+    }
+   ],
+   "methods": [
+    {
+     "name": "addEvents",
+     "sig": "(Object object)",
+     "type": "function",
+     "desc": "Used to define events on this Observable"
+    },
+    {
+     "name": "addListener",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "type": "function",
+     "desc": "Appends an event handler to this component"
+    },
+    {
+     "name": "capture",
+     "sig": "(Observable o, Function fn, Object scope)",
+     "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."
+    },
+    {
+     "name": "clearInvalid",
+     "sig": "()",
+     "type": "function",
+     "desc": "Clear any invalid styles/messages for this field"
+    },
+    {
+     "name": "destroy",
+     "sig": "()",
+     "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}."
+    },
+    {
+     "name": "disable",
+     "sig": "()",
+     "type": "function",
+     "desc": "Disable this component."
+    },
+    {
+     "name": "enable",
+     "sig": "()",
+     "type": "function",
+     "desc": "Enable this component."
+    },
+    {
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
+     "type": "function",
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+    },
+    {
+     "name": "focus",
+     "sig": "(Boolean selectText)",
+     "type": "function",
+     "desc": "Try to focus this component."
+    },
+    {
+     "name": "getChildContainer",
+     "sig": "()",
+     "type": "function",
+     "desc": "Fetch the element to add children to"
+    },
+    {
+     "name": "getEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the underlying {@link Roo.Element}."
+    },
+    {
+     "name": "getId",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the id of this component."
+    },
+    {
+     "name": "getName",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the name of the field"
+    },
+    {
+     "name": "getRawValue",
+     "sig": "()",
+     "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}."
+    },
+    {
+     "name": "getValue",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
+    },
+    {
+     "name": "hasListener",
+     "sig": "(String eventName)",
+     "type": "function",
+     "desc": "Checks to see if this object has any listeners for a specified event"
+    },
+    {
+     "name": "hide",
+     "sig": "()",
+     "type": "function",
+     "desc": "Hide a component - adds 'hidden' class"
+    },
+    {
+     "name": "initEvents",
+     "sig": "()",
+     "type": "function",
+     "desc": "Initialize Events for the element"
+    },
+    {
+     "name": "inputEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "return the real input element."
+    },
+    {
+     "name": "isVisible",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if this component is visible."
+    },
+    {
+     "name": "markInvalid",
+     "sig": "(String msg)",
+     "type": "function",
+     "desc": "Mark this field as invalid"
+    },
+    {
+     "name": "markValid",
+     "sig": "()",
+     "type": "function",
+     "desc": "Mark this field as valid"
+    },
+    {
+     "name": "on",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "type": "function",
+     "desc": "Appends an event handler to this element (shorthand for addListener)"
+    },
+    {
+     "name": "purgeListeners",
+     "sig": "()",
+     "type": "function",
+     "desc": "Removes all listeners for this object"
+    },
+    {
+     "name": "releaseCapture",
+     "sig": "(Observable o)",
+     "type": "function",
+     "desc": "Removes <b>all</b> added captures from the Observable."
+    },
+    {
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener"
+    },
+    {
+     "name": "render",
+     "sig": "(String/HTMLElement/Element container)",
+     "type": "function",
+     "desc": "If this is a lazy rendering component, render it to its container element."
+    },
+    {
+     "name": "reset",
+     "sig": "()",
+     "type": "function",
+     "desc": "Resets the current field value to the originally loaded value and clears any validation messages"
+    },
+    {
+     "name": "setDisabled",
+     "sig": "(Boolean disabled)",
+     "type": "function",
+     "desc": "Convenience function for setting disabled/enabled by boolean."
+    },
+    {
+     "name": "setRawValue",
+     "sig": "(Mixed value)",
+     "type": "function",
+     "desc": "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}."
+    },
+    {
+     "name": "setValue",
+     "sig": "(Mixed value)",
+     "type": "function",
+     "desc": "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}."
+    },
+    {
+     "name": "setVisible",
+     "sig": "(Boolean visible)",
+     "type": "function",
+     "desc": "Convenience function to hide or show this component by boolean."
+    },
+    {
+     "name": "show",
+     "sig": "()",
+     "type": "function",
+     "desc": "Show a component - removes 'hidden' class"
+    },
+    {
+     "name": "tooltipEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Fetch the element to display the tooltip on."
+    },
+    {
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener (shorthand for removeListener)"
+    },
+    {
+     "name": "validate",
+     "sig": "()",
+     "type": "function",
+     "desc": "Validates the field value"
+    },
+    {
+     "name": "validateValue",
+     "sig": "(Mixed value)",
+     "type": "function",
+     "desc": "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails"
+    }
+   ]
+  },
+  "Roo.bootstrap.Tooltip": {
+   "props": [],
+   "events": [],
+   "methods": [
+    {
+     "name": "currentEl",
+     "sig": "()",
+     "type": "function",
+     "desc": ""
+    }
+   ]
+  },
+  "Roo.bootstrap.TriggerField": {
+   "props": [
+    {
+     "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": "caret",
+     "type": "String",
+     "desc": "a fontawesome for the trigger icon see http://fortawesome.github.io/Font-Awesome/icons/",
+     "memberOf": "",
+     "optvals": [
+      "search",
+      "calendar"
+     ]
+    },
+    {
+     "name": "hideTrigger",
+     "type": "Boolean",
+     "desc": "True to hide the trigger element and display only the base text field (defaults to false)",
+     "memberOf": ""
+    },
+    {
+     "name": "removable",
+     "type": "Boolean",
+     "desc": "special filter default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "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": "inputType",
+     "type": "String",
+     "desc": "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
+     "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": "before",
+     "type": "string",
+     "desc": "- input group add on before",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "after",
+     "type": "string",
+     "desc": "- input group add on after",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "size",
+     "type": "string",
+     "desc": "- (lg|sm) or leave empty..",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "xs",
+     "type": "Number",
+     "desc": "colspan out of 12 for mobile-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "sm",
+     "type": "Number",
+     "desc": "colspan out of 12 for tablet-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "md",
+     "type": "Number",
+     "desc": "colspan out of 12 for computer-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "lg",
+     "type": "Number",
+     "desc": "colspan out of 12 for large computer-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "value",
+     "type": "string",
+     "desc": "default value of the input",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelWidth",
+     "type": "Number",
+     "desc": "set the width of label (0-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelAlign",
+     "type": "String",
+     "desc": "",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "top",
+      "left"
+     ]
+    },
+    {
+     "name": "readOnly",
+     "type": "Boolean",
+     "desc": "Specifies that the field should be read-only",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "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": "align",
+     "type": "String",
+     "desc": "Default left",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "left",
+      "center",
+      "right"
+     ]
+    },
+    {
+     "name": "forceFeedback",
+     "type": "Boolean",
+     "desc": "Default false",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "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": "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": "focusClass",
+     "type": "String",
+     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "invalidClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "validClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field valid (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "hasFeedback",
+     "type": "Boolean",
+     "desc": "default true",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "invalidFeedbackIcon",
+     "type": "String",
+     "desc": "The CSS class to use when create feedback icon (defaults to \"x-form-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": "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": "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": "vtype",
+     "type": "String",
+     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "disableKeyFilter",
+     "type": "Boolean",
+     "desc": "True to disable input keystroke filtering (defaults to false)",
+     "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": "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": "minLength",
+     "type": "Number",
+     "desc": "Minimum input field length required (defaults to 0)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "maxLength",
+     "type": "Number",
+     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+     "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": "destroy",
-     "sig": "()",
-     "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}."
+     "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": "disable",
-     "sig": "()",
-     "type": "function",
-     "desc": "Disable this 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": "enable",
-     "sig": "()",
-     "type": "function",
-     "desc": "Enable this 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": "fireEvent",
-     "sig": "(String eventName, Object... args)",
-     "type": "function",
-     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+     "name": "regexText",
+     "type": "String",
+     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "focus",
-     "sig": "(Boolean selectText)",
-     "type": "function",
-     "desc": "Try to focus this component."
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "getChildContainer",
-     "sig": "()",
-     "type": "function",
-     "desc": "Fetch the element to add children to"
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "getEl",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns the underlying {@link Roo.Element}."
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "getId",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns the id of this component."
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "getName",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns the name of the field"
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "getRawValue",
-     "sig": "()",
-     "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}."
+     "name": "tooltip",
+     "type": "string",
+     "desc": "Text for the tooltip",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "getValue",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
+     "name": "container_method",
+     "type": "string",
+     "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "hasListener",
-     "sig": "(String eventName)",
-     "type": "function",
-     "desc": "Checks to see if this object has any listeners for a specified event"
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "hide",
-     "sig": "()",
-     "type": "function",
-     "desc": "Hide a component - adds 'hidden' class"
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "initEvents",
-     "sig": "()",
-     "type": "function",
-     "desc": "Initialize Events for the element"
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component",
+     "optvals": [
+      "display",
+      "visibility"
+     ]
     },
     {
-     "name": "inputEl",
-     "sig": "()",
-     "type": "function",
-     "desc": "return the real input element."
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "isVisible",
-     "sig": "()",
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Returns true if this component is visible."
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
     },
     {
-     "name": "markInvalid",
-     "sig": "(String msg)",
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Mark this field as invalid"
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
     {
-     "name": "markValid",
-     "sig": "()",
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Mark this field as valid"
+     "desc": "Fires before the component is rendered. Return false to stop the render."
     },
     {
-     "name": "on",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Appends an event handler to this element (shorthand for addListener)"
+     "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "purgeListeners",
-     "sig": "()",
+     "name": "blur",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Removes all listeners for this object"
+     "desc": "Fires when this field loses input focus."
     },
     {
-     "name": "releaseCapture",
-     "sig": "(Observable o)",
+     "name": "change",
+     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
      "type": "function",
-     "desc": "Removes <b>all</b> added captures from the Observable."
+     "desc": "Fires just before the field blurs if the field value has changed."
     },
     {
-     "name": "removeListener",
-     "sig": "(String eventName, Function handler, Object scope)",
+     "name": "childrenrendered",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Removes a listener"
+     "desc": "Fires when the children have been rendered.."
     },
     {
-     "name": "render",
-     "sig": "(String/HTMLElement/Element container)",
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "If this is a lazy rendering component, render it to its container element."
+     "desc": "Fires after the component is destroyed."
     },
     {
-     "name": "reset",
-     "sig": "()",
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Resets the current field value to the originally loaded value and clears any validation messages"
+     "desc": "Fires after the component is disabled."
     },
     {
-     "name": "setDisabled",
-     "sig": "(Boolean disabled)",
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Convenience function for setting disabled/enabled by boolean."
+     "desc": "Fires after the component is enabled."
     },
     {
-     "name": "setRawValue",
-     "sig": "(Mixed value)",
+     "name": "focus",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}."
+     "desc": "Fires when this field receives input focus."
     },
     {
-     "name": "setValue",
-     "sig": "(Mixed value)",
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}."
+     "desc": "Fires after the component is hidden."
     },
     {
-     "name": "setVisible",
-     "sig": "(Boolean visible)",
+     "name": "invalid",
+     "sig": "function (_self, msg)\n{\n\n}",
      "type": "function",
-     "desc": "Convenience function to hide or show this component by boolean."
+     "desc": "Fires after the field has been marked as invalid."
     },
     {
-     "name": "show",
-     "sig": "()",
+     "name": "keyup",
+     "sig": "function (_self, e)\n{\n\n}",
      "type": "function",
-     "desc": "Show a component - removes 'hidden' class"
+     "desc": "Fires after the key up"
     },
     {
-     "name": "tooltipEl",
-     "sig": "()",
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fetch the element to display the tooltip on."
+     "desc": "Fires after the component is rendered."
     },
     {
-     "name": "un",
-     "sig": "(String eventName, Function handler, Object scope)",
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Removes a listener (shorthand for removeListener)"
+     "desc": "Fires after the component is shown."
     },
     {
-     "name": "validate",
-     "sig": "()",
+     "name": "specialkey",
+     "sig": "function (_self, e)\n{\n\n}",
      "type": "function",
-     "desc": "Validates the field value"
+     "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."
     },
     {
-     "name": "validateValue",
-     "sig": "(Mixed value)",
+     "name": "valid",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails"
+     "desc": "Fires after the field has been validated with no errors."
     }
-   ]
-  },
-  "Roo.bootstrap.Tooltip": {
-   "props": [],
-   "events": [],
+   ],
    "methods": [
     {
-     "name": "currentEl",
-     "sig": "()",
-     "type": "function",
-     "desc": ""
-    }
-   ]
-  },
-  "Roo.bootstrap.TriggerField": {
-   "props": [
+     "name": "addEvents",
+     "sig": "(Object object)",
+     "type": "function",
+     "desc": "Used to define events on this Observable"
+    },
     {
-     "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": "addListener",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "type": "function",
+     "desc": "Appends an event handler to this component"
     },
     {
-     "name": "caret",
-     "type": "String",
-     "desc": "a fontawesome for the trigger icon see http://fortawesome.github.io/Font-Awesome/icons/",
-     "memberOf": "",
-     "optvals": [
-      "search",
-      "calendar"
-     ]
+     "name": "capture",
+     "sig": "(Observable o, Function fn, Object scope)",
+     "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."
     },
     {
-     "name": "hideTrigger",
-     "type": "Boolean",
-     "desc": "True to hide the trigger element and display only the base text field (defaults to false)",
-     "memberOf": ""
+     "name": "clearInvalid",
+     "sig": "()",
+     "type": "function",
+     "desc": "Clear any invalid styles/messages for this field"
     },
     {
-     "name": "removable",
-     "type": "Boolean",
-     "desc": "special filter default false",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "name": "destroy",
+     "sig": "()",
+     "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}."
     },
     {
-     "name": "disabled",
-     "type": "Boolean",
-     "desc": "is it disabled",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "disable",
+     "sig": "()",
+     "type": "function",
+     "desc": "Disable this component."
     },
     {
-     "name": "fieldLabel",
-     "type": "String",
-     "desc": "- the label associated",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "enable",
+     "sig": "()",
+     "type": "function",
+     "desc": "Enable this 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": "fireEvent",
+     "sig": "(String eventName, Object... args)",
+     "type": "function",
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
     },
     {
-     "name": "name",
-     "type": "String",
-     "desc": "name of the input",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "focus",
+     "sig": "(Boolean selectText)",
+     "type": "function",
+     "desc": "Try to focus this component."
     },
     {
-     "name": "placeholder",
-     "type": "string",
-     "desc": "- placeholder to put in text.",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "getChildContainer",
+     "sig": "()",
+     "type": "function",
+     "desc": "Fetch the element to add children to"
     },
     {
-     "name": "before",
-     "type": "string",
-     "desc": "- input group add on before",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "getEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the underlying {@link Roo.Element}."
     },
     {
-     "name": "after",
-     "type": "string",
-     "desc": "- input group add on after",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "getId",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the id of this component."
     },
     {
-     "name": "size",
-     "type": "string",
-     "desc": "- (lg|sm) or leave empty..",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "getName",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the name of the field"
     },
     {
-     "name": "xs",
-     "type": "Number",
-     "desc": "colspan out of 12 for mobile-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "getRawValue",
+     "sig": "()",
+     "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}."
     },
     {
-     "name": "sm",
-     "type": "Number",
-     "desc": "colspan out of 12 for tablet-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "getValue",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
     },
     {
-     "name": "md",
-     "type": "Number",
-     "desc": "colspan out of 12 for computer-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "hasListener",
+     "sig": "(String eventName)",
+     "type": "function",
+     "desc": "Checks to see if this object has any listeners for a specified event"
     },
     {
-     "name": "lg",
-     "type": "Number",
-     "desc": "colspan out of 12 for large computer-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "hide",
+     "sig": "()",
+     "type": "function",
+     "desc": "Hide a component - adds 'hidden' class"
     },
     {
-     "name": "value",
-     "type": "string",
-     "desc": "default value of the input",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "initEvents",
+     "sig": "()",
+     "type": "function",
+     "desc": "Initialize Events for the element"
     },
     {
-     "name": "labelWidth",
-     "type": "Number",
-     "desc": "set the width of label (0-12)",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "inputEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "return the real input element."
     },
     {
-     "name": "labelAlign",
-     "type": "String",
-     "desc": "",
-     "memberOf": "Roo.bootstrap.Input",
-     "optvals": [
-      "top",
-      "left"
-     ]
+     "name": "isVisible",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if this component is visible."
     },
     {
-     "name": "readOnly",
-     "type": "Boolean",
-     "desc": "Specifies that the field should be read-only",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "markInvalid",
+     "sig": "(String msg)",
+     "type": "function",
+     "desc": "Mark this field as invalid"
     },
     {
-     "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": "markValid",
+     "sig": "()",
+     "type": "function",
+     "desc": "Mark this field as valid"
     },
     {
-     "name": "align",
-     "type": "String",
-     "desc": "Default left",
-     "memberOf": "Roo.bootstrap.Input",
-     "optvals": [
-      "left",
-      "center",
-      "right"
-     ]
+     "name": "on",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "type": "function",
+     "desc": "Appends an event handler to this element (shorthand for addListener)"
     },
     {
-     "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": "onTriggerClick",
+     "sig": "(EventObject e)",
+     "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."
     },
     {
-     "name": "validateOnBlur",
-     "type": "Boolean",
-     "desc": "Whether the field should validate when it loses focus (defaults to true).",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "purgeListeners",
+     "sig": "()",
+     "type": "function",
+     "desc": "Removes all listeners for this object"
     },
     {
-     "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": "releaseCapture",
+     "sig": "(Observable o)",
+     "type": "function",
+     "desc": "Removes <b>all</b> added captures from the Observable."
     },
     {
-     "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": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener"
     },
     {
-     "name": "invalidClass",
-     "type": "String",
-     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "render",
+     "sig": "(String/HTMLElement/Element container)",
+     "type": "function",
+     "desc": "If this is a lazy rendering component, render it to its container element."
     },
     {
-     "name": "validClass",
-     "type": "String",
-     "desc": "The CSS class to use when marking a field valid (defaults to \"x-form-invalid\")",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "reset",
+     "sig": "()",
+     "type": "function",
+     "desc": "Resets the current field value to the originally loaded value and clears any validation messages"
     },
     {
-     "name": "hasFeedback",
-     "type": "Boolean",
-     "desc": "default true",
-     "memberOf": "Roo.bootstrap.Input",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "name": "setDisabled",
+     "sig": "(Boolean disabled)",
+     "type": "function",
+     "desc": "Convenience function for setting disabled/enabled by boolean."
     },
     {
-     "name": "invalidFeedbackIcon",
-     "type": "String",
-     "desc": "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "setRawValue",
+     "sig": "(Mixed value)",
+     "type": "function",
+     "desc": "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}."
     },
     {
-     "name": "validFeedbackIcon",
-     "type": "String",
-     "desc": "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "setValue",
+     "sig": "(Mixed value)",
+     "type": "function",
+     "desc": "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}."
     },
     {
-     "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": "setVisible",
+     "sig": "(Boolean visible)",
+     "type": "function",
+     "desc": "Convenience function to hide or show this component by boolean."
     },
     {
-     "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": "show",
+     "sig": "()",
+     "type": "function",
+     "desc": "Show a component - removes 'hidden' class"
     },
     {
-     "name": "vtype",
-     "type": "String",
-     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "tooltipEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Fetch the element to display the tooltip on."
     },
     {
-     "name": "disableKeyFilter",
-     "type": "Boolean",
-     "desc": "True to disable input keystroke filtering (defaults to false)",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener (shorthand for removeListener)"
     },
     {
-     "name": "allowBlank",
-     "type": "Boolean",
-     "desc": "False to validate that the value length > 0 (defaults to true)",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "validate",
+     "sig": "()",
+     "type": "function",
+     "desc": "Validates the field value"
     },
     {
-     "name": "blankText",
+     "name": "validateValue",
+     "sig": "(Mixed value)",
+     "type": "function",
+     "desc": "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails"
+    }
+   ]
+  },
+  "Roo.bootstrap.UploadCropbox": {
+   "props": [
+    {
+     "name": "emptyText",
      "type": "String",
-     "desc": "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "show when image has been loaded",
+     "memberOf": ""
     },
     {
-     "name": "minLength",
-     "type": "Number",
-     "desc": "Minimum input field length required (defaults to 0)",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "rotateNotify",
+     "type": "String",
+     "desc": "show when image too small to rotate",
+     "memberOf": ""
     },
     {
-     "name": "maxLength",
+     "name": "errorTimeout",
      "type": "Number",
-     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-     "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 3000",
+     "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": "minWidth",
+     "type": "Number",
+     "desc": "default 300",
+     "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": "minHeight",
+     "type": "Number",
+     "desc": "default 300",
+     "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": "Roo.bootstrap.Input"
+     "name": "buttons",
+     "type": "Array",
+     "desc": "default ['rotateLeft', 'pictureBtn', 'rotateRight']",
+     "memberOf": ""
     },
     {
-     "name": "regexText",
-     "type": "String",
-     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "isDocument",
+     "type": "Boolean",
+     "desc": "default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
     },
     {
      "name": "cls",
      "desc": "cutomer id",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
+    },
     {
      "name": "tooltip",
      "type": "string",
      "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
     {
-     "name": "beforerender",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "beforeloadcanvas",
+     "sig": "function (_self, src)\n{\n\n}",
      "type": "function",
-     "desc": "Fires before the component is rendered. Return false to stop the render."
+     "desc": "Fire before load the canvas"
     },
     {
-     "name": "beforeshow",
+     "name": "beforerender",
      "sig": "function (_self)\n{\n\n}",
      "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."
     },
     {
-     "name": "blur",
+     "name": "beforeselectfile",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when this field loses input focus."
+     "desc": "Fire before select file"
     },
     {
-     "name": "change",
-     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires just before the field blurs if the field value has changed."
+     "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
      "name": "childrenrendered",
      "type": "function",
      "desc": "Fires when the children have been rendered.."
     },
+    {
+     "name": "crop",
+     "sig": "function (_self, data)\n{\n\n}",
+     "type": "function",
+     "desc": "Fire after initEvent"
+    },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is disabled."
     },
+    {
+     "name": "download",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fire when download the image"
+    },
     {
      "name": "enable",
      "sig": "function (_self)\n{\n\n}",
      "desc": "Fires after the component is enabled."
     },
     {
-     "name": "focus",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "exception",
+     "sig": "function (_self, options)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when this field receives input focus."
+     "desc": "Fire when get exception"
+    },
+    {
+     "name": "footerbuttonclick",
+     "sig": "function (_self, type)\n{\n\n}",
+     "type": "function",
+     "desc": "Fire when footerbuttonclick"
     },
     {
      "name": "hide",
      "desc": "Fires after the component is hidden."
     },
     {
-     "name": "invalid",
-     "sig": "function (_self, msg)\n{\n\n}",
+     "name": "initial",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the field has been marked as invalid."
+     "desc": "Fire after initEvent"
     },
     {
-     "name": "keyup",
-     "sig": "function (_self, e)\n{\n\n}",
+     "name": "prepare",
+     "sig": "function (_self, file)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the key up"
+     "desc": "Fire when preparing the file data"
     },
     {
      "name": "render",
      "desc": "Fires after the component is rendered."
     },
     {
-     "name": "show",
+     "name": "resize",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the component is shown."
+     "desc": "Fire when resize"
     },
     {
-     "name": "specialkey",
-     "sig": "function (_self, e)\n{\n\n}",
+     "name": "rotate",
+     "sig": "function (_self, pos)\n{\n\n}",
      "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."
+     "desc": "Fire when rotate the image"
     },
     {
-     "name": "valid",
+     "name": "show",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the field has been validated with no errors."
+     "desc": "Fires after the component is shown."
+    },
+    {
+     "name": "trash",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fire when trash image"
     }
    ],
    "methods": [
      "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."
     },
-    {
-     "name": "clearInvalid",
-     "sig": "()",
-     "type": "function",
-     "desc": "Clear any invalid styles/messages for this field"
-    },
     {
      "name": "destroy",
      "sig": "()",
      "type": "function",
      "desc": "Returns the id of this component."
     },
-    {
-     "name": "getName",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns the name of the field"
-    },
-    {
-     "name": "getRawValue",
-     "sig": "()",
-     "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}."
-    },
-    {
-     "name": "getValue",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
-    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "type": "function",
      "desc": "Initialize Events for the element"
     },
-    {
-     "name": "inputEl",
-     "sig": "()",
-     "type": "function",
-     "desc": "return the real input element."
-    },
     {
      "name": "isVisible",
      "sig": "()",
      "type": "function",
      "desc": "Returns true if this component is visible."
     },
-    {
-     "name": "markInvalid",
-     "sig": "(String msg)",
-     "type": "function",
-     "desc": "Mark this field as invalid"
-    },
-    {
-     "name": "markValid",
-     "sig": "()",
-     "type": "function",
-     "desc": "Mark this field as valid"
-    },
     {
      "name": "on",
      "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
      "desc": "Appends an event handler to this element (shorthand for addListener)"
     },
-    {
-     "name": "onTriggerClick",
-     "sig": "(EventObject e)",
-     "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."
-    },
     {
      "name": "purgeListeners",
      "sig": "()",
      "type": "function",
      "desc": "If this is a lazy rendering component, render it to its container element."
     },
-    {
-     "name": "reset",
-     "sig": "()",
-     "type": "function",
-     "desc": "Resets the current field value to the originally loaded value and clears any validation messages"
-    },
     {
      "name": "setDisabled",
      "sig": "(Boolean disabled)",
      "type": "function",
      "desc": "Convenience function for setting disabled/enabled by boolean."
     },
-    {
-     "name": "setRawValue",
-     "sig": "(Mixed value)",
-     "type": "function",
-     "desc": "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}."
-    },
-    {
-     "name": "setValue",
-     "sig": "(Mixed value)",
-     "type": "function",
-     "desc": "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}."
-    },
     {
      "name": "setVisible",
      "sig": "(Boolean visible)",
      "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
      "desc": "Removes a listener (shorthand for removeListener)"
-    },
-    {
-     "name": "validate",
-     "sig": "()",
-     "type": "function",
-     "desc": "Validates the field value"
-    },
-    {
-     "name": "validateValue",
-     "sig": "(Mixed value)",
-     "type": "function",
-     "desc": "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails"
     }
    ]
   },