docs/default.css
[roojs1] / docs / json / roodata.json
index b429774..652f6a0 100644 (file)
      "type": "function",
      "desc": "Returns true if the passed value is null, undefined or an empty string (optional)."
     },
-    {
-     "name": "log",
-     "sig": "(String|Object string)",
-     "type": "function",
-     "desc": "Logs to console if it can."
-    },
     {
      "name": "namespace",
      "sig": "(String namespace1, String namespace2, String etc)",
     }
    ],
    "events": [
+    {
+     "name": "beforecollapse",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this region before collapse."
+    },
     {
      "name": "beforeremove",
      "sig": "function (_self, panel, e)\n{\n\n}",
     }
    ]
   },
+  "Roo.Document": {
+   "props": [
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [],
+   "methods": [
+    {
+     "name": "addEvents",
+     "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": "fireEvent",
+     "sig": "(String eventName, Object... args)",
+     "type": "function",
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+    },
+    {
+     "name": "hasListener",
+     "sig": "(String eventName)",
+     "type": "function",
+     "desc": "Checks to see if this object has any listeners for a specified event"
+    },
+    {
+     "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": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener (shorthand for removeListener)"
+    }
+   ]
+  },
   "Roo.DomHelper": {
    "props": [],
    "events": [],
      "type": "function",
      "desc": "Looks at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:first-child)"
     },
+    {
+     "name": "findScrollableParent",
+     "sig": "()",
+     "type": "function",
+     "desc": "Looks at  the scrollable parent element"
+    },
     {
      "name": "fitToParent",
      "sig": "(Boolean monitorResize, String/HTMLElment/Element targetParent)",
      "type": "function",
      "desc": "Looks at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:first-child)"
     },
+    {
+     "name": "findScrollableParent",
+     "sig": "()",
+     "type": "function",
+     "desc": "Looks at  the scrollable parent element"
+    },
     {
      "name": "fitToParent",
      "sig": "(Boolean monitorResize, String/HTMLElment/Element targetParent)",
     }
    ],
    "events": [
+    {
+     "name": "beforecollapse",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this region before collapse."
+    },
     {
      "name": "beforeremove",
      "sig": "function (_self, panel, e)\n{\n\n}",
     }
    ],
    "events": [
+    {
+     "name": "beforecollapse",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this region before collapse."
+    },
     {
      "name": "beforeremove",
      "sig": "function (_self, panel, e)\n{\n\n}",
     }
    ]
   },
-  "Roo.bootstrap.Button": {
+  "Roo.bootstrap.Brick": {
    "props": [
     {
-     "name": "html",
-     "type": "String",
-     "desc": "The button content",
-     "memberOf": ""
-    },
-    {
-     "name": "weight",
-     "type": "String",
-     "desc": "default",
-     "memberOf": "",
-     "optvals": [
-      "primary",
-      "success",
-      "info",
-      "warning",
-      "danger",
-      "link"
-     ]
-    },
-    {
-     "name": "size",
-     "type": "String",
-     "desc": "",
-     "memberOf": "",
-     "optvals": [
-      "lg",
-      "sm",
-      "xs"
-     ]
-    },
-    {
-     "name": "tag",
+     "name": "title",
      "type": "String",
      "desc": "",
-     "memberOf": "",
-     "optvals": [
-      "a",
-      "input",
-      "submit"
-     ]
-    },
-    {
-     "name": "href",
-     "type": "String",
-     "desc": "empty or href",
-     "memberOf": ""
-    },
-    {
-     "name": "disabled",
-     "type": "Boolean",
-     "desc": "default false;",
-     "memberOf": ""
-    },
-    {
-     "name": "isClose",
-     "type": "Boolean",
-     "desc": "default false;",
      "memberOf": ""
     },
     {
-     "name": "glyphicon",
+     "name": "html",
      "type": "String",
      "desc": "",
-     "memberOf": "",
-     "optvals": [
-      "",
-      "adjust",
-      "align-center",
-      "align-justify",
-      "align-left",
-      "align-right",
-      "arrow-down",
-      "arrow-left",
-      "arrow-right",
-      "arrow-up",
-      "asterisk",
-      "backward",
-      "ban-circle",
-      "barcode",
-      "bell",
-      "bold",
-      "book",
-      "bookmark",
-      "briefcase",
-      "bullhorn",
-      "calendar",
-      "camera",
-      "certificate",
-      "check",
-      "chevron-down",
-      "chevron-left",
-      "chevron-right",
-      "chevron-up",
-      "circle-arrow-down",
-      "circle-arrow-left",
-      "circle-arrow-right",
-      "circle-arrow-up",
-      "cloud",
-      "cloud-download",
-      "cloud-upload",
-      "cog",
-      "collapse-down",
-      "collapse-up",
-      "comment",
-      "compressed",
-      "copyright-mark",
-      "credit-card",
-      "cutlery",
-      "dashboard",
-      "download",
-      "download-alt",
-      "earphone",
-      "edit",
-      "eject",
-      "envelope",
-      "euro",
-      "exclamation-sign",
-      "expand",
-      "export",
-      "eye-close",
-      "eye-open",
-      "facetime-video",
-      "fast-backward",
-      "fast-forward",
-      "file",
-      "film",
-      "filter",
-      "fire",
-      "flag",
-      "flash",
-      "floppy-disk",
-      "floppy-open",
-      "floppy-remove",
-      "floppy-save",
-      "floppy-saved",
-      "folder-close",
-      "folder-open",
-      "font",
-      "forward",
-      "fullscreen",
-      "gbp",
-      "gift",
-      "glass",
-      "globe",
-      "hand-down",
-      "hand-left",
-      "hand-right",
-      "hand-up",
-      "hd-video",
-      "hdd",
-      "header",
-      "headphones",
-      "heart",
-      "heart-empty",
-      "home",
-      "import",
-      "inbox",
-      "indent-left",
-      "indent-right",
-      "info-sign",
-      "italic",
-      "leaf",
-      "link",
-      "list",
-      "list-alt",
-      "lock",
-      "log-in",
-      "log-out",
-      "magnet",
-      "map-marker",
-      "minus",
-      "minus-sign",
-      "move",
-      "music",
-      "new-window",
-      "off",
-      "ok",
-      "ok-circle",
-      "ok-sign",
-      "open",
-      "paperclip",
-      "pause",
-      "pencil",
-      "phone",
-      "phone-alt",
-      "picture",
-      "plane",
-      "play",
-      "play-circle",
-      "plus",
-      "plus-sign",
-      "print",
-      "pushpin",
-      "qrcode",
-      "question-sign",
-      "random",
-      "record",
-      "refresh",
-      "registration-mark",
-      "remove",
-      "remove-circle",
-      "remove-sign",
-      "repeat",
-      "resize-full",
-      "resize-horizontal",
-      "resize-small",
-      "resize-vertical",
-      "retweet",
-      "road",
-      "save",
-      "saved",
-      "screenshot",
-      "sd-video",
-      "search",
-      "send",
-      "share",
-      "share-alt",
-      "shopping-cart",
-      "signal",
-      "sort",
-      "sort-by-alphabet",
-      "sort-by-alphabet-alt",
-      "sort-by-attributes",
-      "sort-by-attributes-alt",
-      "sort-by-order",
-      "sort-by-order-alt",
-      "sound-5-1",
-      "sound-6-1",
-      "sound-7-1",
-      "sound-dolby",
-      "sound-stereo",
-      "star",
-      "star-empty",
-      "stats",
-      "step-backward",
-      "step-forward",
-      "stop",
-      "subtitles",
-      "tag",
-      "tags",
-      "tasks",
-      "text-height",
-      "text-width",
-      "th",
-      "th-large",
-      "th-list",
-      "thumbs-down",
-      "thumbs-up",
-      "time",
-      "tint",
-      "tower",
-      "transfer",
-      "trash",
-      "tree-conifer",
-      "tree-deciduous",
-      "unchecked",
-      "upload",
-      "usd",
-      "user",
-      "volume-down",
-      "volume-off",
-      "volume-up",
-      "warning-sign",
-      "wrench",
-      "zoom-in",
-      "zoom-out"
-     ]
-    },
-    {
-     "name": "badge",
-     "type": "String",
-     "desc": "text for badge",
      "memberOf": ""
     },
     {
-     "name": "theme",
+     "name": "bgimage",
      "type": "String",
-     "desc": "default",
-     "memberOf": ""
-    },
-    {
-     "name": "inverse",
-     "type": "Boolean",
      "desc": "",
      "memberOf": ""
     },
     {
-     "name": "toggle",
-     "type": "Boolean",
+     "name": "cls",
+     "type": "String",
      "desc": "",
      "memberOf": ""
     },
     {
-     "name": "ontext",
+     "name": "href",
      "type": "String",
-     "desc": "text for on toggle state",
+     "desc": "",
      "memberOf": ""
     },
     {
-     "name": "offtext",
+     "name": "video",
      "type": "String",
-     "desc": "text for off toggle state",
-     "memberOf": ""
-    },
-    {
-     "name": "defaulton",
-     "type": "Boolean",
      "desc": "",
      "memberOf": ""
     },
     {
-     "name": "preventDefault",
+     "name": "square",
      "type": "Boolean",
-     "desc": "default true",
-     "memberOf": ""
-    },
-    {
-     "name": "removeClass",
-     "type": "Boolean",
-     "desc": "remove the standard class..",
-     "memberOf": ""
-    },
-    {
-     "name": "target",
-     "type": "String",
-     "desc": "target for a href. (_self|_blank|_parent|_top| other)",
+     "desc": "",
      "memberOf": ""
     },
-    {
-     "name": "cls",
-     "type": "String",
-     "desc": "css class",
-     "memberOf": "Roo.bootstrap.Component"
-    },
     {
      "name": "style",
      "type": "String",
      "name": "click",
      "sig": "function (_self, e)\n{\n\n}",
      "type": "function",
-     "desc": "When a butotn is pressed"
+     "desc": "When a Brick is click"
     },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is shown."
-    },
-    {
-     "name": "toggle",
-     "sig": "function (e, pressed)\n{\n\n}",
-     "type": "function",
-     "desc": "After the button has been toggles"
     }
    ],
    "methods": [
      "name": "disable",
      "sig": "()",
      "type": "function",
-     "desc": "Disable this button"
+     "desc": "Disable this component."
     },
     {
      "name": "enable",
      "sig": "()",
      "type": "function",
-     "desc": "Enables this button"
+     "desc": "Enable this component."
     },
     {
      "name": "fireEvent",
      "type": "function",
      "desc": "If this is a lazy rendering component, render it to its container element."
     },
-    {
-     "name": "setActive",
-     "sig": "(Boolean state)",
-     "type": "function",
-     "desc": "sets the active state on/off,"
-    },
     {
      "name": "setDisabled",
      "sig": "(Boolean disabled)",
      "type": "function",
      "desc": "Show a component - removes 'hidden' class"
     },
-    {
-     "name": "toggleActive",
-     "sig": "()",
-     "type": "function",
-     "desc": "toggles the current active state"
-    },
     {
      "name": "tooltipEl",
      "sig": "()",
     }
    ]
   },
-  "Roo.bootstrap.ButtonGroup": {
+  "Roo.bootstrap.Button": {
    "props": [
+    {
+     "name": "html",
+     "type": "String",
+     "desc": "The button content",
+     "memberOf": ""
+    },
+    {
+     "name": "weight",
+     "type": "String",
+     "desc": "default",
+     "memberOf": "",
+     "optvals": [
+      "default",
+      "primary",
+      "success",
+      "info",
+      "warning",
+      "danger",
+      "link"
+     ]
+    },
     {
      "name": "size",
      "type": "String",
-     "desc": "lg | sm | xs (default empty normal)",
+     "desc": "",
+     "memberOf": "",
+     "optvals": [
+      "lg",
+      "sm",
+      "xs"
+     ]
+    },
+    {
+     "name": "tag",
+     "type": "String",
+     "desc": "",
+     "memberOf": "",
+     "optvals": [
+      "a",
+      "input",
+      "submit"
+     ]
+    },
+    {
+     "name": "href",
+     "type": "String",
+     "desc": "empty or href",
      "memberOf": ""
     },
     {
-     "name": "align",
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "default false;",
+     "memberOf": ""
+    },
+    {
+     "name": "isClose",
+     "type": "Boolean",
+     "desc": "default false;",
+     "memberOf": ""
+    },
+    {
+     "name": "glyphicon",
      "type": "String",
-     "desc": "vertical | justified  (default none)",
+     "desc": "",
+     "memberOf": "",
+     "optvals": [
+      "",
+      "adjust",
+      "align-center",
+      "align-justify",
+      "align-left",
+      "align-right",
+      "arrow-down",
+      "arrow-left",
+      "arrow-right",
+      "arrow-up",
+      "asterisk",
+      "backward",
+      "ban-circle",
+      "barcode",
+      "bell",
+      "bold",
+      "book",
+      "bookmark",
+      "briefcase",
+      "bullhorn",
+      "calendar",
+      "camera",
+      "certificate",
+      "check",
+      "chevron-down",
+      "chevron-left",
+      "chevron-right",
+      "chevron-up",
+      "circle-arrow-down",
+      "circle-arrow-left",
+      "circle-arrow-right",
+      "circle-arrow-up",
+      "cloud",
+      "cloud-download",
+      "cloud-upload",
+      "cog",
+      "collapse-down",
+      "collapse-up",
+      "comment",
+      "compressed",
+      "copyright-mark",
+      "credit-card",
+      "cutlery",
+      "dashboard",
+      "download",
+      "download-alt",
+      "earphone",
+      "edit",
+      "eject",
+      "envelope",
+      "euro",
+      "exclamation-sign",
+      "expand",
+      "export",
+      "eye-close",
+      "eye-open",
+      "facetime-video",
+      "fast-backward",
+      "fast-forward",
+      "file",
+      "film",
+      "filter",
+      "fire",
+      "flag",
+      "flash",
+      "floppy-disk",
+      "floppy-open",
+      "floppy-remove",
+      "floppy-save",
+      "floppy-saved",
+      "folder-close",
+      "folder-open",
+      "font",
+      "forward",
+      "fullscreen",
+      "gbp",
+      "gift",
+      "glass",
+      "globe",
+      "hand-down",
+      "hand-left",
+      "hand-right",
+      "hand-up",
+      "hd-video",
+      "hdd",
+      "header",
+      "headphones",
+      "heart",
+      "heart-empty",
+      "home",
+      "import",
+      "inbox",
+      "indent-left",
+      "indent-right",
+      "info-sign",
+      "italic",
+      "leaf",
+      "link",
+      "list",
+      "list-alt",
+      "lock",
+      "log-in",
+      "log-out",
+      "magnet",
+      "map-marker",
+      "minus",
+      "minus-sign",
+      "move",
+      "music",
+      "new-window",
+      "off",
+      "ok",
+      "ok-circle",
+      "ok-sign",
+      "open",
+      "paperclip",
+      "pause",
+      "pencil",
+      "phone",
+      "phone-alt",
+      "picture",
+      "plane",
+      "play",
+      "play-circle",
+      "plus",
+      "plus-sign",
+      "print",
+      "pushpin",
+      "qrcode",
+      "question-sign",
+      "random",
+      "record",
+      "refresh",
+      "registration-mark",
+      "remove",
+      "remove-circle",
+      "remove-sign",
+      "repeat",
+      "resize-full",
+      "resize-horizontal",
+      "resize-small",
+      "resize-vertical",
+      "retweet",
+      "road",
+      "save",
+      "saved",
+      "screenshot",
+      "sd-video",
+      "search",
+      "send",
+      "share",
+      "share-alt",
+      "shopping-cart",
+      "signal",
+      "sort",
+      "sort-by-alphabet",
+      "sort-by-alphabet-alt",
+      "sort-by-attributes",
+      "sort-by-attributes-alt",
+      "sort-by-order",
+      "sort-by-order-alt",
+      "sound-5-1",
+      "sound-6-1",
+      "sound-7-1",
+      "sound-dolby",
+      "sound-stereo",
+      "star",
+      "star-empty",
+      "stats",
+      "step-backward",
+      "step-forward",
+      "stop",
+      "subtitles",
+      "tag",
+      "tags",
+      "tasks",
+      "text-height",
+      "text-width",
+      "th",
+      "th-large",
+      "th-list",
+      "thumbs-down",
+      "thumbs-up",
+      "time",
+      "tint",
+      "tower",
+      "transfer",
+      "trash",
+      "tree-conifer",
+      "tree-deciduous",
+      "unchecked",
+      "upload",
+      "usd",
+      "user",
+      "volume-down",
+      "volume-off",
+      "volume-up",
+      "warning-sign",
+      "wrench",
+      "zoom-in",
+      "zoom-out"
+     ]
+    },
+    {
+     "name": "badge",
+     "type": "String",
+     "desc": "text for badge",
      "memberOf": ""
     },
     {
-     "name": "direction",
+     "name": "theme",
      "type": "String",
-     "desc": "up | down (default down)",
+     "desc": "default",
      "memberOf": ""
     },
     {
-     "name": "toolbar",
+     "name": "inverse",
      "type": "Boolean",
-     "desc": "false | true",
+     "desc": "",
      "memberOf": ""
     },
     {
-     "name": "btn",
+     "name": "toggle",
      "type": "Boolean",
-     "desc": "true | false",
+     "desc": "",
+     "memberOf": ""
+    },
+    {
+     "name": "ontext",
+     "type": "String",
+     "desc": "text for on toggle state",
+     "memberOf": ""
+    },
+    {
+     "name": "offtext",
+     "type": "String",
+     "desc": "text for off toggle state",
+     "memberOf": ""
+    },
+    {
+     "name": "defaulton",
+     "type": "Boolean",
+     "desc": "",
+     "memberOf": ""
+    },
+    {
+     "name": "preventDefault",
+     "type": "Boolean",
+     "desc": "default true",
+     "memberOf": ""
+    },
+    {
+     "name": "removeClass",
+     "type": "Boolean",
+     "desc": "remove the standard class..",
+     "memberOf": ""
+    },
+    {
+     "name": "target",
+     "type": "String",
+     "desc": "target for a href. (_self|_blank|_parent|_top| other)",
      "memberOf": ""
     },
     {
      "type": "function",
      "desc": "Fires when the children have been rendered.."
     },
+    {
+     "name": "click",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "When a butotn is pressed"
+    },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is shown."
+    },
+    {
+     "name": "toggle",
+     "sig": "function (e, pressed)\n{\n\n}",
+     "type": "function",
+     "desc": "After the button has been toggles"
     }
    ],
    "methods": [
      "name": "disable",
      "sig": "()",
      "type": "function",
-     "desc": "Disable this component."
+     "desc": "Disable this button"
     },
     {
      "name": "enable",
      "sig": "()",
      "type": "function",
-     "desc": "Enable this component."
+     "desc": "Enables this button"
     },
     {
      "name": "fireEvent",
      "type": "function",
      "desc": "If this is a lazy rendering component, render it to its container element."
     },
+    {
+     "name": "setActive",
+     "sig": "(Boolean state)",
+     "type": "function",
+     "desc": "sets the active state on/off,"
+    },
     {
      "name": "setDisabled",
      "sig": "(Boolean disabled)",
      "type": "function",
      "desc": "Show a component - removes 'hidden' class"
     },
+    {
+     "name": "toggleActive",
+     "sig": "()",
+     "type": "function",
+     "desc": "toggles the current active state"
+    },
     {
      "name": "tooltipEl",
      "sig": "()",
     }
    ]
   },
-  "Roo.bootstrap.Calendar": {
+  "Roo.bootstrap.ButtonGroup": {
    "props": [
     {
-     "name": "loadMask",
-     "type": "Boolean",
-     "desc": "default false",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "name": "size",
+     "type": "String",
+     "desc": "lg | sm | xs (default empty normal)",
+     "memberOf": ""
     },
     {
-     "name": "header",
-     "type": "Object",
-     "desc": "generate the user specific header of the calendar, default false",
+     "name": "align",
+     "type": "String",
+     "desc": "vertical | justified  (default none)",
      "memberOf": ""
     },
     {
-     "name": "startDay",
-     "type": "Number",
-     "desc": "Day index at which the week should begin, 0-based (defaults to 0, which is Sunday)",
+     "name": "direction",
+     "type": "String",
+     "desc": "up | down (default down)",
+     "memberOf": ""
+    },
+    {
+     "name": "toolbar",
+     "type": "Boolean",
+     "desc": "false | true",
+     "memberOf": ""
+    },
+    {
+     "name": "btn",
+     "type": "Boolean",
+     "desc": "true | false",
      "memberOf": ""
     },
     {
      "type": "function",
      "desc": "Fires after the component is enabled."
     },
-    {
-     "name": "eventclick",
-     "sig": "function (_self, )\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the mouse click an"
-    },
-    {
-     "name": "evententer",
-     "sig": "function (_self, Event)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when mouse over an event"
-    },
-    {
-     "name": "eventleave",
-     "sig": "function (_self, )\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the mouse leaves an"
-    },
     {
      "name": "hide",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is hidden."
     },
-    {
-     "name": "monthchange",
-     "sig": "function (_self, date)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the displayed month changes"
-    },
     {
      "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 a date is selected"
-    },
+    {
+     "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": "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": "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": "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": "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.Calendar": {
+   "props": [
+    {
+     "name": "loadMask",
+     "type": "Boolean",
+     "desc": "default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "header",
+     "type": "Object",
+     "desc": "generate the user specific header of the calendar, default false",
+     "memberOf": ""
+    },
+    {
+     "name": "startDay",
+     "type": "Number",
+     "desc": "Day index at which the week should begin, 0-based (defaults to 0, which is Sunday)",
+     "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"
+    },
+    {
+     "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": "eventclick",
+     "sig": "function (_self, )\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the mouse click an"
+    },
+    {
+     "name": "evententer",
+     "sig": "function (_self, Event)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when mouse over an event"
+    },
+    {
+     "name": "eventleave",
+     "sig": "function (_self, )\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the mouse leaves an"
+    },
+    {
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
+    },
+    {
+     "name": "monthchange",
+     "sig": "function (_self, date)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the displayed month changes"
+    },
+    {
+     "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 a date is selected"
+    },
     {
      "name": "show",
      "sig": "function (_self)\n{\n\n}",
      "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": "name of the input",
      "memberOf": "Roo.bootstrap.Input"
     },
+    {
+     "name": "fieldLabel",
+     "type": "string",
+     "desc": "- the label associated",
+     "memberOf": "Roo.bootstrap.Input"
+    },
     {
      "name": "placeholder",
      "type": "string",
     {
      "name": "labelWidth",
      "type": "Number",
-     "desc": "set the width of label (0-12)",
+     "desc": "set the width of label",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labellg",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelmd",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelsm",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelxs",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
      "memberOf": "Roo.bootstrap.Input"
     },
     {
      "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": "indicatorpos",
+     "type": "String",
+     "desc": "default left",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "left",
+      "right"
+     ]
+    },
     {
      "name": "align",
      "type": "String",
      "desc": "only for touch device",
      "memberOf": ""
     },
+    {
+     "name": "triggerText",
+     "type": "String",
+     "desc": "multiple combobox trigger button text default 'Select'",
+     "memberOf": ""
+    },
     {
      "name": "lazyRender",
      "type": "Boolean",
      "desc": "The underlying data value name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'value' if mode = 'local'). \nNote: use of a valueField requires the user make a selection\nin order for a value to be mapped.",
      "memberOf": ""
     },
+    {
+     "name": "modalTitle",
+     "type": "String",
+     "desc": "The title of the dialog that pops up on mobile views.",
+     "memberOf": ""
+    },
     {
      "name": "hiddenName",
      "type": "String",
       "false"
      ]
     },
+    {
+     "name": "useNativeIOS",
+     "type": "Boolean",
+     "desc": "render it as classic select for ios, not support dynamic load data (default false)",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
     {
      "name": "triggerClass",
      "type": "String",
      "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": "name of the input",
      "memberOf": "Roo.bootstrap.Input"
     },
+    {
+     "name": "fieldLabel",
+     "type": "string",
+     "desc": "- the label associated",
+     "memberOf": "Roo.bootstrap.Input"
+    },
     {
      "name": "placeholder",
      "type": "string",
     {
      "name": "labelWidth",
      "type": "Number",
-     "desc": "set the width of label (0-12)",
+     "desc": "set the width of label",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labellg",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelmd",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelsm",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelxs",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
      "memberOf": "Roo.bootstrap.Input"
     },
     {
      "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": "indicatorpos",
+     "type": "String",
+     "desc": "default left",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "left",
+      "right"
+     ]
+    },
     {
      "name": "align",
      "type": "String",
      "type": "function",
      "desc": "Fires when the 'add' icon is pressed (add a listener to enable add button)"
     },
+    {
+     "name": "afterremove",
+     "sig": "function (combo)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the remove value from the combobox array"
+    },
     {
      "name": "beforedestroy",
      "sig": "function (_self)\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": "tick",
+     "sig": "function (combo)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when tick the element"
+    },
+    {
+     "name": "touchviewdisplay",
+     "sig": "function (combo, cfg)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when touch view require special display (default is using displayField)"
+    },
     {
      "name": "valid",
      "sig": "function (_self)\n{\n\n}",
     }
    ]
   },
-  "Roo.bootstrap.ComboBox2": {
+  "Roo.bootstrap.Component": {
    "props": [
     {
-     "name": "append",
-     "type": "Boolean",
-     "desc": "default false",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
-    },
-    {
-     "name": "autoFocus",
-     "type": "Boolean",
-     "desc": "auto focus the first item, default true",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": ""
     },
     {
-     "name": "tickable",
-     "type": "Boolean",
-     "desc": "ComboBox with tickable selections (true|false), default false",
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
      "memberOf": ""
     },
     {
-     "name": "btnPosition",
-     "type": "String",
-     "desc": "set the position of the trigger button (left | right) default right",
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
      "memberOf": ""
     },
     {
-     "name": "lazyRender",
+     "name": "can_build_overlaid",
      "type": "Boolean",
-     "desc": "True to prevent the ComboBox from rendering until requested (should always be used when\nrendering into an Roo.Editor, defaults to false)",
+     "desc": "True if element can be rebuild from a HTML page",
      "memberOf": ""
     },
     {
-     "name": "autoCreate",
-     "type": "Boolean/Object",
-     "desc": "A DomHelper element spec, or true for a default element spec (defaults to:\n{tag: \"input\", type: \"text\", size: \"24\", autocomplete: \"off\"})",
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
      "memberOf": ""
     },
     {
-     "name": "store",
-     "type": "Roo.data.Store",
-     "desc": "The data store to which this combo is bound (defaults to undefined)",
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
      "memberOf": ""
     },
     {
-     "name": "title",
-     "type": "String",
-     "desc": "If supplied, a header element is created containing this text and added into the top of\nthe dropdown list (defaults to undefined, with no header element)",
+     "name": "tooltip",
+     "type": "string",
+     "desc": "Text for the tooltip",
      "memberOf": ""
     },
     {
-     "name": "tpl",
-     "type": "String/Roo.Template",
-     "desc": "The template to use to render the output",
+     "name": "container_method",
+     "type": "string",
+     "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": ""
     },
     {
-     "name": "grow",
+     "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": "",
-     "memberOf": ""
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "growMin",
-     "type": "Number",
-     "desc": "",
-     "memberOf": ""
+     "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": "growMax",
-     "type": "Number",
-     "desc": "",
-     "memberOf": ""
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "listWidth",
-     "type": "Number",
-     "desc": "The width in pixels of the dropdown list (defaults to the width of the ComboBox field)",
-     "memberOf": ""
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for 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": "displayField",
-     "type": "String",
-     "desc": "The underlying data field name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'text' if mode = 'local')",
-     "memberOf": ""
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
     {
-     "name": "valueField",
-     "type": "String",
-     "desc": "The underlying data value name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'value' if mode = 'local'). \nNote: use of a valueField requires the user make a selection\nin order for a value to be mapped.",
-     "memberOf": ""
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
     },
     {
-     "name": "hiddenName",
-     "type": "String",
-     "desc": "If specified, a hidden form field with this name is dynamically generated to store the\nfield's data value (defaults to the underlying DOM element's name)",
-     "memberOf": ""
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "listClass",
-     "type": "String",
-     "desc": "CSS class to apply to the dropdown list element (defaults to '')",
-     "memberOf": ""
+     "name": "childrenrendered",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the children have been rendered.."
     },
     {
-     "name": "selectedClass",
-     "type": "String",
-     "desc": "CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')",
-     "memberOf": ""
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
     },
     {
-     "name": "shadow",
-     "type": "Boolean/String",
-     "desc": "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\" for bottom-right",
-     "memberOf": ""
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
     },
     {
-     "name": "listAlign",
-     "type": "String",
-     "desc": "A valid anchor position value. See {@link Roo.Element#alignTo} for details on supported\nanchor positions (defaults to 'tl-bl')",
-     "memberOf": ""
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
     },
     {
-     "name": "maxHeight",
-     "type": "Number",
-     "desc": "The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)",
-     "memberOf": ""
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
     },
     {
-     "name": "triggerAction",
-     "type": "String",
-     "desc": "The action to execute when the trigger field is activated.  Use 'all' to run the\nquery specified by the allQuery config option (defaults to 'query')",
-     "memberOf": ""
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
     },
     {
-     "name": "minChars",
-     "type": "Number",
-     "desc": "The minimum number of characters the user must type before autocomplete and typeahead activate\n(defaults to 4, does not apply if editable = false)",
-     "memberOf": ""
+     "name": "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": "typeAhead",
-     "type": "Boolean",
-     "desc": "True to populate and autoselect the remainder of the text being typed after a configurable\ndelay (typeAheadDelay) if it matches a known value (defaults to false)",
-     "memberOf": ""
+     "name": "addListener",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "type": "function",
+     "desc": "Appends an event handler to this component"
     },
     {
-     "name": "queryDelay",
-     "type": "Number",
-     "desc": "The length of time in milliseconds to delay between the start of typing and sending the\nquery to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local')",
-     "memberOf": ""
+     "name": "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": "pageSize",
-     "type": "Number",
-     "desc": "If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the\nfilter queries will execute with page start and limit parameters.  Only applies when mode = 'remote' (defaults to 0)",
-     "memberOf": ""
+     "name": "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": "selectOnFocus",
-     "type": "Boolean",
-     "desc": "True to select any existing text in the field immediately on focus.  Only applies\nwhen editable = true (defaults to false)",
-     "memberOf": ""
+     "name": "disable",
+     "sig": "()",
+     "type": "function",
+     "desc": "Disable this component."
     },
     {
-     "name": "queryParam",
-     "type": "String",
-     "desc": "Name of the query as it will be passed on the querystring (defaults to 'query')",
-     "memberOf": ""
+     "name": "enable",
+     "sig": "()",
+     "type": "function",
+     "desc": "Enable this component."
     },
     {
-     "name": "loadingText",
-     "type": "String",
-     "desc": "The text to display in the dropdown list while data is loading.  Only applies\nwhen mode = 'remote' (defaults to 'Loading...')",
-     "memberOf": ""
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
+     "type": "function",
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
     },
     {
-     "name": "resizable",
-     "type": "Boolean",
-     "desc": "True to add a resize handle to the bottom of the dropdown list (defaults to false)",
-     "memberOf": ""
+     "name": "focus",
+     "sig": "(Boolean selectText)",
+     "type": "function",
+     "desc": "Try to focus this component."
     },
     {
-     "name": "handleHeight",
-     "type": "Number",
-     "desc": "The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)",
-     "memberOf": ""
+     "name": "getChildContainer",
+     "sig": "()",
+     "type": "function",
+     "desc": "Fetch the element to add children to"
     },
     {
-     "name": "editable",
-     "type": "Boolean",
-     "desc": "False to prevent the user from typing text directly into the field, just like a\ntraditional select (defaults to true)",
-     "memberOf": ""
+     "name": "getEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the underlying {@link Roo.Element}."
     },
     {
-     "name": "allQuery",
-     "type": "String",
-     "desc": "The text query to send to the server to return all records for the list with no filtering (defaults to '')",
-     "memberOf": ""
+     "name": "getId",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the id of this component."
     },
     {
-     "name": "mode",
-     "type": "String",
-     "desc": "Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)",
-     "memberOf": ""
+     "name": "hasListener",
+     "sig": "(String eventName)",
+     "type": "function",
+     "desc": "Checks to see if this object has any listeners for a specified event"
     },
     {
-     "name": "minListWidth",
-     "type": "Number",
-     "desc": "The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if\nlistWidth has a higher value)",
-     "memberOf": ""
+     "name": "hide",
+     "sig": "()",
+     "type": "function",
+     "desc": "Hide a component - adds 'hidden' class"
     },
     {
-     "name": "forceSelection",
-     "type": "Boolean",
-     "desc": "True to restrict the selected value to one of the values in the list, false to\nallow the user to set arbitrary text into the field (defaults to false)",
-     "memberOf": ""
+     "name": "initEvents",
+     "sig": "()",
+     "type": "function",
+     "desc": "Initialize Events for the element"
     },
     {
-     "name": "typeAheadDelay",
-     "type": "Number",
-     "desc": "The length of time in milliseconds to wait until the typeahead text is displayed\nif typeAhead = true (defaults to 250)",
-     "memberOf": ""
+     "name": "isVisible",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if this component is visible."
     },
     {
-     "name": "valueNotFoundText",
-     "type": "String",
-     "desc": "When using a name/value combo, if the value passed to setValue is not found in\nthe store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined)",
-     "memberOf": ""
+     "name": "on",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "type": "function",
+     "desc": "Appends an event handler to this element (shorthand for addListener)"
     },
     {
-     "name": "blockFocus",
-     "type": "Boolean",
-     "desc": "Prevents all focus calls, so it can work with things like HTML edtor bar",
-     "memberOf": ""
+     "name": "purgeListeners",
+     "sig": "()",
+     "type": "function",
+     "desc": "Removes all listeners for this object"
     },
     {
-     "name": "disableClear",
-     "type": "Boolean",
-     "desc": "Disable showing of clear button.",
-     "memberOf": ""
+     "name": "releaseCapture",
+     "sig": "(Observable o)",
+     "type": "function",
+     "desc": "Removes <b>all</b> added captures from the Observable."
     },
     {
-     "name": "alwaysQuery",
-     "type": "Boolean",
-     "desc": "Disable caching of results, and always send query",
-     "memberOf": ""
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener"
     },
     {
-     "name": "multiple",
-     "type": "Boolean",
-     "desc": "ComboBobArray, default false",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "name": "render",
+     "sig": "(String/HTMLElement/Element container)",
+     "type": "function",
+     "desc": "If this is a lazy rendering component, render it to its container element."
     },
     {
-     "name": "triggerClass",
-     "type": "String",
-     "desc": "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' by default and triggerClass will be <b>appended</b> if specified.",
-     "memberOf": "Roo.bootstrap.TriggerField"
+     "name": "setDisabled",
+     "sig": "(Boolean disabled)",
+     "type": "function",
+     "desc": "Convenience function for setting disabled/enabled by boolean."
     },
     {
-     "name": "caret",
-     "type": "String",
-     "desc": "a fontawesome for the trigger icon see http://fortawesome.github.io/Font-Awesome/icons/",
-     "memberOf": "Roo.bootstrap.TriggerField",
-     "optvals": [
-      "search",
-      "calendar"
-     ]
+     "name": "setVisible",
+     "sig": "(Boolean visible)",
+     "type": "function",
+     "desc": "Convenience function to hide or show this component by boolean."
     },
     {
-     "name": "hideTrigger",
-     "type": "Boolean",
-     "desc": "True to hide the trigger element and display only the base text field (defaults to false)",
-     "memberOf": "Roo.bootstrap.TriggerField"
+     "name": "show",
+     "sig": "()",
+     "type": "function",
+     "desc": "Show a component - removes 'hidden' class"
     },
     {
-     "name": "removable",
-     "type": "Boolean",
-     "desc": "special filter default false",
-     "memberOf": "Roo.bootstrap.TriggerField",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "name": "tooltipEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Fetch the element to display the tooltip on."
     },
     {
-     "name": "disabled",
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener (shorthand for removeListener)"
+    }
+   ]
+  },
+  "Roo.bootstrap.Container": {
+   "props": [
+    {
+     "name": "jumbotron",
      "type": "Boolean",
-     "desc": "is it disabled",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "is it a jumbotron element",
+     "memberOf": ""
     },
     {
-     "name": "fieldLabel",
+     "name": "html",
      "type": "String",
-     "desc": "- the label associated",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "content of element",
+     "memberOf": ""
     },
     {
-     "name": "inputType",
+     "name": "well",
      "type": "String",
-     "desc": "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "a well, large, small or medium.",
+     "memberOf": "",
+     "optvals": [
+      "lg",
+      "sm",
+      "md"
+     ]
     },
     {
-     "name": "name",
+     "name": "panel",
      "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": "render as panel  - type - primary/success.....",
+     "memberOf": "",
+     "optvals": [
+      "primary",
+      "success",
+      "info",
+      "warning",
+      "danger"
+     ]
     },
     {
-     "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": "header",
+     "type": "String",
+     "desc": "content of header (for panel)",
+     "memberOf": ""
     },
     {
-     "name": "value",
-     "type": "string",
-     "desc": "default value of the input",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "footer",
+     "type": "String",
+     "desc": "content of footer (for panel)",
+     "memberOf": ""
     },
     {
-     "name": "labelWidth",
-     "type": "Number",
-     "desc": "set the width of label (0-12)",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "sticky",
+     "type": "String",
+     "desc": "block to use as footer or body- needs css-bootstrap/sticky-footer.css",
+     "memberOf": "",
+     "optvals": [
+      "footer",
+      "wrap",
+      "push"
+     ]
     },
     {
-     "name": "labelAlign",
+     "name": "tag",
      "type": "String",
-     "desc": "",
-     "memberOf": "Roo.bootstrap.Input",
+     "desc": "type of HTML tag.",
+     "memberOf": "",
      "optvals": [
-      "top",
-      "left"
+      "header",
+      "aside",
+      "section"
      ]
     },
     {
-     "name": "readOnly",
-     "type": "Boolean",
-     "desc": "Specifies that the field should be read-only",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "alert",
+     "type": "String",
+     "desc": "type alert (changes background / border...)",
+     "memberOf": "",
+     "optvals": [
+      "success",
+      "info",
+      "warning",
+      "danger"
+     ]
     },
     {
-     "name": "autocomplete",
+     "name": "fa",
      "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": "font awesome icon",
+     "memberOf": ""
     },
     {
-     "name": "align",
+     "name": "icon",
      "type": "String",
-     "desc": "Default left",
-     "memberOf": "Roo.bootstrap.Input",
+     "desc": "glyphicon name",
+     "memberOf": "",
      "optvals": [
-      "left",
-      "center",
-      "right"
+      "info-sign",
+      "check",
+      "..."
      ]
     },
     {
-     "name": "forceFeedback",
+     "name": "hidden",
      "type": "Boolean",
-     "desc": "Default false",
-     "memberOf": "Roo.bootstrap.Input",
+     "desc": "hide the element",
+     "memberOf": "",
      "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",
+     "name": "expandable",
      "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"
+     "desc": "default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
     },
     {
-     "name": "hasFeedback",
+     "name": "expanded",
      "type": "Boolean",
      "desc": "default true",
-     "memberOf": "Roo.bootstrap.Input",
+     "memberOf": "",
      "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": "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",
+     "name": "rheader",
      "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"
+     "desc": "contet on the right of header",
+     "memberOf": ""
     },
     {
-     "name": "allowBlank",
+     "name": "clickable",
      "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 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",
     }
    ],
    "events": [
-    {
-     "name": "add",
-     "sig": "function (combo)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the 'add' icon is pressed (add a listener to enable add button)"
-    },
     {
      "name": "beforedestroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
-    {
-     "name": "beforequery",
-     "sig": "function (combo, query, forceAll, cancel, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before all queries are processed. Return false to cancel the query or set cancel to true.\nThe event object passed has these properties:"
-    },
     {
      "name": "beforerender",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires before the component is rendered. Return false to stop the render."
     },
-    {
-     "name": "beforeselect",
-     "sig": "function (combo, record, index)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before a list item is selected. Return false to cancel the selection."
-    },
     {
      "name": "beforeshow",
      "sig": "function (_self)\n{\n\n}",
      "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 (_self, e)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the children have been rendered.."
+     "desc": "When a element is chick"
     },
     {
      "name": "collapse",
-     "sig": "function (combo)\n{\n\n}",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the dropdown list is collapsed"
+     "desc": "After the panel has been collapsed"
     },
     {
      "name": "destroy",
      "type": "function",
      "desc": "Fires after the component is disabled."
     },
-    {
-     "name": "edit",
-     "sig": "function (combo, record)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the 'edit' icon is pressed (add a listener to enable add button)"
-    },
     {
      "name": "enable",
      "sig": "function (_self)\n{\n\n}",
     },
     {
      "name": "expand",
-     "sig": "function (combo)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the dropdown list is expanded"
-    },
-    {
-     "name": "focus",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when this field receives input focus."
+     "desc": "After the panel has been expand"
     },
     {
      "name": "hide",
      "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": "remove",
-     "sig": "function (combo)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the remove value from the combobox array"
-    },
     {
      "name": "render",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is rendered."
     },
-    {
-     "name": "select",
-     "sig": "function (combo, record, index)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when a list item is selected"
-    },
     {
      "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": [
      "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": "clearValue",
-     "sig": "()",
-     "type": "function",
-     "desc": "Clears any text/value currently set in the field"
-    },
-    {
-     "name": "collapse",
-     "sig": "()",
-     "type": "function",
-     "desc": "Hides the dropdown list if it is currently expanded. Fires the 'collapse' event on completion."
-    },
     {
      "name": "destroy",
      "sig": "()",
      "type": "function",
      "desc": "Disable this component."
     },
-    {
-     "name": "doQuery",
-     "sig": "(String query, Boolean forceAll)",
-     "type": "function",
-     "desc": "Execute a query to filter the dropdown list.  Fires the beforequery event prior to performing the\nquery allowing the query action to be canceled if needed."
-    },
     {
      "name": "enable",
      "sig": "()",
      "type": "function",
      "desc": "Enable this component."
     },
-    {
-     "name": "expand",
-     "sig": "()",
-     "type": "function",
-     "desc": "Expands the dropdown list if it is currently hidden. Fires the 'expand' event on completion."
-    },
     {
      "name": "fireEvent",
      "sig": "(String eventName, Object... args)",
      "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 currently selected field value or empty string if no value is set."
-    },
     {
      "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": "isExpanded",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns true if the dropdown list is expanded, else false."
-    },
     {
      "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": "select",
-     "sig": "(Number index, Boolean scrollIntoView)",
-     "type": "function",
-     "desc": "Select an item in the dropdown list by its numeric index in the list. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue."
-    },
-    {
-     "name": "selectByValue",
-     "sig": "(String value, Boolean scrollIntoView)",
-     "type": "function",
-     "desc": "Select an item in the dropdown list by its data value. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue."
-    },
     {
      "name": "setDisabled",
      "sig": "(Boolean disabled)",
      "type": "function",
      "desc": "Convenience function for setting disabled/enabled by boolean."
     },
-    {
-     "name": "setEditable",
-     "sig": "(Boolean value)",
-     "type": "function",
-     "desc": "Allow or prevent the user from directly editing the field text.  If false is passed,\nthe user will only be able to select from the items defined in the dropdown list.  This method\nis the runtime equivalent of setting the 'editable' config option at config time."
-    },
-    {
-     "name": "setFromData",
-     "sig": "(Object value)",
-     "type": "function",
-     "desc": "Sets the value of the field based on a object which is related to the record format for the store."
-    },
-    {
-     "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": "(String value)",
-     "type": "function",
-     "desc": "Sets the specified value into the field.  If the value finds a match, the corresponding record text\nwill be displayed in the field.  If the value does not match the data value of an existing item,\nand the valueNotFoundText config option is defined, it will be displayed as the default field text.\nOtherwise the field will be blank (although the value will still be set)."
-    },
     {
      "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.ComboBox_old": {
+  "Roo.bootstrap.DateField": {
    "props": [
     {
-     "name": "append",
-     "type": "Boolean",
-     "desc": "default false",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "name": "weekStart",
+     "type": "Number",
+     "desc": "default 0",
+     "memberOf": ""
     },
     {
-     "name": "autoFocus",
-     "type": "Boolean",
-     "desc": "auto focus the first item, default true",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "name": "viewMode",
+     "type": "String",
+     "desc": "default empty, (months|years)",
+     "memberOf": ""
     },
     {
-     "name": "lazyRender",
-     "type": "Boolean",
-     "desc": "True to prevent the ComboBox from rendering until requested (should always be used when\nrendering into an Roo.Editor, defaults to false)",
+     "name": "minViewMode",
+     "type": "String",
+     "desc": "default empty, (months|years)",
      "memberOf": ""
     },
     {
-     "name": "autoCreate",
-     "type": "Boolean/Object",
-     "desc": "A DomHelper element spec, or true for a default element spec (defaults to:\n{tag: \"input\", type: \"text\", size: \"24\", autocomplete: \"off\"})",
+     "name": "startDate",
+     "type": "Number",
+     "desc": "default -Infinity",
      "memberOf": ""
     },
     {
-     "name": "store",
-     "type": "Roo.data.Store",
-     "desc": "The data store to which this combo is bound (defaults to undefined)",
-     "memberOf": ""
-    },
-    {
-     "name": "title",
-     "type": "String",
-     "desc": "If supplied, a header element is created containing this text and added into the top of\nthe dropdown list (defaults to undefined, with no header element)",
-     "memberOf": ""
-    },
-    {
-     "name": "tpl",
-     "type": "String/Roo.Template",
-     "desc": "The template to use to render the output",
-     "memberOf": ""
-    },
-    {
-     "name": "grow",
-     "type": "Boolean",
-     "desc": "",
-     "memberOf": ""
-    },
-    {
-     "name": "growMin",
-     "type": "Number",
-     "desc": "",
-     "memberOf": ""
-    },
-    {
-     "name": "growMax",
-     "type": "Number",
-     "desc": "",
-     "memberOf": ""
-    },
-    {
-     "name": "listWidth",
-     "type": "Number",
-     "desc": "The width in pixels of the dropdown list (defaults to the width of the ComboBox field)",
-     "memberOf": ""
-    },
-    {
-     "name": "displayField",
-     "type": "String",
-     "desc": "The underlying data field name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'text' if mode = 'local')",
-     "memberOf": ""
-    },
-    {
-     "name": "valueField",
-     "type": "String",
-     "desc": "The underlying data value name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'value' if mode = 'local'). \nNote: use of a valueField requires the user make a selection\nin order for a value to be mapped.",
-     "memberOf": ""
-    },
-    {
-     "name": "hiddenName",
-     "type": "String",
-     "desc": "If specified, a hidden form field with this name is dynamically generated to store the\nfield's data value (defaults to the underlying DOM element's name)",
-     "memberOf": ""
-    },
-    {
-     "name": "listClass",
-     "type": "String",
-     "desc": "CSS class to apply to the dropdown list element (defaults to '')",
-     "memberOf": ""
-    },
-    {
-     "name": "selectedClass",
-     "type": "String",
-     "desc": "CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')",
-     "memberOf": ""
-    },
-    {
-     "name": "shadow",
-     "type": "Boolean/String",
-     "desc": "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\" for bottom-right",
-     "memberOf": ""
-    },
-    {
-     "name": "listAlign",
-     "type": "String",
-     "desc": "A valid anchor position value. See {@link Roo.Element#alignTo} for details on supported\nanchor positions (defaults to 'tl-bl')",
-     "memberOf": ""
-    },
-    {
-     "name": "maxHeight",
-     "type": "Number",
-     "desc": "The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)",
-     "memberOf": ""
-    },
-    {
-     "name": "triggerAction",
-     "type": "String",
-     "desc": "The action to execute when the trigger field is activated.  Use 'all' to run the\nquery specified by the allQuery config option (defaults to 'query')",
-     "memberOf": ""
-    },
-    {
-     "name": "minChars",
+     "name": "endDate",
      "type": "Number",
-     "desc": "The minimum number of characters the user must type before autocomplete and typeahead activate\n(defaults to 4, does not apply if editable = false)",
+     "desc": "default Infinity",
      "memberOf": ""
     },
     {
-     "name": "typeAhead",
+     "name": "todayHighlight",
      "type": "Boolean",
-     "desc": "True to populate and autoselect the remainder of the text being typed after a configurable\ndelay (typeAheadDelay) if it matches a known value (defaults to false)",
-     "memberOf": ""
-    },
-    {
-     "name": "queryDelay",
-     "type": "Number",
-     "desc": "The length of time in milliseconds to delay between the start of typing and sending the\nquery to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local')",
-     "memberOf": ""
-    },
-    {
-     "name": "pageSize",
-     "type": "Number",
-     "desc": "If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the\nfilter queries will execute with page start and limit parameters.  Only applies when mode = 'remote' (defaults to 0)",
+     "desc": "default false",
      "memberOf": ""
     },
     {
-     "name": "selectOnFocus",
+     "name": "todayBtn",
      "type": "Boolean",
-     "desc": "True to select any existing text in the field immediately on focus.  Only applies\nwhen editable = true (defaults to false)",
+     "desc": "default false",
      "memberOf": ""
     },
     {
-     "name": "queryParam",
-     "type": "String",
-     "desc": "Name of the query as it will be passed on the querystring (defaults to 'query')",
+     "name": "calendarWeeks",
+     "type": "Boolean",
+     "desc": "default false",
      "memberOf": ""
     },
     {
-     "name": "loadingText",
-     "type": "String",
-     "desc": "The text to display in the dropdown list while data is loading.  Only applies\nwhen mode = 'remote' (defaults to 'Loading...')",
+     "name": "daysOfWeekDisabled",
+     "type": "Object",
+     "desc": "default empty",
      "memberOf": ""
     },
     {
-     "name": "resizable",
+     "name": "singleMode",
      "type": "Boolean",
-     "desc": "True to add a resize handle to the bottom of the dropdown list (defaults to false)",
-     "memberOf": ""
-    },
-    {
-     "name": "handleHeight",
-     "type": "Number",
-     "desc": "The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)",
+     "desc": "default false (true | false)",
      "memberOf": ""
     },
     {
-     "name": "editable",
+     "name": "keyboardNavigation",
      "type": "Boolean",
-     "desc": "False to prevent the user from typing text directly into the field, just like a\ntraditional select (defaults to true)",
+     "desc": "default true",
      "memberOf": ""
     },
     {
-     "name": "allQuery",
+     "name": "language",
      "type": "String",
-     "desc": "The text query to send to the server to return all records for the list with no filtering (defaults to '')",
+     "desc": "default en",
      "memberOf": ""
     },
     {
-     "name": "mode",
+     "name": "format",
      "type": "String",
-     "desc": "Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)",
-     "memberOf": ""
-    },
-    {
-     "name": "minListWidth",
-     "type": "Number",
-     "desc": "The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if\nlistWidth has a higher value)",
-     "memberOf": ""
-    },
-    {
-     "name": "forceSelection",
-     "type": "Boolean",
-     "desc": "True to restrict the selected value to one of the values in the list, false to\nallow the user to set arbitrary text into the field (defaults to false)",
-     "memberOf": ""
-    },
-    {
-     "name": "typeAheadDelay",
-     "type": "Number",
-     "desc": "The length of time in milliseconds to wait until the typeahead text is displayed\nif typeAhead = true (defaults to 250)",
+     "desc": "The default date format string which can be overriden for localization support.  The format must be\nvalid according to {@link Date#parseDate} (defaults to 'm/d/y').",
      "memberOf": ""
     },
     {
-     "name": "valueNotFoundText",
+     "name": "altFormats",
      "type": "String",
-     "desc": "When using a name/value combo, if the value passed to setValue is not found in\nthe store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined)",
-     "memberOf": ""
-    },
-    {
-     "name": "blockFocus",
-     "type": "Boolean",
-     "desc": "Prevents all focus calls, so it can work with things like HTML edtor bar",
-     "memberOf": ""
-    },
-    {
-     "name": "disableClear",
-     "type": "Boolean",
-     "desc": "Disable showing of clear button.",
-     "memberOf": ""
-    },
-    {
-     "name": "alwaysQuery",
-     "type": "Boolean",
-     "desc": "Disable caching of results, and always send query",
+     "desc": "Multiple date formats separated by \"|\" to try when parsing a user input value and it doesn't match the defined\nformat (defaults to 'm/d/Y|m-d-y|m-d-Y|m/d|m-d|d').",
      "memberOf": ""
     },
-    {
-     "name": "multiple",
-     "type": "Boolean",
-     "desc": "ComboBobArray, default false",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
-    },
-    {
-     "name": "triggerClass",
-     "type": "String",
-     "desc": "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' by default and triggerClass will be <b>appended</b> if specified.",
-     "memberOf": "Roo.bootstrap.TriggerField"
-    },
-    {
-     "name": "caret",
-     "type": "String",
-     "desc": "a fontawesome for the trigger icon see http://fortawesome.github.io/Font-Awesome/icons/",
-     "memberOf": "Roo.bootstrap.TriggerField",
-     "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": "Roo.bootstrap.TriggerField"
-    },
-    {
-     "name": "removable",
-     "type": "Boolean",
-     "desc": "special filter default false",
-     "memberOf": "Roo.bootstrap.TriggerField",
-     "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": "name of the input",
      "memberOf": "Roo.bootstrap.Input"
     },
+    {
+     "name": "fieldLabel",
+     "type": "string",
+     "desc": "- the label associated",
+     "memberOf": "Roo.bootstrap.Input"
+    },
     {
      "name": "placeholder",
      "type": "string",
     {
      "name": "labelWidth",
      "type": "Number",
-     "desc": "set the width of label (0-12)",
+     "desc": "set the width of label",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labellg",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelmd",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelsm",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelxs",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
      "memberOf": "Roo.bootstrap.Input"
     },
     {
      "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": "indicatorpos",
+     "type": "String",
+     "desc": "default left",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "left",
+      "right"
+     ]
+    },
     {
      "name": "align",
      "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",
     }
    ],
    "events": [
-    {
-     "name": "add",
-     "sig": "function (combo)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the 'add' icon is pressed (add a listener to enable add button)"
-    },
     {
      "name": "beforedestroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
-    {
-     "name": "beforequery",
-     "sig": "function (combo, query, forceAll, cancel, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before all queries are processed. Return false to cancel the query or set cancel to true.\nThe event object passed has these properties:"
-    },
     {
      "name": "beforerender",
      "sig": "function (_self)\n{\n\n}",
     },
     {
      "name": "beforeselect",
-     "sig": "function (combo, record, index)\n{\n\n}",
+     "sig": "function (_self, date)\n{\n\n}",
      "type": "function",
-     "desc": "Fires before a list item is selected. Return false to cancel the selection."
+     "desc": "Fires when before select a date."
     },
     {
      "name": "beforeshow",
      "type": "function",
      "desc": "Fires when the children have been rendered.."
     },
-    {
-     "name": "collapse",
-     "sig": "function (combo)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the dropdown list is collapsed"
-    },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is disabled."
     },
-    {
-     "name": "edit",
-     "sig": "function (combo, record)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the 'edit' icon is pressed (add a listener to enable add button)"
-    },
     {
      "name": "enable",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is enabled."
     },
-    {
-     "name": "expand",
-     "sig": "function (combo)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the dropdown list is expanded"
-    },
     {
      "name": "focus",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the key up"
     },
-    {
-     "name": "remove",
-     "sig": "function (combo)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the remove value from the combobox array"
-    },
     {
      "name": "render",
      "sig": "function (_self)\n{\n\n}",
     },
     {
      "name": "select",
-     "sig": "function (combo, record, index)\n{\n\n}",
+     "sig": "function (_self, date)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when a list item is selected"
+     "desc": "Fires when select a date."
     },
     {
      "name": "show",
-     "sig": "function (_self)\n{\n\n}",
+     "sig": "function (_self, date)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the component is shown."
+     "desc": "Fires when this field show."
     },
     {
      "name": "specialkey",
      "type": "function",
      "desc": "Clear any invalid styles/messages for this field"
     },
-    {
-     "name": "clearValue",
-     "sig": "()",
-     "type": "function",
-     "desc": "Clears any text/value currently set in the field"
-    },
-    {
-     "name": "collapse",
-     "sig": "()",
-     "type": "function",
-     "desc": "Hides the dropdown list if it is currently expanded. Fires the 'collapse' event on completion."
-    },
     {
      "name": "destroy",
      "sig": "()",
      "type": "function",
      "desc": "Disable this component."
     },
-    {
-     "name": "doQuery",
-     "sig": "(String query, Boolean forceAll)",
-     "type": "function",
-     "desc": "Execute a query to filter the dropdown list.  Fires the beforequery event prior to performing the\nquery allowing the query action to be canceled if needed."
-    },
     {
      "name": "enable",
      "sig": "()",
      "type": "function",
      "desc": "Enable this component."
     },
-    {
-     "name": "expand",
-     "sig": "()",
-     "type": "function",
-     "desc": "Expands the dropdown list if it is currently hidden. Fires the 'expand' event on completion."
-    },
     {
      "name": "fireEvent",
      "sig": "(String eventName, Object... args)",
      "name": "getValue",
      "sig": "()",
      "type": "function",
-     "desc": "Returns the currently selected field value or empty string if no value is set."
+     "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
     },
     {
      "name": "hasListener",
      "type": "function",
      "desc": "return the real input element."
     },
-    {
-     "name": "isExpanded",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns true if the dropdown list is expanded, else false."
-    },
     {
      "name": "isVisible",
      "sig": "()",
      "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": "Resets the current field value to the originally loaded value and clears any validation messages"
     },
-    {
-     "name": "select",
-     "sig": "(Number index, Boolean scrollIntoView)",
-     "type": "function",
-     "desc": "Select an item in the dropdown list by its numeric index in the list. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue."
-    },
-    {
-     "name": "selectByValue",
-     "sig": "(String value, Boolean scrollIntoView)",
-     "type": "function",
-     "desc": "Select an item in the dropdown list by its data value. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue."
-    },
     {
      "name": "setDisabled",
      "sig": "(Boolean disabled)",
      "type": "function",
      "desc": "Convenience function for setting disabled/enabled by boolean."
     },
-    {
-     "name": "setEditable",
-     "sig": "(Boolean value)",
-     "type": "function",
-     "desc": "Allow or prevent the user from directly editing the field text.  If false is passed,\nthe user will only be able to select from the items defined in the dropdown list.  This method\nis the runtime equivalent of setting the 'editable' config option at config time."
-    },
-    {
-     "name": "setFromData",
-     "sig": "(Object value)",
-     "type": "function",
-     "desc": "Sets the value of the field based on a object which is related to the record format for the store."
-    },
     {
      "name": "setRawValue",
      "sig": "(Mixed value)",
     },
     {
      "name": "setValue",
-     "sig": "(String value)",
+     "sig": "(Mixed value)",
      "type": "function",
-     "desc": "Sets the specified value into the field.  If the value finds a match, the corresponding record text\nwill be displayed in the field.  If the value does not match the data value of an existing item,\nand the valueNotFoundText config option is defined, it will be displayed as the default field text.\nOtherwise the field will be blank (although the value will still be set)."
+     "desc": "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}."
     },
     {
      "name": "setVisible",
     }
    ]
   },
-  "Roo.bootstrap.Component": {
+  "Roo.bootstrap.DateSplitField": {
    "props": [
+    {
+     "name": "fieldLabel",
+     "type": "string",
+     "desc": "- the label associated",
+     "memberOf": ""
+    },
+    {
+     "name": "labelWidth",
+     "type": "Number",
+     "desc": "set the width of label (0-12)",
+     "memberOf": ""
+    },
+    {
+     "name": "labelAlign",
+     "type": "String",
+     "desc": "",
+     "memberOf": "",
+     "optvals": [
+      "top",
+      "left"
+     ]
+    },
+    {
+     "name": "dayAllowBlank",
+     "type": "Boolean",
+     "desc": "default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "monthAllowBlank",
+     "type": "Boolean",
+     "desc": "default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "yearAllowBlank",
+     "type": "Boolean",
+     "desc": "default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "dayPlaceholder",
+     "type": "string",
+     "desc": "",
+     "memberOf": ""
+    },
+    {
+     "name": "monthPlaceholder",
+     "type": "string",
+     "desc": "",
+     "memberOf": ""
+    },
+    {
+     "name": "yearPlaceholder",
+     "type": "string",
+     "desc": "",
+     "memberOf": ""
+    },
+    {
+     "name": "dayFormat",
+     "type": "string",
+     "desc": "default 'd'",
+     "memberOf": ""
+    },
+    {
+     "name": "monthFormat",
+     "type": "string",
+     "desc": "default 'm'",
+     "memberOf": ""
+    },
+    {
+     "name": "yearFormat",
+     "type": "string",
+     "desc": "default 'Y'",
+     "memberOf": ""
+    },
     {
      "name": "cls",
      "type": "String",
      "desc": "css class",
-     "memberOf": ""
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
      "name": "style",
      "type": "String",
      "desc": "any extra css",
-     "memberOf": ""
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
      "name": "xattr",
      "type": "Object",
      "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
-     "memberOf": ""
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
      "name": "can_build_overlaid",
      "type": "Boolean",
      "desc": "True if element can be rebuild from a HTML page",
-     "memberOf": ""
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
      "name": "dataId",
      "type": "string",
      "desc": "cutomer id",
-     "memberOf": ""
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
      "name": "name",
      "type": "string",
      "desc": "Specifies name attribute",
-     "memberOf": ""
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
      "name": "tooltip",
      "type": "string",
      "desc": "Text for the tooltip",
-     "memberOf": ""
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
      "name": "container_method",
      "type": "string",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-     "memberOf": ""
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
      "name": "disableClass",
      "type": "function",
      "desc": "Fires when the children have been rendered.."
     },
+    {
+     "name": "days",
+     "sig": "function (_self, days)\n{\n\n}",
+     "type": "function",
+     "desc": "getting the data of days"
+    },
     {
      "name": "destroy",
      "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": "render",
      "sig": "function (_self)\n{\n\n}",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is shown."
+    },
+    {
+     "name": "valid",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been validated with no errors."
+    },
+    {
+     "name": "years",
+     "sig": "function (_self, years)\n{\n\n}",
+     "type": "function",
+     "desc": "getting the data of years"
     }
    ],
    "methods": [
      "type": "function",
      "desc": "Returns true if this component is visible."
     },
+    {
+     "name": "markInvalid",
+     "sig": "(String msg)",
+     "type": "function",
+     "desc": "Mark this field as invalid"
+    },
     {
      "name": "on",
      "sig": "(String eventName, Function handler, Object scope, Object options)",
     }
    ]
   },
-  "Roo.bootstrap.Container": {
+  "Roo.bootstrap.DocumentManager": {
    "props": [
     {
-     "name": "jumbotron",
-     "type": "Boolean",
-     "desc": "is it a jumbotron element",
-     "memberOf": ""
-    },
-    {
-     "name": "html",
+     "name": "paramName",
      "type": "String",
-     "desc": "content of element",
+     "desc": "default 'imageUpload'",
      "memberOf": ""
     },
     {
-     "name": "well",
+     "name": "toolTipName",
      "type": "String",
-     "desc": "a well, large, small or medium.",
-     "memberOf": "",
-     "optvals": [
-      "lg",
-      "sm",
-      "md"
-     ]
+     "desc": "default 'filename'",
+     "memberOf": ""
     },
     {
-     "name": "panel",
+     "name": "method",
      "type": "String",
-     "desc": "render as a panel.",
-     "memberOf": "",
-     "optvals": [
-      "primary",
-      "success",
-      "info",
-      "warning",
-      "danger"
-     ]
+     "desc": "default POST",
+     "memberOf": ""
     },
     {
-     "name": "header",
+     "name": "url",
      "type": "String",
-     "desc": "content of header (for panel)",
+     "desc": "action url",
      "memberOf": ""
     },
     {
-     "name": "footer",
-     "type": "String",
-     "desc": "content of footer (for panel)",
+     "name": "boxes",
+     "type": "Number",
+     "desc": "number of boxes, 0 is no limit.. default 0",
      "memberOf": ""
     },
     {
-     "name": "sticky",
-     "type": "String",
-     "desc": "block to use as footer or body- needs css-bootstrap/sticky-footer.css",
-     "memberOf": "",
-     "optvals": [
-      "footer",
-      "wrap",
-      "push"
-     ]
+     "name": "multiple",
+     "type": "Boolean",
+     "desc": "multiple upload default true",
+     "memberOf": ""
     },
     {
-     "name": "tag",
-     "type": "String",
-     "desc": "type of HTML tag.",
-     "memberOf": "",
-     "optvals": [
-      "header",
-      "aside",
-      "section"
-     ]
+     "name": "thumbSize",
+     "type": "Number",
+     "desc": "default 300",
+     "memberOf": ""
     },
     {
-     "name": "alert",
+     "name": "fieldLabel",
      "type": "String",
-     "desc": "type alert (changes background / border...)",
-     "memberOf": "",
-     "optvals": [
-      "success",
-      "info",
-      "warning",
-      "danger"
-     ]
+     "desc": "",
+     "memberOf": ""
     },
     {
-     "name": "fa",
-     "type": "String",
-     "desc": "font awesome icon",
-     "memberOf": "",
-     "optvals": [
-      "ban",
-      "check",
-      "..."
-     ]
+     "name": "labelWidth",
+     "type": "Number",
+     "desc": "default 4",
+     "memberOf": ""
     },
     {
-     "name": "icon",
+     "name": "labelAlign",
      "type": "String",
-     "desc": "glyphicon name",
-     "memberOf": "",
-     "optvals": [
-      "info-sign",
-      "check",
-      "..."
-     ]
-    },
-    {
-     "name": "hidden",
-     "type": "Boolean",
-     "desc": "hide the element",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
-    },
-    {
-     "name": "expandable",
-     "type": "Boolean",
-     "desc": "default false",
+     "desc": "default left",
      "memberOf": "",
      "optvals": [
-      "true",
-      "false"
+      "left",
+      "top"
      ]
     },
     {
-     "name": "expanded",
+     "name": "editable",
      "type": "Boolean",
-     "desc": "default true",
+     "desc": "allow edit when upload a image default true",
      "memberOf": "",
      "optvals": [
       "true",
       "false"
      ]
     },
-    {
-     "name": "rheader",
-     "type": "String",
-     "desc": "contet on the right of header",
-     "memberOf": ""
-    },
     {
      "name": "cls",
      "type": "String",
     }
    ],
    "events": [
+    {
+     "name": "afterupload",
+     "sig": "function (_self, xhr)\n{\n\n}",
+     "type": "function",
+     "desc": "Fire when xhr load exception"
+    },
     {
      "name": "beforedestroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires before the component is rendered. Return false to stop the render."
     },
+    {
+     "name": "beforeselectfile",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fire before select file"
+    },
     {
      "name": "beforeshow",
      "sig": "function (_self)\n{\n\n}",
      "desc": "Fires when the children have been rendered.."
     },
     {
-     "name": "collapse",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "click",
+     "sig": "function (_self, file)\n{\n\n}",
      "type": "function",
-     "desc": "After the panel has been collapsed"
+     "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}",
      "desc": "Fires after the component is enabled."
     },
     {
-     "name": "expand",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "exception",
+     "sig": "function (_self, xhr)\n{\n\n}",
      "type": "function",
-     "desc": "After the panel has been expand"
+     "desc": "Fire when xhr load exception"
     },
     {
      "name": "hide",
      "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": "process",
+     "sig": "function (_self, file)\n{\n\n}",
+     "type": "function",
+     "desc": "Fire before process file"
+    },
+    {
+     "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.DateField": {
+  "Roo.bootstrap.DocumentSlider": {
    "props": [
     {
-     "name": "weekStart",
-     "type": "Number",
-     "desc": "default 0",
-     "memberOf": ""
-    },
-    {
-     "name": "viewMode",
+     "name": "cls",
      "type": "String",
-     "desc": "default empty, (months|years)",
-     "memberOf": ""
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "minViewMode",
+     "name": "style",
      "type": "String",
-     "desc": "default empty, (months|years)",
-     "memberOf": ""
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "startDate",
-     "type": "Number",
-     "desc": "default -Infinity",
-     "memberOf": ""
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "endDate",
-     "type": "Number",
-     "desc": "default Infinity",
-     "memberOf": ""
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "todayHighlight",
-     "type": "Boolean",
-     "desc": "default false",
-     "memberOf": ""
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "todayBtn",
-     "type": "Boolean",
-     "desc": "default false",
-     "memberOf": ""
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "calendarWeeks",
-     "type": "Boolean",
-     "desc": "default false",
-     "memberOf": ""
+     "name": "tooltip",
+     "type": "string",
+     "desc": "Text for the tooltip",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "daysOfWeekDisabled",
-     "type": "Object",
-     "desc": "default empty",
-     "memberOf": ""
+     "name": "container_method",
+     "type": "string",
+     "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "singleMode",
-     "type": "Boolean",
-     "desc": "default false (true | false)",
-     "memberOf": ""
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "keyboardNavigation",
+     "name": "allowDomMove",
      "type": "Boolean",
-     "desc": "default true",
-     "memberOf": ""
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "language",
+     "name": "hideMode",
      "type": "String",
-     "desc": "default en",
-     "memberOf": ""
+     "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": "format",
+     "name": "actionMode",
      "type": "String",
-     "desc": "The default date format string which can be overriden for localization support.  The format must be\nvalid according to {@link Date#parseDate} (defaults to 'm/d/y').",
-     "memberOf": ""
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "altFormats",
-     "type": "String",
-     "desc": "Multiple date formats separated by \"|\" to try when parsing a user input value and it doesn't match the defined\nformat (defaults to 'm/d/Y|m-d-y|m-d-Y|m/d|m-d|d').",
-     "memberOf": ""
-    },
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for 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": "disabled",
-     "type": "Boolean",
-     "desc": "is it disabled",
-     "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": "fieldLabel",
-     "type": "String",
-     "desc": "- the label associated",
-     "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": "inputType",
-     "type": "String",
-     "desc": "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
-     "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": "name",
-     "type": "String",
-     "desc": "name of the input",
-     "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": "placeholder",
-     "type": "string",
-     "desc": "- placeholder to put in text.",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "childrenrendered",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the children have been rendered.."
     },
     {
-     "name": "before",
-     "type": "string",
-     "desc": "- input group add on before",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "click",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fire after click"
     },
     {
-     "name": "after",
-     "type": "string",
-     "desc": "- input group add on after",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
     },
     {
-     "name": "size",
-     "type": "string",
-     "desc": "- (lg|sm) or leave empty..",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
     },
     {
-     "name": "xs",
-     "type": "Number",
-     "desc": "colspan out of 12 for mobile-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
     },
     {
-     "name": "sm",
-     "type": "Number",
-     "desc": "colspan out of 12 for tablet-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
     },
     {
-     "name": "md",
-     "type": "Number",
-     "desc": "colspan out of 12 for computer-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "initial",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fire after initEvent"
     },
     {
-     "name": "lg",
-     "type": "Number",
-     "desc": "colspan out of 12 for large computer-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
     },
     {
-     "name": "value",
-     "type": "string",
-     "desc": "default value of the input",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
     },
     {
-     "name": "labelWidth",
-     "type": "Number",
-     "desc": "set the width of label (0-12)",
-     "memberOf": "Roo.bootstrap.Input"
-    },
+     "name": "update",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fire after update"
+    }
+   ],
+   "methods": [
     {
-     "name": "labelAlign",
-     "type": "String",
-     "desc": "",
-     "memberOf": "Roo.bootstrap.Input",
-     "optvals": [
-      "top",
-      "left"
-     ]
+     "name": "addEvents",
+     "sig": "(Object object)",
+     "type": "function",
+     "desc": "Used to define events on this Observable"
     },
     {
-     "name": "readOnly",
-     "type": "Boolean",
-     "desc": "Specifies that the field should be read-only",
-     "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": "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": "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": "Default left",
-     "memberOf": "Roo.bootstrap.Input",
-     "optvals": [
-      "left",
-      "center",
-      "right"
-     ]
+     "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": "forceFeedback",
-     "type": "Boolean",
-     "desc": "Default false",
-     "memberOf": "Roo.bootstrap.Input",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "name": "disable",
+     "sig": "()",
+     "type": "function",
+     "desc": "Disable 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": "enable",
+     "sig": "()",
+     "type": "function",
+     "desc": "Enable this component."
     },
     {
-     "name": "validateOnBlur",
-     "type": "Boolean",
-     "desc": "Whether the field should validate when it loses focus (defaults to true).",
-     "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": "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": "focus",
+     "sig": "(Boolean selectText)",
+     "type": "function",
+     "desc": "Try to focus this component."
     },
     {
-     "name": "focusClass",
-     "type": "String",
-     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "getChildContainer",
+     "sig": "()",
+     "type": "function",
+     "desc": "Fetch the element to add children to"
     },
     {
-     "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": "getEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the underlying {@link Roo.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": "getId",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the id of this component."
     },
     {
-     "name": "hasFeedback",
-     "type": "Boolean",
-     "desc": "default true",
-     "memberOf": "Roo.bootstrap.Input",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "name": "hasListener",
+     "sig": "(String eventName)",
+     "type": "function",
+     "desc": "Checks to see if this object has any listeners for a specified event"
     },
     {
-     "name": "invalidFeedbackIcon",
-     "type": "String",
-     "desc": "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "hide",
+     "sig": "()",
+     "type": "function",
+     "desc": "Hide a component - adds 'hidden' class"
     },
     {
-     "name": "validFeedbackIcon",
-     "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": "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": "isVisible",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if this component is visible."
     },
     {
-     "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": "on",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "type": "function",
+     "desc": "Appends an event handler to this element (shorthand for addListener)"
     },
     {
-     "name": "vtype",
-     "type": "String",
-     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "purgeListeners",
+     "sig": "()",
+     "type": "function",
+     "desc": "Removes all listeners for this object"
     },
     {
-     "name": "disableKeyFilter",
-     "type": "Boolean",
-     "desc": "True to disable input keystroke filtering (defaults to false)",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "releaseCapture",
+     "sig": "(Observable o)",
+     "type": "function",
+     "desc": "Removes <b>all</b> added captures from the Observable."
     },
     {
-     "name": "allowBlank",
-     "type": "Boolean",
-     "desc": "False to validate that the value length > 0 (defaults to true)",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener"
     },
     {
-     "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": "render",
+     "sig": "(String/HTMLElement/Element container)",
+     "type": "function",
+     "desc": "If this is a lazy rendering component, render it to its container element."
     },
     {
-     "name": "minLength",
-     "type": "Number",
-     "desc": "Minimum input field length required (defaults to 0)",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "setDisabled",
+     "sig": "(Boolean disabled)",
+     "type": "function",
+     "desc": "Convenience function for setting disabled/enabled by boolean."
     },
     {
-     "name": "maxLength",
-     "type": "Number",
-     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "setVisible",
+     "sig": "(Boolean visible)",
+     "type": "function",
+     "desc": "Convenience function to hide or show this component by boolean."
     },
     {
-     "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": "show",
+     "sig": "()",
+     "type": "function",
+     "desc": "Show a component - removes 'hidden' class"
     },
     {
-     "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": "tooltipEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Fetch the element to display the tooltip on."
     },
     {
-     "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": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener (shorthand for removeListener)"
+    }
+   ]
+  },
+  "Roo.bootstrap.DocumentViewer": {
+   "props": [
     {
-     "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": "showDownload",
+     "type": "Boolean",
+     "desc": "show download button (default true)",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
     },
     {
-     "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": "showTrash",
+     "type": "Boolean",
+     "desc": "show trash button (default true)",
+     "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 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",
+     "name": "click",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the children have been rendered.."
+     "desc": "Fire after click"
     },
     {
      "name": "destroy",
      "desc": "Fires after the component is disabled."
     },
     {
-     "name": "enable",
+     "name": "download",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the component is enabled."
+     "desc": "Fire after download button"
     },
     {
-     "name": "focus",
+     "name": "enable",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when this field receives input focus."
+     "desc": "Fires after the component is enabled."
     },
     {
      "name": "hide",
      "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}",
+     "name": "initial",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the key up"
+     "desc": "Fire after initEvent"
     },
     {
      "name": "render",
      "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 (_self, date)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when this field show."
-    },
-    {
-     "name": "specialkey",
-     "sig": "function (_self, e)\n{\n\n}",
+     "sig": "function (_self)\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": "Fires after the component is shown."
     },
     {
-     "name": "valid",
+     "name": "trash",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the field has been validated with no errors."
+     "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": "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": "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.DocumentManager": {
+  "Roo.bootstrap.Element": {
    "props": [
     {
-     "name": "paramName",
+     "name": "html",
      "type": "String",
-     "desc": "default 'imageUpload'",
+     "desc": "contents of the element",
      "memberOf": ""
     },
     {
-     "name": "method",
+     "name": "tag",
      "type": "String",
-     "desc": "default POST",
+     "desc": "tag of the element",
      "memberOf": ""
     },
     {
-     "name": "url",
+     "name": "cls",
      "type": "String",
-     "desc": "action url",
-     "memberOf": ""
-    },
-    {
-     "name": "boxes",
-     "type": "Number",
-     "desc": "number of boxes, 0 is no limit.. default 0",
+     "desc": "class of the element",
      "memberOf": ""
     },
     {
-     "name": "multiple",
+     "name": "preventDefault",
      "type": "Boolean",
-     "desc": "multiple upload default true",
-     "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",
+     "desc": "default false",
      "memberOf": "",
      "optvals": [
-      "left",
-      "top"
+      "true",
+      "false"
      ]
     },
     {
-     "name": "editable",
+     "name": "clickable",
      "type": "Boolean",
-     "desc": "allow edit when upload a image default true",
+     "desc": "default false",
      "memberOf": "",
      "optvals": [
       "true",
       "false"
      ]
     },
-    {
-     "name": "cls",
-     "type": "String",
-     "desc": "css class",
-     "memberOf": "Roo.bootstrap.Component"
-    },
     {
      "name": "style",
      "type": "String",
      "type": "function",
      "desc": "Fires before the component is rendered. Return false to stop the render."
     },
-    {
-     "name": "beforeselectfile",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fire before select file"
-    },
     {
      "name": "beforeshow",
      "sig": "function (_self)\n{\n\n}",
     },
     {
      "name": "click",
-     "sig": "function (_self, file)\n{\n\n}",
+     "sig": "function (_self, e)\n{\n\n}",
      "type": "function",
-     "desc": "Fire after click the image"
+     "desc": "When a element is chick"
     },
     {
      "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": "process",
-     "sig": "function (_self, file)\n{\n\n}",
-     "type": "function",
-     "desc": "Fire before process file"
-    },
-    {
-     "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.DocumentViewer": {
+  "Roo.bootstrap.FieldLabel": {
    "props": [
+    {
+     "name": "html",
+     "type": "String",
+     "desc": "contents of the element",
+     "memberOf": ""
+    },
+    {
+     "name": "tag",
+     "type": "String",
+     "desc": "tag of the element default label",
+     "memberOf": ""
+    },
     {
      "name": "cls",
      "type": "String",
-     "desc": "css class",
-     "memberOf": "Roo.bootstrap.Component"
+     "desc": "class of the element",
+     "memberOf": ""
+    },
+    {
+     "name": "target",
+     "type": "String",
+     "desc": "label target",
+     "memberOf": ""
+    },
+    {
+     "name": "allowBlank",
+     "type": "Boolean",
+     "desc": "target allowBlank default true",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "invalidClass",
+     "type": "String",
+     "desc": "default \"text-danger fa fa-lg fa-exclamation-triangle\"",
+     "memberOf": ""
+    },
+    {
+     "name": "validClass",
+     "type": "String",
+     "desc": "default \"text-success fa fa-lg fa-check\"",
+     "memberOf": ""
+    },
+    {
+     "name": "iconTooltip",
+     "type": "String",
+     "desc": "default \"This field is required\"",
+     "memberOf": ""
     },
     {
      "name": "style",
      "type": "function",
      "desc": "Fires when the children have been rendered.."
     },
-    {
-     "name": "click",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fire after click"
-    },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
      "desc": "Fires after the component is hidden."
     },
     {
-     "name": "initial",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "invalid",
+     "sig": "function (_self, msg)\n{\n\n}",
      "type": "function",
-     "desc": "Fire after initEvent"
+     "desc": "Fires after the field has been marked as invalid."
     },
     {
      "name": "render",
      "desc": "Fires after the component is shown."
     },
     {
-     "name": "trash",
+     "name": "valid",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fire after trash button"
+     "desc": "Fires after the field has been validated with no errors."
     }
    ],
    "methods": [
      "type": "function",
      "desc": "Try to focus this component."
     },
+    {
+     "name": "get",
+     "sig": "(string target)",
+     "type": "function",
+     "desc": "fetch a FieldLabel Group based on the target"
+    },
     {
      "name": "getChildContainer",
      "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.FieldLabel the)",
+     "type": "function",
+     "desc": "register a FieldLabel Group"
+    },
     {
      "name": "releaseCapture",
      "sig": "(Observable o)",
     }
    ]
   },
-  "Roo.bootstrap.Element": {
+  "Roo.bootstrap.Form": {
    "props": [
     {
-     "name": "html",
+     "name": "method",
      "type": "String",
-     "desc": "contents of the element",
+     "desc": "GET | POST (default POST)",
      "memberOf": ""
     },
     {
-     "name": "tag",
+     "name": "labelAlign",
      "type": "String",
-     "desc": "tag of the element",
+     "desc": "top | left (default top)",
      "memberOf": ""
     },
     {
-     "name": "cls",
+     "name": "align",
      "type": "String",
-     "desc": "class of the element",
+     "desc": "left  | right - for navbars",
      "memberOf": ""
     },
     {
-     "name": "preventDefault",
+     "name": "loadMask",
      "type": "Boolean",
-     "desc": "default false",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "desc": "load mask when submit (default true)",
+     "memberOf": ""
     },
     {
-     "name": "clickable",
+     "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": "errPopover",
      "type": "Boolean",
      "desc": "default false",
      "memberOf": "",
       "false"
      ]
     },
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
+    },
     {
      "name": "style",
      "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": "click",
-     "sig": "function (_self, e)\n{\n\n}",
+     "name": "clientvalidation",
+     "sig": "function (_self, valid)\n{\n\n}",
      "type": "function",
-     "desc": "When a element is chick"
+     "desc": "If the monitorValid config option is true, this event fires repetitively to notify of valid state"
     },
     {
      "name": "destroy",
      "type": "function",
      "desc": "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire."
     },
+    {
+     "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.Form": {
+  "Roo.bootstrap.Graph": {
    "props": [
     {
-     "name": "method",
+     "name": "graphtype",
      "type": "String",
-     "desc": "GET | POST (default POST)",
+     "desc": "bar | vbar | pie",
      "memberOf": ""
     },
     {
-     "name": "labelAlign",
-     "type": "String",
-     "desc": "top | left (default top)",
+     "name": "g_x",
+     "type": "number",
+     "desc": "coodinator | centre x (pie)",
      "memberOf": ""
     },
     {
-     "name": "align",
-     "type": "String",
-     "desc": "left  | right - for navbars",
+     "name": "g_y",
+     "type": "number",
+     "desc": "coodinator | centre y (pie)",
      "memberOf": ""
     },
     {
-     "name": "loadMask",
-     "type": "Boolean",
-     "desc": "load mask when submit (default true)",
+     "name": "g_r",
+     "type": "number",
+     "desc": "radius (pie)",
      "memberOf": ""
     },
     {
-     "name": "url",
-     "type": "String",
-     "desc": "The URL to use for form actions if one isn't supplied in the action options.",
+     "name": "g_height",
+     "type": "number",
+     "desc": "height of the chart (respected by all elements in the set)",
      "memberOf": ""
     },
     {
-     "name": "fileUpload",
-     "type": "Boolean",
-     "desc": "Set to true if this form is a file upload.",
+     "name": "g_width",
+     "type": "number",
+     "desc": "width of the chart (respected by all elements in the set)",
      "memberOf": ""
     },
     {
-     "name": "baseParams",
+     "name": "title",
      "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).",
+     "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": ""
     },
     {
     }
    ],
    "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 (e)\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": "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": "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": "Clears all invalid messages in this form."
-    },
-    {
-     "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": "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": "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": "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": "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": "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": "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 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)",
-     "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.Graph": {
-   "props": [
-    {
-     "name": "graphtype",
-     "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)",
-     "memberOf": ""
-    },
-    {
-     "name": "g_height",
-     "type": "number",
-     "desc": "height of the chart (respected by all elements in the set)",
-     "memberOf": ""
-    },
-    {
-     "name": "g_width",
-     "type": "number",
-     "desc": "width of the chart (respected by all elements in the set)",
-     "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": "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"
-    },
-    {
-     "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": "click",
-     "sig": "function (e)\n{\n\n}",
-     "type": "function",
-     "desc": "The img click event for the img."
+     "desc": "The img click event for the img."
     },
     {
      "name": "destroy",
      "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "fieldLabel",
+     "name": "name",
      "type": "String",
-     "desc": "- the label associated",
+     "desc": "name of the input",
      "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "name",
-     "type": "String",
-     "desc": "name of the input",
+     "name": "fieldLabel",
+     "type": "string",
+     "desc": "- the label associated",
      "memberOf": "Roo.bootstrap.Input"
     },
     {
     {
      "name": "labelWidth",
      "type": "Number",
-     "desc": "set the width of label (0-12)",
+     "desc": "set the width of label",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labellg",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelmd",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelsm",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelxs",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
      "memberOf": "Roo.bootstrap.Input"
     },
     {
      "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": "indicatorpos",
+     "type": "String",
+     "desc": "default left",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "left",
+      "right"
+     ]
+    },
     {
      "name": "align",
      "type": "String",
      "type": "function",
      "desc": "Convenience function for setting disabled/enabled by boolean."
     },
+    {
+     "name": "setSrc",
+     "sig": "(String url)",
+     "type": "function",
+     "desc": "Sets the url of the image - used to update it"
+    },
     {
      "name": "setVisible",
      "sig": "(Boolean visible)",
      "desc": "is it disabled",
      "memberOf": ""
     },
-    {
-     "name": "fieldLabel",
-     "type": "String",
-     "desc": "- the label associated",
-     "memberOf": ""
-    },
     {
      "name": "inputType",
      "type": "String",
      "desc": "name of the input",
      "memberOf": ""
     },
+    {
+     "name": "fieldLabel",
+     "type": "string",
+     "desc": "- the label associated",
+     "memberOf": ""
+    },
     {
      "name": "placeholder",
      "type": "string",
     {
      "name": "labelWidth",
      "type": "Number",
-     "desc": "set the width of label (0-12)",
+     "desc": "set the width of label",
+     "memberOf": ""
+    },
+    {
+     "name": "labellg",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": ""
+    },
+    {
+     "name": "labelmd",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": ""
+    },
+    {
+     "name": "labelsm",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": ""
+    },
+    {
+     "name": "labelxs",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
      "memberOf": ""
     },
     {
      "desc": "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
      "memberOf": ""
     },
+    {
+     "name": "indicatorpos",
+     "type": "String",
+     "desc": "default left",
+     "memberOf": "",
+     "optvals": [
+      "left",
+      "right"
+     ]
+    },
     {
      "name": "align",
      "type": "String",
   "Roo.bootstrap.LayoutMasonry": {
    "props": [
     {
-     "name": "isFitWidth",
-     "type": "Boolean",
-     "desc": "- resize the width..",
-     "memberOf": ""
-    },
-    {
-     "name": "isOriginLeft",
+     "name": "isLayoutInstant",
      "type": "Boolean",
-     "desc": "= left align?",
+     "desc": "= no animation?",
      "memberOf": ""
     },
     {
-     "name": "isOriginTop",
-     "type": "Boolean",
-     "desc": "= top align?",
+     "name": "boxWidth",
+     "type": "Number",
+     "desc": "width of the columns",
      "memberOf": ""
     },
     {
-     "name": "isLayoutInstant",
-     "type": "Boolean",
-     "desc": "= no animation?",
+     "name": "boxHeight",
+     "type": "Number",
+     "desc": "- 0 for square, or fix it at a certian height",
      "memberOf": ""
     },
     {
-     "name": "isResizingContainer",
-     "type": "Boolean",
-     "desc": "= not sure if this is used..",
+     "name": "padWidth",
+     "type": "Number",
+     "desc": "padding below box..",
      "memberOf": ""
     },
     {
-     "name": "columnWidth",
+     "name": "gutter",
      "type": "Number",
-     "desc": "width of the columns",
+     "desc": "gutter width..",
      "memberOf": ""
     },
     {
-     "name": "padHeight",
+     "name": "maxCols",
      "type": "Number",
-     "desc": "padding below box..",
+     "desc": "maximum number of columns",
      "memberOf": ""
     },
     {
      "desc": "defalut true",
      "memberOf": ""
     },
+    {
+     "name": "isHorizontal",
+     "type": "Boolean",
+     "desc": "defalut false",
+     "memberOf": ""
+    },
+    {
+     "name": "alternativePadWidth",
+     "type": "Number",
+     "desc": "padding below box..",
+     "memberOf": ""
+    },
     {
      "name": "cls",
      "type": "String",
     }
    ]
   },
-  "Roo.bootstrap.Link": {
+  "Roo.bootstrap.LayoutMasonryAuto": {
    "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": "maxCols",
+     "type": "Number",
+     "desc": "maximum number of 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",
+     "desc": "image alternative text",
      "memberOf": ""
     },
     {
-     "name": "scrollwheel",
-     "type": "Boolean",
-     "desc": "default true",
+     "name": "href",
+     "type": "String",
+     "desc": "a tag href",
      "memberOf": ""
     },
     {
-     "name": "streetViewControl",
-     "type": "Boolean",
-     "desc": "default false",
-     "memberOf": ""
+     "name": "target",
+     "type": "String",
+     "desc": "target for a href.",
+     "memberOf": "",
+     "optvals": [
+      "_self",
+      "_blank",
+      "_parent",
+      "_top"
+     ]
     },
     {
-     "name": "radius",
-     "type": "Number",
-     "desc": "default 0",
+     "name": "html",
+     "type": "String",
+     "desc": "the content of the link.",
      "memberOf": ""
     },
     {
-     "name": "locationName",
+     "name": "anchor",
      "type": "String",
-     "desc": "",
+     "desc": "name for the anchor link",
      "memberOf": ""
     },
     {
-     "name": "draggable",
-     "type": "Boolean",
-     "desc": "default true",
+     "name": "fa",
+     "type": "String",
+     "desc": "- favicon",
      "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",
-     "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}",
      "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}",
      "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": "loadexception",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the mouse exits this menu"
+     "desc": "Fires when load google lib failed."
     },
     {
-     "name": "mouseover",
-     "sig": "function (_self, e, menuItem)\n{\n\n}",
+     "name": "mapClick",
+     "sig": "function (_self, e)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the mouse is hovering over this menu"
+     "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."
     },
     {
      "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)",
-     "type": "function",
-     "desc": "Displays this menu relative to another element"
-    },
-    {
-     "name": "showAt",
-     "sig": "(Array xyPosition, Roo.menu.Menu parentMenu)",
+     "sig": "()",
      "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.MasonryBrick": {
    "props": [
+    {
+     "name": "title",
+     "type": "String",
+     "desc": "",
+     "memberOf": ""
+    },
     {
      "name": "html",
      "type": "String",
-     "desc": "the menu label",
+     "desc": "",
+     "memberOf": ""
+    },
+    {
+     "name": "bgimage",
+     "type": "String",
+     "desc": "",
+     "memberOf": ""
+    },
+    {
+     "name": "videourl",
+     "type": "String",
+     "desc": "",
+     "memberOf": ""
+    },
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "",
      "memberOf": ""
     },
     {
      "name": "href",
      "type": "String",
-     "desc": "the link",
+     "desc": "",
      "memberOf": ""
     },
     {
-     "name": "preventDefault",
-     "type": "Boolean",
-     "desc": "default true",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "name": "(xs|sm|md|md-left|md-right|tall|wide)",
+     "type": "String",
+     "desc": "size",
+     "memberOf": ""
     },
     {
-     "name": "isContainer",
+     "name": "(center|bottom)",
+     "type": "String",
+     "desc": "placetitle",
+     "memberOf": ""
+    },
+    {
+     "name": "isFitContainer",
      "type": "Boolean",
-     "desc": "default false",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "desc": "defalut true",
+     "memberOf": ""
     },
     {
-     "name": "cls",
-     "type": "String",
-     "desc": "css class",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "preventDefault",
+     "type": "Boolean",
+     "desc": "defalut false",
+     "memberOf": ""
     },
     {
      "name": "style",
      "name": "click",
      "sig": "function (_self, e)\n{\n\n}",
      "type": "function",
-     "desc": "The raw click event for the entire grid."
+     "desc": "When a MasonryBrick is clcik"
     },
     {
      "name": "destroy",
     }
    ]
   },
-  "Roo.bootstrap.MenuMgr": {
-   "props": [],
-   "events": [],
-   "methods": [
+  "Roo.bootstrap.Menu": {
+   "props": [
     {
-     "name": "get",
-     "sig": "(String/Object menu)",
-     "type": "function",
-     "desc": "Returns a {@link Roo.menu.Menu} object"
+     "name": "type",
+     "type": "String",
+     "desc": "type of menu",
+     "memberOf": "",
+     "optvals": [
+      "dropdown",
+      "treeview",
+      "submenu"
+     ]
     },
     {
-     "name": "hideAll",
-     "sig": "()",
-     "type": "function",
-     "desc": "Hides all menus that are currently visible"
-    }
-   ]
-  },
-  "Roo.bootstrap.MenuSeparator": {
-   "props": [
+     "name": "hidden",
+     "type": "bool",
+     "desc": "if the menu should be hidden when rendered.",
+     "memberOf": ""
+    },
+    {
+     "name": "stopEvent",
+     "type": "bool",
+     "desc": "Stop event after trigger press (default true)",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "isLink",
+     "type": "bool",
+     "desc": "the menu has link disable auto expand and collaspe (default false)",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "registerMenu",
+     "type": "Boolean",
+     "desc": "True (default) - means that clicking on screen etc. hides it.",
+     "memberOf": ""
+    },
     {
      "name": "cls",
      "type": "String",
      "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",
      "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 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.MessageBar": {
+  "Roo.bootstrap.MenuItem": {
    "props": [
     {
      "name": "html",
      "type": "String",
-     "desc": "contents of the MessageBar",
+     "desc": "the menu label",
      "memberOf": ""
     },
     {
-     "name": "weight",
+     "name": "href",
      "type": "String",
-     "desc": "default info",
-     "memberOf": "",
-     "optvals": [
-      "info",
-      "success",
-      "warning",
-      "danger"
-     ]
+     "desc": "the link",
+     "memberOf": ""
     },
     {
-     "name": "beforeClass",
-     "type": "String",
-     "desc": "insert the bar before the given class",
+     "name": "preventDefault",
+     "type": "Boolean",
+     "desc": "do not trigger A href on clicks (default false).",
      "memberOf": ""
     },
     {
-     "name": "closable",
+     "name": "isContainer",
      "type": "Boolean",
-     "desc": "default false",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "desc": "is it a container - just returns a drop down item..",
+     "memberOf": ""
     },
     {
-     "name": "fixed",
+     "name": "active",
      "type": "Boolean",
-     "desc": "default false, fix the bar at the top",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "desc": "used on sidebars to highlight active itesm",
+     "memberOf": ""
+    },
+    {
+     "name": "fa",
+     "type": "String",
+     "desc": "favicon to show on left of menu item.",
+     "memberOf": ""
+    },
+    {
+     "name": "menu",
+     "type": "Roo.bootsrap.Menu",
+     "desc": "the child menu.",
+     "memberOf": ""
     },
     {
      "name": "cls",
      "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.MessageBox": {
+  "Roo.bootstrap.MenuMgr": {
    "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)."
-    },
-    {
-     "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": "getDialog",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns a reference to the underlying {@link Roo.BasicDialog} element"
-    },
-    {
-     "name": "hide",
-     "sig": "()",
+     "name": "get",
+     "sig": "(String/Object menu)",
      "type": "function",
-     "desc": "Hides the message box if it is displayed"
+     "desc": "Returns a {@link Roo.menu.Menu} object"
     },
     {
-     "name": "isVisible",
+     "name": "hideAll",
      "sig": "()",
      "type": "function",
-     "desc": "Returns true if the message box is currently displayed"
-    },
-    {
-     "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."
+     "desc": "Hides all menus that are currently visible"
     }
    ]
   },
-  "Roo.bootstrap.Modal": {
+  "Roo.bootstrap.MenuSeparator": {
    "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",
-     "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",
-     "memberOf": "",
-     "optvals": [
-      "left",
-      "right",
-      "center"
-     ]
-    },
-    {
-     "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": {
+  "Roo.bootstrap.MessageBar": {
    "props": [
     {
-     "name": "language",
+     "name": "html",
      "type": "String",
-     "desc": "default en",
+     "desc": "contents of the MessageBar",
      "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",
+     "name": "weight",
      "type": "String",
-     "desc": "",
-     "memberOf": "Roo.bootstrap.Input",
+     "desc": "default info",
+     "memberOf": "",
      "optvals": [
-      "top",
-      "left"
+      "info",
+      "success",
+      "warning",
+      "danger"
      ]
     },
     {
-     "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",
+     "name": "beforeClass",
      "type": "String",
-     "desc": "Default left",
-     "memberOf": "Roo.bootstrap.Input",
-     "optvals": [
-      "left",
-      "center",
-      "right"
-     ]
+     "desc": "insert the bar before the given class",
+     "memberOf": ""
     },
     {
-     "name": "forceFeedback",
+     "name": "closable",
      "type": "Boolean",
-     "desc": "Default false",
-     "memberOf": "Roo.bootstrap.Input",
+     "desc": "default false",
+     "memberOf": "",
      "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",
+     "name": "fixed",
      "type": "Boolean",
-     "desc": "default true",
-     "memberOf": "Roo.bootstrap.Input",
+     "desc": "default false, fix the bar at the top",
+     "memberOf": "",
      "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": "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": "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}",
      "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": [
      "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": "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.NavGroup": {
-   "props": [
+  "Roo.bootstrap.MessageBox": {
+   "props": [],
+   "events": [],
+   "methods": [
     {
-     "name": "align",
-     "type": "String",
-     "desc": "",
-     "memberOf": "",
-     "optvals": [
-      "left",
-      "right"
-     ]
+     "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": "inverse",
-     "type": "Boolean",
-     "desc": "",
-     "memberOf": ""
+     "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": "type",
-     "type": "String",
-     "desc": "default nav",
-     "memberOf": "",
-     "optvals": [
-      "nav",
-      "pills",
-      "tab"
-     ]
+     "name": "getDialog",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns a reference to the underlying {@link Roo.BasicDialog} element"
     },
     {
-     "name": "navId",
-     "type": "String",
-     "desc": "- reference Id for navbar.",
-     "memberOf": ""
+     "name": "hide",
+     "sig": "()",
+     "type": "function",
+     "desc": "Hides the message box if it is displayed"
     },
     {
-     "name": "cls",
-     "type": "String",
-     "desc": "css class",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "isVisible",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if the message box is currently displayed"
     },
     {
-     "name": "style",
-     "type": "String",
-     "desc": "any extra css",
-     "memberOf": "Roo.bootstrap.Component"
+     "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": "xattr",
-     "type": "Object",
-     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
-     "memberOf": "Roo.bootstrap.Component"
+     "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": "can_build_overlaid",
-     "type": "Boolean",
-     "desc": "True if element can be rebuild from a HTML page",
-     "memberOf": "Roo.bootstrap.Component"
+     "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": "dataId",
-     "type": "string",
-     "desc": "cutomer id",
-     "memberOf": "Roo.bootstrap.Component"
+     "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": "name",
-     "type": "string",
-     "desc": "Specifies name attribute",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "updateText",
+     "sig": "(String text)",
+     "type": "function",
+     "desc": "Updates the message box body text"
     },
     {
-     "name": "tooltip",
-     "type": "string",
+     "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",
+     "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",
+     "memberOf": "",
+     "optvals": [
+      "left",
+      "right",
+      "center"
+     ]
+    },
+    {
+     "name": "animate",
+     "type": "Boolean",
+     "desc": "default true",
+     "memberOf": ""
+    },
+    {
+     "name": "allow_close",
+     "type": "Boolean",
+     "desc": "default true",
+     "memberOf": ""
+    },
+    {
+     "name": "fitwindow",
+     "type": "Boolean",
+     "desc": "default false",
+     "memberOf": ""
+    },
+    {
+     "name": "size",
+     "type": "String",
+     "desc": "default empty",
+     "memberOf": "",
+     "optvals": [
+      "sm",
+      "lg"
+     ]
+    },
+    {
+     "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"
     },
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "changed",
-     "sig": "function (_self, selected, prev)\n{\n\n}",
+     "name": "btnclick",
+     "sig": "function (e)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the active item changes"
+     "desc": "The raw btnclick event for the button"
     },
     {
      "name": "childrenrendered",
      "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)",
      "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": "clearAll",
-     "sig": "()",
+     "name": "capture",
+     "sig": "(Observable o, Function fn, Object scope)",
      "type": "function",
-     "desc": "clear all the Navigation item"
+     "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": "Try to focus this component."
     },
-    {
-     "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": "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)",
      "desc": "If this is a lazy rendering component, render it to its container element."
     },
     {
-     "name": "setActiveItem",
-     "sig": "(Roo.bootstrap.NavItem the)",
+     "name": "setBody",
+     "sig": "(String str)",
      "type": "function",
-     "desc": "sets the active Navigation item"
+     "desc": "Set the body of the Dialog"
     },
     {
      "name": "setDisabled",
      "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.NavHeaderbar": {
+  "Roo.bootstrap.MonthField": {
    "props": [
     {
-     "name": "brand",
+     "name": "language",
      "type": "String",
-     "desc": "what is brand",
+     "desc": "default en",
      "memberOf": ""
     },
     {
-     "name": "position",
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "is it disabled",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "inputType",
      "type": "String",
-     "desc": "position",
-     "memberOf": "",
-     "optvals": [
-      "fixed-top",
-      "fixed-bottom",
-      "static-top"
-     ]
+     "desc": "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "brand_href",
+     "name": "name",
      "type": "String",
-     "desc": "href of the brand",
-     "memberOf": ""
+     "desc": "name of the input",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "srButton",
-     "type": "Boolean",
-     "desc": "generate the (screen reader / mobile) sr-only button   default true",
-     "memberOf": ""
+     "name": "fieldLabel",
+     "type": "string",
+     "desc": "- the label associated",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "autohide",
-     "type": "Boolean",
-     "desc": "a top nav bar header that hides on scroll.",
-     "memberOf": ""
+     "name": "placeholder",
+     "type": "string",
+     "desc": "- placeholder to put in text.",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "desktopCenter",
-     "type": "Boolean",
-     "desc": "should the header be centered on desktop using a container class",
-     "memberOf": ""
+     "name": "before",
+     "type": "string",
+     "desc": "- input group add on before",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "mobilerow",
-     "type": "Roo.bootstrap.Row",
-     "desc": "- a row to display on mobile only..",
-     "memberOf": ""
+     "name": "after",
+     "type": "string",
+     "desc": "- input group add on after",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "inverse",
-     "type": "Boolean",
-     "desc": "is inverted color",
-     "memberOf": "Roo.bootstrap.NavSimplebar"
+     "name": "size",
+     "type": "string",
+     "desc": "- (lg|sm) or leave empty..",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "type",
+     "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",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labellg",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelmd",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelsm",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelxs",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelAlign",
      "type": "String",
      "desc": "",
-     "memberOf": "Roo.bootstrap.NavSimplebar",
+     "memberOf": "Roo.bootstrap.Input",
      "optvals": [
-      "nav",
-      "pills",
-      "tabs"
+      "top",
+      "left"
      ]
     },
     {
-     "name": "arrangement",
+     "name": "readOnly",
      "type": "Boolean",
-     "desc": "stacked | justified",
-     "memberOf": "Roo.bootstrap.NavSimplebar"
+     "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": "indicatorpos",
+     "type": "String",
+     "desc": "default left",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "left",
+      "right"
+     ]
     },
     {
      "name": "align",
      "type": "String",
-     "desc": "alignment",
-     "memberOf": "Roo.bootstrap.NavSimplebar",
+     "desc": "Default left",
+     "memberOf": "Roo.bootstrap.Input",
      "optvals": [
       "left",
+      "center",
       "right"
      ]
     },
     {
-     "name": "main",
+     "name": "forceFeedback",
      "type": "Boolean",
-     "desc": "main nav bar? default false",
-     "memberOf": "Roo.bootstrap.NavSimplebar",
+     "desc": "Default false",
+     "memberOf": "Roo.bootstrap.Input",
      "optvals": [
       "true",
       "false"
      ]
     },
     {
-     "name": "loadMask",
+     "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": "loadMask on the bar",
-     "memberOf": "Roo.bootstrap.NavSimplebar",
+     "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": "tag",
+     "name": "invalidFeedbackIcon",
      "type": "String",
-     "desc": "default is nav",
-     "memberOf": "Roo.bootstrap.NavSimplebar",
-     "optvals": [
-      "header",
-      "footer",
-      "nav",
-      "div"
-     ]
+     "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",
      "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": "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}",
      "desc": "Fires after the component is rendered."
     },
     {
-     "name": "show",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "select",
+     "sig": "function (_self, oldvalue, newvalue)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the component is shown."
+     "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."
     }
    ],
    "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": "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)"
-    }
-   ]
-  },
-  "Roo.bootstrap.NavItem": {
-   "props": [
-    {
-     "name": "href",
-     "type": "String",
-     "desc": "link to",
-     "memberOf": ""
     },
     {
-     "name": "html",
-     "type": "String",
-     "desc": "content of button",
-     "memberOf": ""
+     "name": "validate",
+     "sig": "()",
+     "type": "function",
+     "desc": "Validates the field value"
     },
     {
-     "name": "badge",
-     "type": "String",
-     "desc": "text inside badge",
-     "memberOf": ""
-    },
+     "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": "badgecls",
+     "name": "align",
      "type": "String",
-     "desc": "the extra classes for the badge",
+     "desc": "",
      "memberOf": "",
      "optvals": [
-      "bg-green",
-      "bg-red",
-      "bg-yellow"
+      "left",
+      "right"
      ]
     },
     {
-     "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",
+     "name": "inverse",
      "type": "Boolean",
-     "desc": "Is item disabled",
+     "desc": "",
      "memberOf": ""
     },
     {
-     "name": "preventDefault",
-     "type": "Boolean",
-     "desc": "default false",
+     "name": "type",
+     "type": "String",
+     "desc": "default nav",
      "memberOf": "",
      "optvals": [
-      "true",
-      "false"
+      "nav",
+      "pills",
+      "tab"
      ]
     },
     {
-     "name": "tabId",
+     "name": "navId",
      "type": "String",
-     "desc": "the tab that this item activates.",
+     "desc": "- reference Id for navbar.",
      "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",
     },
     {
      "name": "changed",
-     "sig": "function (_self, state)\n{\n\n}",
+     "sig": "function (_self, selected, prev)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the active item active state changes"
+     "desc": "Fires when the active item changes"
     },
     {
      "name": "childrenrendered",
      "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}",
      "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": "()",
      "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"
+    },
+    {
+     "name": "getActive",
+     "sig": "()",
+     "type": "function",
+     "desc": "gets the active Navigation item"
+    },
     {
      "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": "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.NavProgressBar": {
+  "Roo.bootstrap.NavHeaderbar": {
    "props": [
+    {
+     "name": "brand",
+     "type": "String",
+     "desc": "what is brand",
+     "memberOf": ""
+    },
+    {
+     "name": "position",
+     "type": "String",
+     "desc": "position",
+     "memberOf": "",
+     "optvals": [
+      "fixed-top",
+      "fixed-bottom",
+      "static-top"
+     ]
+    },
+    {
+     "name": "brand_href",
+     "type": "String",
+     "desc": "href of the brand",
+     "memberOf": ""
+    },
+    {
+     "name": "srButton",
+     "type": "Boolean",
+     "desc": "generate the (screen reader / mobile) sr-only button   default true",
+     "memberOf": ""
+    },
+    {
+     "name": "autohide",
+     "type": "Boolean",
+     "desc": "a top nav bar header that hides on scroll.",
+     "memberOf": ""
+    },
+    {
+     "name": "desktopCenter",
+     "type": "Boolean",
+     "desc": "should the header be centered on desktop using a container class",
+     "memberOf": ""
+    },
+    {
+     "name": "mobilerow",
+     "type": "Roo.bootstrap.Row",
+     "desc": "- a row to display on mobile only..",
+     "memberOf": ""
+    },
+    {
+     "name": "inverse",
+     "type": "Boolean",
+     "desc": "is inverted color",
+     "memberOf": "Roo.bootstrap.NavSimplebar"
+    },
+    {
+     "name": "type",
+     "type": "String",
+     "desc": "",
+     "memberOf": "Roo.bootstrap.NavSimplebar",
+     "optvals": [
+      "nav",
+      "pills",
+      "tabs"
+     ]
+    },
+    {
+     "name": "arrangement",
+     "type": "Boolean",
+     "desc": "stacked | justified",
+     "memberOf": "Roo.bootstrap.NavSimplebar"
+    },
+    {
+     "name": "align",
+     "type": "String",
+     "desc": "alignment",
+     "memberOf": "Roo.bootstrap.NavSimplebar",
+     "optvals": [
+      "left",
+      "right"
+     ]
+    },
+    {
+     "name": "main",
+     "type": "Boolean",
+     "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",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "changed",
-     "sig": "function (_self, selected, prev)\n{\n\n}",
+     "name": "beforetoggle",
+     "sig": "function (e)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the active item changes"
+     "desc": "Fire before toggle the menu"
     },
     {
      "name": "childrenrendered",
     }
    ]
   },
-  "Roo.bootstrap.NavProgressItem": {
+  "Roo.bootstrap.NavItem": {
    "props": [
     {
-     "name": "rid",
+     "name": "href",
      "type": "String",
-     "desc": "the reference id",
+     "desc": "link to",
      "memberOf": ""
     },
     {
-     "name": "active",
-     "type": "Boolean",
-     "desc": "Is item active default false",
+     "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": [
-      "true",
-      "false"
+      "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 active default false",
+     "desc": "Is item disabled",
+     "memberOf": ""
+    },
+    {
+     "name": "preventDefault",
+     "type": "Boolean",
+     "desc": "default false",
      "memberOf": "",
      "optvals": [
       "true",
      ]
     },
     {
-     "name": "html",
+     "name": "tabId",
      "type": "String",
-     "desc": "",
+     "desc": "the tab that this item activates.",
      "memberOf": ""
     },
     {
-     "name": "position",
+     "name": "tagtype",
      "type": "String",
-     "desc": "text position default bottom",
+     "desc": "render as a href or span?",
      "memberOf": "",
      "optvals": [
-      "top",
-      "bottom"
+      "a",
+      "span"
      ]
     },
     {
-     "name": "icon",
-     "type": "String",
-     "desc": "show icon instead of number",
-     "memberOf": ""
+     "name": "animateRef",
+     "type": "Boolean",
+     "desc": "link to element default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
     },
     {
      "name": "cls",
      "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}",
     },
     {
      "name": "click",
-     "sig": "function (_self, e)\n{\n\n}",
+     "sig": "function (e)\n{\n\n}",
      "type": "function",
      "desc": "The raw click event for the entire grid."
     },
      "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.NavProgressBar": {
    "props": [
     {
      "name": "cls",
      "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}",
     }
    ]
   },
-  "Roo.bootstrap.NavSidebarItem": {
+  "Roo.bootstrap.NavProgressItem": {
    "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",
+     "name": "rid",
      "type": "String",
-     "desc": "name of font awesome icon",
-     "memberOf": "Roo.bootstrap.NavItem"
+     "desc": "the reference id",
+     "memberOf": ""
     },
     {
      "name": "active",
      "type": "Boolean",
-     "desc": "Is item active",
-     "memberOf": "Roo.bootstrap.NavItem"
+     "desc": "Is item active default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
     },
     {
      "name": "disabled",
      "type": "Boolean",
-     "desc": "Is item disabled",
-     "memberOf": "Roo.bootstrap.NavItem"
-    },
-    {
-     "name": "preventDefault",
-     "type": "Boolean",
-     "desc": "default false",
-     "memberOf": "Roo.bootstrap.NavItem",
+     "desc": "Is item active default false",
+     "memberOf": "",
      "optvals": [
       "true",
       "false"
      ]
     },
     {
-     "name": "tabId",
+     "name": "html",
      "type": "String",
-     "desc": "the tab that this item activates.",
-     "memberOf": "Roo.bootstrap.NavItem"
+     "desc": "",
+     "memberOf": ""
     },
     {
-     "name": "tagtype",
+     "name": "position",
      "type": "String",
-     "desc": "render as a href or span?",
-     "memberOf": "Roo.bootstrap.NavItem",
+     "desc": "text position default bottom",
+     "memberOf": "",
      "optvals": [
-      "a",
-      "span"
+      "top",
+      "bottom"
      ]
     },
     {
-     "name": "animateRef",
-     "type": "Boolean",
-     "desc": "link to element default false",
-     "memberOf": "Roo.bootstrap.NavItem",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "name": "icon",
+     "type": "String",
+     "desc": "show icon instead of number",
+     "memberOf": ""
     },
     {
      "name": "cls",
      "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}",
     },
     {
      "name": "click",
-     "sig": "function (e)\n{\n\n}",
+     "sig": "function (_self, e)\n{\n\n}",
      "type": "function",
      "desc": "The raw click event for the entire grid."
     },
      "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.NavSidebar": {
    "props": [
-    {
-     "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",
      "type": "function",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
+    {
+     "name": "beforetoggle",
+     "sig": "function (e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fire before toggle the menu"
+    },
     {
      "name": "childrenrendered",
      "sig": "function (_self)\n{\n\n}",
     }
    ]
   },
-  "Roo.bootstrap.Navbar": {
+  "Roo.bootstrap.NavSidebarItem": {
    "props": [
     {
-     "name": "cls",
+     "name": "href",
      "type": "String",
-     "desc": "css class",
-     "memberOf": "Roo.bootstrap.Component"
+     "desc": "link to",
+     "memberOf": "Roo.bootstrap.NavItem"
     },
     {
-     "name": "style",
+     "name": "html",
      "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"
+     "desc": "content of button",
+     "memberOf": "Roo.bootstrap.NavItem"
     },
     {
-     "name": "disableClass",
+     "name": "badge",
      "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": "text inside badge",
+     "memberOf": "Roo.bootstrap.NavItem"
     },
     {
-     "name": "hideMode",
+     "name": "badgecls",
      "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": "the extra classes for the badge",
+     "memberOf": "Roo.bootstrap.NavItem",
      "optvals": [
-      "display",
-      "visibility"
+      "bg-green",
+      "bg-red",
+      "bg-yellow"
      ]
     },
     {
-     "name": "actionMode",
+     "name": "glyphicon",
      "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": "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": "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": "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": "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"
+     "desc": "name of glyphicon",
+     "memberOf": "Roo.bootstrap.NavItem"
     },
     {
-     "name": "render",
-     "sig": "(String/HTMLElement/Element container)",
-     "type": "function",
-     "desc": "If this is a lazy rendering component, render it to its container element."
+     "name": "icon",
+     "type": "String",
+     "desc": "name of font awesome icon",
+     "memberOf": "Roo.bootstrap.NavItem"
     },
     {
-     "name": "setDisabled",
-     "sig": "(Boolean disabled)",
-     "type": "function",
-     "desc": "Convenience function for setting disabled/enabled by boolean."
+     "name": "active",
+     "type": "Boolean",
+     "desc": "Is item active",
+     "memberOf": "Roo.bootstrap.NavItem"
     },
     {
-     "name": "setVisible",
-     "sig": "(Boolean visible)",
-     "type": "function",
-     "desc": "Convenience function to hide or show this component by boolean."
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "Is item disabled",
+     "memberOf": "Roo.bootstrap.NavItem"
     },
     {
-     "name": "show",
-     "sig": "()",
-     "type": "function",
-     "desc": "Show a component - removes 'hidden' class"
+     "name": "preventDefault",
+     "type": "Boolean",
+     "desc": "default false",
+     "memberOf": "Roo.bootstrap.NavItem",
+     "optvals": [
+      "true",
+      "false"
+     ]
     },
     {
-     "name": "tooltipEl",
-     "sig": "()",
-     "type": "function",
-     "desc": "Fetch the element to display the tooltip on."
+     "name": "tabId",
+     "type": "String",
+     "desc": "the tab that this item activates.",
+     "memberOf": "Roo.bootstrap.NavItem"
     },
     {
-     "name": "un",
-     "sig": "(String eventName, Function handler, Object scope)",
-     "type": "function",
-     "desc": "Removes a listener (shorthand for removeListener)"
-    }
-   ]
-  },
-  "Roo.bootstrap.Pagination": {
-   "props": [
-    {
-     "name": "size",
+     "name": "tagtype",
      "type": "String",
-     "desc": "xs | sm | md | lg",
-     "memberOf": ""
+     "desc": "render as a href or span?",
+     "memberOf": "Roo.bootstrap.NavItem",
+     "optvals": [
+      "a",
+      "span"
+     ]
     },
     {
-     "name": "inverse",
+     "name": "animateRef",
      "type": "Boolean",
-     "desc": "false | true",
-     "memberOf": ""
+     "desc": "link to element default false",
+     "memberOf": "Roo.bootstrap.NavItem",
+     "optvals": [
+      "true",
+      "false"
+     ]
     },
     {
      "name": "cls",
      "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.PaginationItem": {
+  "Roo.bootstrap.NavSimplebar": {
    "props": [
     {
-     "name": "html",
-     "type": "String",
-     "desc": "text",
+     "name": "inverse",
+     "type": "Boolean",
+     "desc": "is inverted color",
      "memberOf": ""
     },
     {
-     "name": "href",
+     "name": "type",
      "type": "String",
-     "desc": "the link",
+     "desc": "",
+     "memberOf": "",
+     "optvals": [
+      "nav",
+      "pills",
+      "tabs"
+     ]
+    },
+    {
+     "name": "arrangement",
+     "type": "Boolean",
+     "desc": "stacked | justified",
      "memberOf": ""
     },
     {
-     "name": "preventDefault",
+     "name": "align",
+     "type": "String",
+     "desc": "alignment",
+     "memberOf": "",
+     "optvals": [
+      "left",
+      "right"
+     ]
+    },
+    {
+     "name": "main",
      "type": "Boolean",
-     "desc": "default true",
+     "desc": "main nav bar? default false",
      "memberOf": "",
      "optvals": [
       "true",
      ]
     },
     {
-     "name": "active",
+     "name": "loadMask",
      "type": "Boolean",
-     "desc": "default false",
+     "desc": "loadMask on the bar",
      "memberOf": "",
      "optvals": [
       "true",
      ]
     },
     {
-     "name": "disabled",
-     "type": "Boolean",
-     "desc": "default false",
-     "memberOf": ""
+     "name": "tag",
+     "type": "String",
+     "desc": "default is nav",
+     "memberOf": "",
+     "optvals": [
+      "header",
+      "footer",
+      "nav",
+      "div"
+     ]
     },
     {
      "name": "cls",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "childrenrendered",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "beforetoggle",
+     "sig": "function (e)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the children have been rendered.."
+     "desc": "Fire before toggle the menu"
     },
     {
-     "name": "click",
-     "sig": "function (e)\n{\n\n}",
+     "name": "childrenrendered",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "The raw click event for the entire grid."
+     "desc": "Fires when the children have been rendered.."
     },
     {
      "name": "destroy",
     }
    ]
   },
-  "Roo.bootstrap.PagingToolbar": {
+  "Roo.bootstrap.Navbar": {
    "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": ""
-    },
-    {
-     "name": "inverse",
-     "type": "Boolean",
-     "desc": "is inverted color",
-     "memberOf": "Roo.bootstrap.NavSimplebar"
-    },
-    {
-     "name": "type",
-     "type": "String",
-     "desc": "",
-     "memberOf": "Roo.bootstrap.NavSimplebar",
-     "optvals": [
-      "nav",
-      "pills",
-      "tabs"
-     ]
-    },
-    {
-     "name": "arrangement",
-     "type": "Boolean",
-     "desc": "stacked | justified",
-     "memberOf": "Roo.bootstrap.NavSimplebar"
-    },
-    {
-     "name": "align",
-     "type": "String",
-     "desc": "alignment",
-     "memberOf": "Roo.bootstrap.NavSimplebar",
-     "optvals": [
-      "left",
-      "right"
-     ]
-    },
-    {
-     "name": "main",
-     "type": "Boolean",
-     "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": "beforetoggle",
+     "sig": "function (e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fire before toggle the menu"
+    },
     {
      "name": "childrenrendered",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Appends an event handler to this component"
     },
-    {
-     "name": "bind",
-     "sig": "(Roo.data.Store store)",
-     "type": "function",
-     "desc": "Binds the paging toolbar to the specified {@link Roo.data.Store}"
-    },
     {
      "name": "capture",
      "sig": "(Observable o, Function fn, Object scope)",
      "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
      "desc": "Removes a listener (shorthand for removeListener)"
-    },
-    {
-     "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.NumberField": {
    "props": [
     {
-     "name": "html",
-     "type": "String",
-     "desc": "contents of the popover   (or false to use children..)",
+     "name": "allowDecimals",
+     "type": "Boolean",
+     "desc": "False to disallow decimal values (defaults to true)",
      "memberOf": ""
     },
     {
-     "name": "title",
+     "name": "decimalSeparator",
      "type": "String",
-     "desc": "of popover (or false to hide)",
+     "desc": "Character(s) to allow as the decimal separator (defaults to '.')",
      "memberOf": ""
     },
     {
-     "name": "placement",
+     "name": "decimalPrecision",
+     "type": "Number",
+     "desc": "The maximum precision to display after the decimal separator (defaults to 2)",
+     "memberOf": ""
+    },
+    {
+     "name": "allowNegative",
+     "type": "Boolean",
+     "desc": "False to prevent entering a negative sign (defaults to true)",
+     "memberOf": ""
+    },
+    {
+     "name": "minValue",
+     "type": "Number",
+     "desc": "The minimum allowed value (defaults to Number.NEGATIVE_INFINITY)",
+     "memberOf": ""
+    },
+    {
+     "name": "maxValue",
+     "type": "Number",
+     "desc": "The maximum allowed value (defaults to Number.MAX_VALUE)",
+     "memberOf": ""
+    },
+    {
+     "name": "minText",
      "type": "String",
-     "desc": "how it is placed",
+     "desc": "Error text to display if the minimum value validation fails (defaults to \"The minimum value for this field is {minValue}\")",
      "memberOf": ""
     },
     {
-     "name": "trigger",
+     "name": "maxText",
      "type": "String",
-     "desc": "click || hover (or false to trigger manually)",
+     "desc": "Error text to display if the maximum value validation fails (defaults to \"The maximum value for this field is {maxValue}\")",
      "memberOf": ""
     },
     {
-     "name": "over",
+     "name": "nanText",
      "type": "String",
-     "desc": "what (parent or false to trigger manually.)",
+     "desc": "Error text to display if the value is not a valid number.  For example, this can happen\nif a valid character like '.' or '-' is left in the field with no number (defaults to \"{value} is not a valid number\")",
      "memberOf": ""
     },
     {
-     "name": "delay",
+     "name": "castInt",
+     "type": "Boolean",
+     "desc": "cast int if true (defalut true)",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "is it disabled",
+     "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": "fieldLabel",
+     "type": "string",
+     "desc": "- the label associated",
+     "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": "- delay before showing",
-     "memberOf": ""
+     "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",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labellg",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelmd",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelsm",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelxs",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "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": "indicatorpos",
+     "type": "String",
+     "desc": "default left",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "left",
+      "right"
+     ]
+    },
+    {
+     "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",
      "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": "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": [
      "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": "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",
      "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.Progress": {
+  "Roo.bootstrap.Pagination": {
    "props": [
     {
-     "name": "striped",
-     "type": "Boolean",
-     "desc": "striped of the progress bar",
+     "name": "size",
+     "type": "String",
+     "desc": "xs | sm | md | lg",
      "memberOf": ""
     },
     {
-     "name": "active",
+     "name": "inverse",
      "type": "Boolean",
-     "desc": "animated of the progress bar",
+     "desc": "false | true",
      "memberOf": ""
     },
     {
     }
    ]
   },
-  "Roo.bootstrap.ProgressBar": {
+  "Roo.bootstrap.PaginationItem": {
    "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",
+     "name": "html",
+     "type": "String",
+     "desc": "text",
      "memberOf": ""
     },
     {
-     "name": "label",
+     "name": "href",
      "type": "String",
-     "desc": "label for the progress bar",
+     "desc": "the link",
      "memberOf": ""
     },
     {
-     "name": "panel",
-     "type": "String",
-     "desc": "",
+     "name": "preventDefault",
+     "type": "Boolean",
+     "desc": "default true",
      "memberOf": "",
      "optvals": [
-      "success",
-      "info",
-      "warning",
-      "danger"
+      "true",
+      "false"
      ]
     },
     {
-     "name": "role",
-     "type": "String",
-     "desc": "role of the progress bar",
-     "memberOf": ""
+     "name": "active",
+     "type": "Boolean",
+     "desc": "default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
     },
     {
-     "name": "sr_only",
-     "type": "String",
-     "desc": "text",
+     "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.Radio": {
+  "Roo.bootstrap.PagingToolbar": {
    "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": "inputValue",
-     "type": "String",
-     "desc": "The value that should go into the generated input element's value when checked.",
-     "memberOf": "Roo.bootstrap.CheckBox"
-    },
-    {
-     "name": "boxLabel",
-     "type": "String",
-     "desc": "The text that appears beside the checkbox",
-     "memberOf": "Roo.bootstrap.CheckBox"
-    },
-    {
-     "name": "weight",
-     "type": "String",
-     "desc": "The text that appears beside the checkbox",
-     "memberOf": "Roo.bootstrap.CheckBox",
-     "optvals": [
-      "primary",
-      "warning",
-      "info",
-      "danger",
-      "success"
-     ]
-    },
-    {
-     "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": "dataSource",
+     "type": "Roo.data.Store",
+     "desc": "The underlying data store providing the paged data",
+     "memberOf": ""
     },
     {
-     "name": "groupId",
-     "type": "String",
-     "desc": "the checkbox group id // normal just use for checkbox",
-     "memberOf": "Roo.bootstrap.CheckBox"
+     "name": "container",
+     "type": "String/HTMLElement/Element",
+     "desc": "container The id or element that will contain the toolbar",
+     "memberOf": ""
     },
     {
-     "name": "disabled",
+     "name": "displayInfo",
      "type": "Boolean",
-     "desc": "is it disabled",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "True to display the displayMsg (defaults to false)",
+     "memberOf": ""
     },
     {
-     "name": "fieldLabel",
-     "type": "String",
-     "desc": "- the label associated",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "pageSize",
+     "type": "Number",
+     "desc": "The number of records to display per page (defaults to 20)",
+     "memberOf": ""
     },
     {
-     "name": "inputType",
+     "name": "displayMsg",
      "type": "String",
-     "desc": "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "The paging status message to display (defaults to \"Displaying {start} - {end} of {total}\")",
+     "memberOf": ""
     },
     {
-     "name": "name",
+     "name": "emptyMsg",
      "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"
+     "desc": "The message to display when no records are found (defaults to \"No data to display\")",
+     "memberOf": ""
     },
     {
-     "name": "labelWidth",
-     "type": "Number",
-     "desc": "set the width of label (0-12)",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "inverse",
+     "type": "Boolean",
+     "desc": "is inverted color",
+     "memberOf": "Roo.bootstrap.NavSimplebar"
     },
     {
-     "name": "labelAlign",
+     "name": "type",
      "type": "String",
      "desc": "",
-     "memberOf": "Roo.bootstrap.Input",
+     "memberOf": "Roo.bootstrap.NavSimplebar",
      "optvals": [
-      "top",
-      "left"
+      "nav",
+      "pills",
+      "tabs"
      ]
     },
     {
-     "name": "readOnly",
+     "name": "arrangement",
      "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": "stacked | justified",
+     "memberOf": "Roo.bootstrap.NavSimplebar"
     },
     {
      "name": "align",
      "type": "String",
-     "desc": "Default left",
-     "memberOf": "Roo.bootstrap.Input",
+     "desc": "alignment",
+     "memberOf": "Roo.bootstrap.NavSimplebar",
      "optvals": [
       "left",
-      "center",
       "right"
      ]
     },
     {
-     "name": "forceFeedback",
+     "name": "main",
      "type": "Boolean",
-     "desc": "Default false",
-     "memberOf": "Roo.bootstrap.Input",
+     "desc": "main nav bar? default false",
+     "memberOf": "Roo.bootstrap.NavSimplebar",
      "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",
+     "name": "loadMask",
      "type": "Boolean",
-     "desc": "default true",
-     "memberOf": "Roo.bootstrap.Input",
+     "desc": "loadMask on the bar",
+     "memberOf": "Roo.bootstrap.NavSimplebar",
      "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",
+     "name": "tag",
      "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 is nav",
+     "memberOf": "Roo.bootstrap.NavSimplebar",
+     "optvals": [
+      "header",
+      "footer",
+      "nav",
+      "div"
+     ]
     },
     {
      "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}",
-     "type": "function",
-     "desc": "Fires just before the field blurs if the field value has changed."
-    },
-    {
-     "name": "check",
-     "sig": "function (_self, checked)\n{\n\n}",
+     "name": "beforetoggle",
+     "sig": "function (e)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the element is checked or unchecked."
+     "desc": "Fire before toggle the menu"
     },
     {
      "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}",
      "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": "Appends an event handler to this component"
     },
     {
-     "name": "capture",
-     "sig": "(Observable o, Function fn, Object scope)",
+     "name": "bind",
+     "sig": "(Roo.data.Store store)",
      "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": "Binds the paging toolbar to the specified {@link Roo.data.Store}"
     },
     {
-     "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": "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)",
      "desc": "Removes a listener (shorthand for removeListener)"
     },
     {
-     "name": "validate",
-     "sig": "()",
-     "type": "function",
-     "desc": "Validates the field value"
-    },
-    {
-     "name": "validateValue",
-     "sig": "(Mixed value)",
+     "name": "unbind",
+     "sig": "(Roo.data.Store store)",
      "type": "function",
-     "desc": "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails"
+     "desc": "Unbinds the paging toolbar from the specified {@link Roo.data.Store}"
     }
    ]
   },
-  "Roo.bootstrap.Row": {
+  "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",
      "name": "hide",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the component is hidden."
+     "desc": "After the popover hide"
     },
     {
      "name": "render",
      "name": "show",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the component is shown."
+     "desc": "After the popover show"
     }
    ],
    "methods": [
     }
    ]
   },
-  "Roo.bootstrap.Slider": {
+  "Roo.bootstrap.Progress": {
    "props": [
+    {
+     "name": "striped",
+     "type": "Boolean",
+     "desc": "striped of the progress bar",
+     "memberOf": ""
+    },
+    {
+     "name": "active",
+     "type": "Boolean",
+     "desc": "animated of the progress bar",
+     "memberOf": ""
+    },
     {
      "name": "cls",
      "type": "String",
     }
    ]
   },
-  "Roo.bootstrap.TabGroup": {
+  "Roo.bootstrap.ProgressBar": {
    "props": [
     {
-     "name": "navId",
-     "type": "String",
-     "desc": "the navigation id (for use with navbars) - will be auto generated if it does not exist..",
-     "memberOf": ""
-    },
-    {
-     "name": "carousel",
-     "type": "Boolean",
-     "desc": "true to make the group behave like a carousel",
-     "memberOf": ""
-    },
-    {
-     "name": "bullets",
+     "name": "aria_valuenow",
      "type": "Number",
-     "desc": "show the panel pointer.. default 0",
+     "desc": "aria-value now",
      "memberOf": ""
     },
     {
-     "name": "autoslide",
-     "type": "Boolean",
-     "desc": "auto slide .. default false",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
-    },
-    {
-     "name": "slideOnTouch",
-     "type": "Boolean",
-     "desc": "slide on touch .. default false",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
-    },
-    {
-     "name": "timer",
+     "name": "aria_valuemin",
      "type": "Number",
-     "desc": "auto slide timer .. default 0 millisecond",
+     "desc": "aria-value min",
      "memberOf": ""
     },
     {
-     "name": "xs",
-     "type": "Number",
-     "desc": "colspan out of 12 for mobile-sized screens or 0 for hidden",
-     "memberOf": "Roo.bootstrap.Column"
-    },
-    {
-     "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",
+     "name": "aria_valuemax",
      "type": "Number",
-     "desc": "colspan offset out of 12 for large computer-sized screens or 0 for hidden",
-     "memberOf": "Roo.bootstrap.Column"
+     "desc": "aria-value max",
+     "memberOf": ""
     },
     {
-     "name": "hidden",
-     "type": "Boolean",
-     "desc": "hide the element",
-     "memberOf": "Roo.bootstrap.Column",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "name": "label",
+     "type": "String",
+     "desc": "label for the progress bar",
+     "memberOf": ""
     },
     {
-     "name": "alert",
+     "name": "panel",
      "type": "String",
-     "desc": "type alert (changes background / border...)",
-     "memberOf": "Roo.bootstrap.Column",
+     "desc": "",
+     "memberOf": "",
      "optvals": [
       "success",
       "info",
      ]
     },
     {
-     "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",
+     "name": "role",
      "type": "String",
-     "desc": "glyphicon name",
-     "memberOf": "Roo.bootstrap.Column",
-     "optvals": [
-      "info-sign",
-      "check",
-      "..."
-     ]
+     "desc": "role of the progress bar",
+     "memberOf": ""
     },
     {
-     "name": "html",
+     "name": "sr_only",
      "type": "String",
-     "desc": "content of column.",
-     "memberOf": "Roo.bootstrap.Column"
+     "desc": "text",
+     "memberOf": ""
     },
     {
      "name": "cls",
      "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.Radio": {
    "props": [
     {
-     "name": "active",
-     "type": "Boolean",
-     "desc": "panel active",
-     "memberOf": ""
-    },
-    {
-     "name": "html",
-     "type": "String",
-     "desc": "panel content",
-     "memberOf": ""
-    },
-    {
-     "name": "tabId",
+     "name": "boxLabel",
      "type": "String",
-     "desc": "unique tab ID (will be autogenerated if not set. - used to match TabItem to Panel)",
+     "desc": "- the label associated",
      "memberOf": ""
     },
     {
-     "name": "navId",
+     "name": "value",
      "type": "String",
-     "desc": "The Roo.bootstrap.NavGroup which triggers show hide ()",
+     "desc": "- the value of radio",
      "memberOf": ""
     },
     {
     }
    ],
    "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.RadioSet": {
    "props": [
     {
-     "name": "cls",
+     "name": "indicatorpos",
      "type": "String",
-     "desc": "table class",
-     "memberOf": ""
+     "desc": "default left",
+     "memberOf": "",
+     "optvals": [
+      "left",
+      "right"
+     ]
     },
     {
-     "name": "align",
+     "name": "inline",
+     "type": "Boolean",
+     "desc": "inline the element (default true)",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "weight",
      "type": "String",
-     "desc": "Specifies the alignment of a table according to surrounding text",
+     "desc": "The text that appears beside the radio",
      "memberOf": "",
      "optvals": [
-      "left",
-      "center",
-      "right"
+      "primary",
+      "warning",
+      "info",
+      "danger",
+      "success"
      ]
     },
     {
-     "name": "bgcolor",
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "is it disabled",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "inputType",
      "type": "String",
-     "desc": "Specifies the background color for a table",
-     "memberOf": ""
+     "desc": "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "border",
-     "type": "Number",
-     "desc": "Specifies whether the table cells should have borders or not",
-     "memberOf": ""
+     "name": "name",
+     "type": "String",
+     "desc": "name of the input",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "cellpadding",
-     "type": "Number",
-     "desc": "Specifies the space between the cell wall and the cell content",
-     "memberOf": ""
+     "name": "fieldLabel",
+     "type": "string",
+     "desc": "- the label associated",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "cellspacing",
-     "type": "Number",
-     "desc": "Specifies the space between cells",
-     "memberOf": ""
+     "name": "placeholder",
+     "type": "string",
+     "desc": "- placeholder to put in text.",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "frame",
-     "type": "String",
-     "desc": "Specifies which parts of the outside borders that should be visible",
-     "memberOf": ""
+     "name": "before",
+     "type": "string",
+     "desc": "- input group add on before",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "rules",
-     "type": "String",
-     "desc": "Specifies which parts of the inside borders that should be visible",
-     "memberOf": ""
+     "name": "after",
+     "type": "string",
+     "desc": "- input group add on after",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "sortable",
-     "type": "String",
-     "desc": "Specifies that the table should be sortable",
-     "memberOf": ""
+     "name": "size",
+     "type": "string",
+     "desc": "- (lg|sm) or leave empty..",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "summary",
-     "type": "String",
-     "desc": "Specifies a summary of the content of a table",
-     "memberOf": ""
+     "name": "xs",
+     "type": "Number",
+     "desc": "colspan out of 12 for mobile-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "width",
+     "name": "sm",
      "type": "Number",
-     "desc": "Specifies the width of a table",
-     "memberOf": ""
+     "desc": "colspan out of 12 for tablet-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "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",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "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",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "bordered",
-     "type": "boolean",
-     "desc": "Add borders to the table",
-     "memberOf": ""
+     "name": "value",
+     "type": "string",
+     "desc": "default value of the input",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "hover",
-     "type": "boolean",
-     "desc": "Add hover highlighting",
-     "memberOf": ""
+     "name": "labelWidth",
+     "type": "Number",
+     "desc": "set the width of label",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "condensed",
-     "type": "boolean",
-     "desc": "Format condensed",
-     "memberOf": ""
+     "name": "labellg",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "responsive",
-     "type": "boolean",
-     "desc": "Format condensed",
-     "memberOf": ""
+     "name": "labelmd",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "loadMask",
-     "type": "Boolean",
-     "desc": "default false",
-     "memberOf": "",
+     "name": "labelsm",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelxs",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelAlign",
+     "type": "String",
+     "desc": "",
+     "memberOf": "Roo.bootstrap.Input",
      "optvals": [
-      "true",
-      "false"
+      "top",
+      "left"
      ]
     },
     {
-     "name": "footerShow",
+     "name": "readOnly",
      "type": "Boolean",
-     "desc": "generate tfoot, default true",
-     "memberOf": "",
+     "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": [
-      "true",
-      "false"
+      "left",
+      "center",
+      "right"
      ]
     },
     {
-     "name": "headerShow",
+     "name": "forceFeedback",
      "type": "Boolean",
-     "desc": "generate thead, default true",
-     "memberOf": "",
+     "desc": "Default false",
+     "memberOf": "Roo.bootstrap.Input",
      "optvals": [
       "true",
       "false"
      ]
     },
     {
-     "name": "rowSelection",
+     "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": "default false",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "desc": "Whether the field should validate when it loses focus (defaults to true).",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "cellSelection",
+     "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 false",
-     "memberOf": "",
+     "desc": "default true",
+     "memberOf": "Roo.bootstrap.Input",
      "optvals": [
       "true",
       "false"
      ]
     },
     {
-     "name": "footer",
-     "type": "Roo.bootstrap.PagingToolbar",
-     "desc": "a paging toolbar",
-     "memberOf": ""
+     "name": "invalidFeedbackIcon",
+     "type": "String",
+     "desc": "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "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",
      "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": "cellclick",
-     "sig": "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
+     "name": "blur",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when a cell is clicked"
+     "desc": "Fires when this field loses input focus."
     },
     {
-     "name": "celldblclick",
-     "sig": "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
+     "name": "change",
+     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when a cell is double clicked"
+     "desc": "Fires just before the field blurs if the field value has changed."
+    },
+    {
+     "name": "check",
+     "sig": "function (_self, item)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the element is checked or unchecked."
     },
     {
      "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}",
      "desc": "Fires after the component is hidden."
     },
     {
-     "name": "mouseout",
-     "sig": "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
+     "name": "invalid",
+     "sig": "function (_self, msg)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when a mouseout occur"
+     "desc": "Fires after the field has been marked as invalid."
     },
     {
-     "name": "mouseover",
-     "sig": "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
+     "name": "keyup",
+     "sig": "function (_self, e)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when a mouseover occur"
+     "desc": "Fires after the key up"
     },
     {
      "name": "render",
      "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}",
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when a row is double clicked"
+     "desc": "Fires after the component is shown."
     },
     {
-     "name": "rowsrendered",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "specialkey",
+     "sig": "function (_self, e)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when all the  rows have been rendered"
+     "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": "show",
+     "name": "valid",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the component is shown."
+     "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": "clear",
+     "name": "clearInvalid",
      "sig": "()",
      "type": "function",
-     "desc": "Remove all rows"
+     "desc": "Clear any invalid styles/messages for this field"
     },
     {
      "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": "()",
      "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)",
      "desc": "If this is a lazy rendering component, render it to its container element."
     },
     {
-     "name": "setDisabled",
-     "sig": "(Boolean disabled)",
+     "name": "reset",
+     "sig": "()",
      "type": "function",
-     "desc": "Convenience function for setting disabled/enabled by boolean."
+     "desc": "Resets the current field value to the originally loaded value and clears any validation messages"
     },
     {
-     "name": "setRowVisibility",
-     "sig": "(Number rowIndex, Boolean state)",
+     "name": "setDisabled",
+     "sig": "(Boolean disabled)",
      "type": "function",
-     "desc": "Show or hide a row."
+     "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": "(String eventName, Function handler, Object scope)",
      "type": "function",
      "desc": "Removes a listener (shorthand for removeListener)"
-    }
-   ]
-  },
-  "Roo.bootstrap.Table.AbstractSelectionModel": {
-   "props": [
-    {
-     "name": "listeners",
-     "type": "Object",
-     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-     "memberOf": "Roo.util.Observable"
-    }
-   ],
-   "events": [],
-   "methods": [
-    {
-     "name": "addEvents",
-     "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": "fireEvent",
-     "sig": "(String eventName, Object... args)",
-     "type": "function",
-     "desc": "Fires the specified event with the passed parameters (minus the event name)."
-    },
-    {
-     "name": "hasListener",
-     "sig": "(String eventName)",
-     "type": "function",
-     "desc": "Checks to see if this object has any listeners for a specified event"
-    },
-    {
-     "name": "isLocked",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns true if the selections are locked."
-    },
-    {
-     "name": "lock",
-     "sig": "()",
-     "type": "function",
-     "desc": "Locks the selections."
-    },
-    {
-     "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": "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.Table.RowSelectionModel": {
-   "props": [
-    {
-     "name": "singleSelect",
-     "type": "Boolean",
-     "desc": "True to allow selection of only one row at a time (defaults to false)",
-     "memberOf": ""
-    },
-    {
-     "name": "listeners",
-     "type": "Object",
-     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-     "memberOf": "Roo.util.Observable"
-    }
-   ],
-   "events": [
-    {
-     "name": "afterselectionchange",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the selection changes (eg. by key press or clicking)"
-    },
-    {
-     "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": "rowdeselect",
-     "sig": "function (_self, rowIndex)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when a row is deselected."
-    },
-    {
-     "name": "rowselect",
-     "sig": "function (_self, rowIndex, r)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when a row is selected."
-    },
-    {
-     "name": "selectionchange",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the selection changes"
-    }
-   ],
-   "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": "clearSelections",
-     "sig": "()",
-     "type": "function",
-     "desc": "Clears all selections."
-    },
-    {
-     "name": "deselectRange",
-     "sig": "(Number startRow, Number endRow)",
-     "type": "function",
-     "desc": "Deselects a range of rows. All rows in between startRow and endRow are also deselected."
-    },
-    {
-     "name": "deselectRow",
-     "sig": "(Number row)",
-     "type": "function",
-     "desc": "Deselects a row."
-    },
-    {
-     "name": "fireEvent",
-     "sig": "(String eventName, Object... args)",
-     "type": "function",
-     "desc": "Fires the specified event with the passed parameters (minus the event name)."
-    },
-    {
-     "name": "getCount",
-     "sig": "()",
-     "type": "function",
-     "desc": "Gets the number of selected rows."
-    },
-    {
-     "name": "getSelected",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns the first selected record."
-    },
-    {
-     "name": "getSelections",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns the selected records"
-    },
-    {
-     "name": "hasListener",
-     "sig": "(String eventName)",
-     "type": "function",
-     "desc": "Checks to see if this object has any listeners for a specified event"
-    },
-    {
-     "name": "hasSelection",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns True if there is a selection."
-    },
-    {
-     "name": "isIdSelected",
-     "sig": "(String id)",
-     "type": "function",
-     "desc": "Returns True if the specified record id is selected."
-    },
-    {
-     "name": "isLocked",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns true if the selections are locked."
-    },
-    {
-     "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)",
-     "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": "selectAll",
-     "sig": "()",
-     "type": "function",
-     "desc": "Selects all rows."
-    },
-    {
-     "name": "selectFirstRow",
+     "name": "validate",
      "sig": "()",
      "type": "function",
-     "desc": "Selects the first row in the grid."
-    },
-    {
-     "name": "selectLastRow",
-     "sig": "(Boolean keepExisting)",
-     "type": "function",
-     "desc": "Select the last row."
-    },
-    {
-     "name": "selectNext",
-     "sig": "(Boolean keepExisting)",
-     "type": "function",
-     "desc": "Selects the row immediately following the last selected row."
-    },
-    {
-     "name": "selectPrevious",
-     "sig": "(Boolean keepExisting)",
-     "type": "function",
-     "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)"
+     "desc": "Validates the field value"
     },
     {
-     "name": "unlock",
-     "sig": "()",
+     "name": "validateValue",
+     "sig": "(Mixed value)",
      "type": "function",
-     "desc": "Unlocks the selections."
+     "desc": "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails"
     }
    ]
   },
-  "Roo.bootstrap.TableBody": {
+  "Roo.bootstrap.Row": {
    "props": [
     {
      "name": "cls",
      "type": "String",
-     "desc": "element class",
-     "memberOf": ""
-    },
-    {
-     "name": "tag",
-     "type": "String",
-     "desc": "element tag (thead|tbody|tfoot) default tbody",
-     "memberOf": ""
-    },
-    {
-     "name": "align",
-     "type": "String",
-     "desc": "Aligns the content inside the element",
-     "memberOf": ""
-    },
-    {
-     "name": "charoff",
-     "type": "Number",
-     "desc": "Sets the number of characters the content inside the element will be aligned from the character specified by the char attribute",
-     "memberOf": ""
-    },
-    {
-     "name": "valign",
-     "type": "String",
-     "desc": "Vertical aligns the content inside the <tbody> element",
-     "memberOf": ""
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
      "name": "style",
     }
    ]
   },
-  "Roo.bootstrap.TableCell": {
+  "Roo.bootstrap.SecurePass": {
    "props": [
     {
-     "name": "html",
-     "type": "String",
-     "desc": "cell contain text",
+     "name": "errors",
+     "type": "String/Object",
+     "desc": "A Error spec, or true for a default spec (defaults to\n{\n PwdEmpty: \"Please type a password, and then retype it to confirm.\",\n PwdShort: \"Your password must be at least 6 characters long. Please type a different password.\",\n PwdLong: \"Your password can't contain more than 16 characters. Please type a different password.\",\n PwdBadChar: \"The password contains characters that aren't allowed. Please type a different password.\",\n IDInPwd: \"Your password can't include the part of your ID. Please type a different password.\",\n FNInPwd: \"Your password can't contain your first name. Please type a different password.\",\n LNInPwd: \"Your password can't contain your last name. Please type a different password.\"\n})",
      "memberOf": ""
     },
     {
-     "name": "cls",
-     "type": "String",
-     "desc": "cell class",
+     "name": "Label",
+     "type": "String/Object",
+     "desc": "for the strength meter (defaults to\n'Password strength:')",
      "memberOf": ""
     },
     {
-     "name": "tag",
-     "type": "String",
-     "desc": "cell tag (td|th) default td",
+     "name": "pwdStrengths",
+     "type": "String/Object",
+     "desc": "A pwdStrengths spec, or true for a default spec (defaults to\n['Weak', 'Medium', 'Strong'])",
      "memberOf": ""
     },
     {
-     "name": "abbr",
-     "type": "String",
-     "desc": "Specifies an abbreviated version of the content in a cell",
-     "memberOf": ""
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "is it disabled",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "align",
+     "name": "inputType",
      "type": "String",
-     "desc": "Aligns the content in a cell",
-     "memberOf": ""
+     "desc": "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "axis",
+     "name": "name",
      "type": "String",
-     "desc": "Categorizes cells",
-     "memberOf": ""
+     "desc": "name of the input",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "bgcolor",
-     "type": "String",
-     "desc": "Specifies the background color of a cell",
-     "memberOf": ""
+     "name": "fieldLabel",
+     "type": "string",
+     "desc": "- the label associated",
+     "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": "placeholder",
+     "type": "string",
+     "desc": "- placeholder to put in text.",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "colspan",
-     "type": "Number",
-     "desc": "Specifies the number of columns a cell should span",
-     "memberOf": ""
+     "name": "before",
+     "type": "string",
+     "desc": "- input group add on before",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "headers",
-     "type": "String",
-     "desc": "Specifies one or more header cells a cell is related to",
-     "memberOf": ""
+     "name": "after",
+     "type": "string",
+     "desc": "- input group add on after",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "height",
+     "name": "size",
+     "type": "string",
+     "desc": "- (lg|sm) or leave empty..",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "xs",
      "type": "Number",
-     "desc": "Sets the height of a cell",
-     "memberOf": ""
+     "desc": "colspan out of 12 for mobile-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "nowrap",
-     "type": "String",
-     "desc": "Specifies that the content inside a cell should not wrap",
-     "memberOf": ""
+     "name": "sm",
+     "type": "Number",
+     "desc": "colspan out of 12 for tablet-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "rowspan",
+     "name": "md",
      "type": "Number",
-     "desc": "Sets the number of rows a cell should span",
-     "memberOf": ""
+     "desc": "colspan out of 12 for computer-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "scope",
-     "type": "String",
-     "desc": "Defines a way to associate header cells and data cells in a table",
-     "memberOf": ""
+     "name": "lg",
+     "type": "Number",
+     "desc": "colspan out of 12 for large computer-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "valign",
-     "type": "String",
-     "desc": "Vertical aligns the content in a cell",
-     "memberOf": ""
+     "name": "value",
+     "type": "string",
+     "desc": "default value of the input",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "width",
+     "name": "labelWidth",
      "type": "Number",
-     "desc": "Specifies the width of a cell",
-     "memberOf": ""
+     "desc": "set the width of label",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "style",
-     "type": "String",
-     "desc": "any extra css",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "labellg",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "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": "labelmd",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "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": "labelsm",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "dataId",
-     "type": "string",
-     "desc": "cutomer id",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "labelxs",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "name",
-     "type": "string",
-     "desc": "Specifies name attribute",
+     "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": "indicatorpos",
+     "type": "String",
+     "desc": "default left",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "left",
+      "right"
+     ]
+    },
+    {
+     "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"
     },
     {
      "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 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.TableRow": {
+  "Roo.bootstrap.Slider": {
    "props": [
     {
      "name": "cls",
      "type": "String",
-     "desc": "row class",
-     "memberOf": ""
-    },
-    {
-     "name": "align",
-     "type": "String",
-     "desc": "Aligns the content in a table row",
-     "memberOf": ""
-    },
-    {
-     "name": "bgcolor",
-     "type": "String",
-     "desc": "Specifies a background color for a table row",
-     "memberOf": ""
-    },
-    {
-     "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": "valign",
-     "type": "String",
-     "desc": "Vertical aligns the content in a table row",
-     "memberOf": ""
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
      "name": "style",
     }
    ]
   },
-  "Roo.bootstrap.TextArea": {
+  "Roo.bootstrap.SplitBar": {
    "props": [
     {
-     "name": "cols",
-     "type": "Number",
-     "desc": "Specifies the visible width of a text area",
-     "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": "rows",
-     "type": "Number",
-     "desc": "Specifies the visible number of lines in a text area",
-     "memberOf": ""
+     "name": "beforeresize",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the splitter is dragged"
     },
     {
-     "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": "moved",
+     "sig": "function (_self, newSize)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the splitter is moved"
     },
     {
      "name": "resize",
-     "type": "string",
-     "desc": "",
-     "memberOf": "",
-     "optvals": [
-      "none",
-      "both",
-      "horizontal",
-      "vertical",
-      "inherit",
-      "initial"
-     ]
+     "sig": "function (_self, newSize)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the splitter is moved (alias for {@link #event-moved})"
+    }
+   ],
+   "methods": [
+    {
+     "name": "addEvents",
+     "sig": "(Object object)",
+     "type": "function",
+     "desc": "Used to define events on this Observable"
     },
     {
-     "name": "html",
-     "type": "string",
-     "desc": "text",
-     "memberOf": ""
+     "name": "addListener",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "type": "function",
+     "desc": "Appends an event handler to this component"
     },
     {
-     "name": "disabled",
-     "type": "Boolean",
-     "desc": "is it disabled",
-     "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": "fieldLabel",
-     "type": "String",
-     "desc": "- the label associated",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "destroy",
+     "sig": "(Boolean removeEl)",
+     "type": "function",
+     "desc": "Destroy this splitbar."
     },
     {
-     "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": "getAdapter",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the adapter this SplitBar uses"
     },
     {
-     "name": "placeholder",
-     "type": "string",
-     "desc": "- placeholder to put in text.",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "getMaximumSize",
+     "sig": "()",
+     "type": "function",
+     "desc": "Gets the maximum size for the resizing element"
     },
     {
-     "name": "before",
-     "type": "string",
-     "desc": "- input group add on before",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "getMinimumSize",
+     "sig": "()",
+     "type": "function",
+     "desc": "Gets the minimum size for the resizing element"
     },
     {
-     "name": "after",
-     "type": "string",
-     "desc": "- input group add on after",
-     "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": "size",
-     "type": "string",
-     "desc": "- (lg|sm) or leave empty..",
-     "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": "xs",
-     "type": "Number",
-     "desc": "colspan out of 12 for mobile-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "purgeListeners",
+     "sig": "()",
+     "type": "function",
+     "desc": "Removes all listeners for this object"
     },
     {
-     "name": "sm",
-     "type": "Number",
-     "desc": "colspan out of 12 for tablet-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "releaseCapture",
+     "sig": "(Observable o)",
+     "type": "function",
+     "desc": "Removes <b>all</b> added captures from the Observable."
     },
     {
-     "name": "md",
-     "type": "Number",
-     "desc": "colspan out of 12 for computer-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener"
     },
     {
-     "name": "lg",
-     "type": "Number",
-     "desc": "colspan out of 12 for large computer-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "setAdapter",
+     "sig": "(Object adapter)",
+     "type": "function",
+     "desc": "Set the adapter this SplitBar uses"
     },
     {
-     "name": "value",
-     "type": "string",
-     "desc": "default value of the input",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "setCurrentSize",
+     "sig": "(Number size)",
+     "type": "function",
+     "desc": "Sets the initialize size for the resizing element"
     },
     {
-     "name": "labelWidth",
-     "type": "Number",
-     "desc": "set the width of label (0-12)",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "setMaximumSize",
+     "sig": "(Number maxSize)",
+     "type": "function",
+     "desc": "Sets the maximum size for the resizing element"
     },
     {
-     "name": "labelAlign",
-     "type": "String",
-     "desc": "",
-     "memberOf": "Roo.bootstrap.Input",
-     "optvals": [
-      "top",
-      "left"
-     ]
+     "name": "setMinimumSize",
+     "sig": "(Number minSize)",
+     "type": "function",
+     "desc": "Sets the minimum size for the resizing element"
     },
     {
-     "name": "readOnly",
-     "type": "Boolean",
-     "desc": "Specifies that the field should be read-only",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener (shorthand for removeListener)"
+    }
+   ]
+  },
+  "Roo.bootstrap.SplitBar.AbsoluteLayoutAdapter": {
+   "props": [],
+   "events": [],
+   "methods": [
+    {
+     "name": "getElementSize",
+     "sig": "(Roo.bootstrap.SplitBar s)",
+     "type": "function",
+     "desc": "Called before drag operations to get the current size of the resizing element."
     },
     {
-     "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": "setElementSize",
+     "sig": "(Roo.bootstrap.SplitBar s, Number newSize, Function onComplete)",
+     "type": "function",
+     "desc": "Called after drag operations to set the size of the resizing element."
+    }
+   ]
+  },
+  "Roo.bootstrap.SplitBar.BasicLayoutAdapter": {
+   "props": [],
+   "events": [],
+   "methods": [
+    {
+     "name": "getElementSize",
+     "sig": "(Roo.bootstrap.SplitBar s)",
+     "type": "function",
+     "desc": "Called before drag operations to get the current size of the resizing element."
     },
     {
-     "name": "align",
+     "name": "setElementSize",
+     "sig": "(Roo.bootstrap.SplitBar s, Number newSize, Function onComplete)",
+     "type": "function",
+     "desc": "Called after drag operations to set the size of the resizing element."
+    }
+   ]
+  },
+  "Roo.bootstrap.TabGroup": {
+   "props": [
+    {
+     "name": "navId",
      "type": "String",
-     "desc": "Default left",
-     "memberOf": "Roo.bootstrap.Input",
-     "optvals": [
-      "left",
-      "center",
-      "right"
-     ]
+     "desc": "the navigation id (for use with navbars) - will be auto generated if it does not exist..",
+     "memberOf": ""
     },
     {
-     "name": "forceFeedback",
+     "name": "carousel",
      "type": "Boolean",
-     "desc": "Default false",
-     "memberOf": "Roo.bootstrap.Input",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "desc": "true to make the group behave like a carousel",
+     "memberOf": ""
     },
     {
-     "name": "validationEvent",
-     "type": "String/Boolean",
-     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "bullets",
+     "type": "Boolean",
+     "desc": "show bullets for the panels",
+     "memberOf": ""
     },
     {
-     "name": "validateOnBlur",
+     "name": "autoslide",
      "type": "Boolean",
-     "desc": "Whether the field should validate when it loses focus (defaults to true).",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "auto slide .. default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
     },
     {
-     "name": "validationDelay",
+     "name": "timer",
      "type": "Number",
-     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-     "memberOf": "Roo.bootstrap.Input"
-    },
-    {
-     "name": "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"
+     "desc": "auto slide timer .. default 0 millisecond",
+     "memberOf": ""
     },
     {
-     "name": "hasFeedback",
+     "name": "showarrow",
      "type": "Boolean",
-     "desc": "default true",
-     "memberOf": "Roo.bootstrap.Input",
+     "desc": "show arrow 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": "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": "xs",
+     "type": "Number",
+     "desc": "colspan out of 12 for mobile-sized screens or 0 for hidden",
+     "memberOf": "Roo.bootstrap.Column"
     },
     {
-     "name": "selectOnFocus",
-     "type": "Boolean",
-     "desc": "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "sm",
+     "type": "Number",
+     "desc": "colspan out of 12 for tablet-sized screens or 0 for hidden",
+     "memberOf": "Roo.bootstrap.Column"
     },
     {
-     "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": "md",
+     "type": "Number",
+     "desc": "colspan out of 12 for computer-sized screens or 0 for hidden",
+     "memberOf": "Roo.bootstrap.Column"
     },
     {
-     "name": "vtype",
-     "type": "String",
-     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "lg",
+     "type": "Number",
+     "desc": "colspan out of 12 for large computer-sized screens or 0 for hidden",
+     "memberOf": "Roo.bootstrap.Column"
     },
     {
-     "name": "disableKeyFilter",
-     "type": "Boolean",
-     "desc": "True to disable input keystroke filtering (defaults to false)",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "xsoff",
+     "type": "Number",
+     "desc": "colspan offset out of 12 for mobile-sized screens or 0 for hidden",
+     "memberOf": "Roo.bootstrap.Column"
     },
     {
-     "name": "allowBlank",
-     "type": "Boolean",
-     "desc": "False to validate that the value length > 0 (defaults to true)",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "smoff",
+     "type": "Number",
+     "desc": "colspan offset out of 12 for tablet-sized screens or 0 for hidden",
+     "memberOf": "Roo.bootstrap.Column"
     },
     {
-     "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": "mdoff",
+     "type": "Number",
+     "desc": "colspan offset out of 12 for computer-sized screens or 0 for hidden",
+     "memberOf": "Roo.bootstrap.Column"
     },
     {
-     "name": "minLength",
+     "name": "lgoff",
      "type": "Number",
-     "desc": "Minimum input field length required (defaults to 0)",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "colspan offset out of 12 for large computer-sized screens or 0 for hidden",
+     "memberOf": "Roo.bootstrap.Column"
     },
     {
-     "name": "maxLength",
-     "type": "Number",
-     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "hidden",
+     "type": "Boolean",
+     "desc": "hide the element",
+     "memberOf": "Roo.bootstrap.Column",
+     "optvals": [
+      "true",
+      "false"
+     ]
     },
     {
-     "name": "minLengthText",
+     "name": "alert",
      "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": "type alert (changes background / border...)",
+     "memberOf": "Roo.bootstrap.Column",
+     "optvals": [
+      "success",
+      "info",
+      "warning",
+      "danger"
+     ]
     },
     {
-     "name": "maxLengthText",
+     "name": "fa",
      "type": "String",
-     "desc": "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "font awesome icon",
+     "memberOf": "Roo.bootstrap.Column",
+     "optvals": [
+      "ban",
+      "check",
+      "..."
+     ]
     },
     {
-     "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": "fasize",
+     "type": "Number",
+     "desc": "font awsome size",
+     "memberOf": "Roo.bootstrap.Column",
+     "optvals": [
+      "1",
+      "2",
+      "...."
+     ]
     },
     {
-     "name": "regex",
-     "type": "RegExp",
-     "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "icon",
+     "type": "String",
+     "desc": "glyphicon name",
+     "memberOf": "Roo.bootstrap.Column",
+     "optvals": [
+      "info-sign",
+      "check",
+      "..."
+     ]
     },
     {
-     "name": "regexText",
+     "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 column.",
+     "memberOf": "Roo.bootstrap.Column"
     },
     {
      "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",
      "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": "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": "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": "()",
      "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"
+     "desc": "Appends an event handler to this element (shorthand for addListener)"
     },
     {
-     "name": "markValid",
+     "name": "purgeListeners",
      "sig": "()",
      "type": "function",
-     "desc": "Mark this field as valid"
+     "desc": "Removes all listeners for this object"
     },
     {
-     "name": "on",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "name": "register",
+     "sig": "(Roo.bootstrap.NavItem the)",
      "type": "function",
-     "desc": "Appends an event handler to this element (shorthand for addListener)"
+     "desc": "register a Navigation item"
     },
     {
-     "name": "purgeListeners",
-     "sig": "()",
+     "name": "register",
+     "sig": "(Roo.bootstrap.NavGroup the)",
      "type": "function",
-     "desc": "Removes all listeners for this object"
+     "desc": "register a Navigation Group"
     },
     {
      "name": "releaseCapture",
      "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": "showPanel",
+     "sig": "(Roo.bootstrap.TabPanel|number|string panel)",
+     "type": "function",
+     "desc": "show a specific panel"
+    },
     {
      "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.TimeField": {
+  "Roo.bootstrap.TabPanel": {
    "props": [
     {
-     "name": "format",
+     "name": "active",
+     "type": "Boolean",
+     "desc": "panel active",
+     "memberOf": ""
+    },
+    {
+     "name": "html",
      "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": "panel content",
      "memberOf": ""
     },
     {
-     "name": "disabled",
-     "type": "Boolean",
-     "desc": "is it disabled",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "tabId",
+     "type": "String",
+     "desc": "unique tab ID (will be autogenerated if not set. - used to match TabItem to Panel)",
+     "memberOf": ""
     },
     {
-     "name": "fieldLabel",
+     "name": "navId",
      "type": "String",
-     "desc": "- the label associated",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "The Roo.bootstrap.NavGroup which triggers show hide ()",
+     "memberOf": ""
     },
     {
-     "name": "inputType",
+     "name": "href",
      "type": "String",
-     "desc": "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "click to link..",
+     "memberOf": ""
     },
     {
-     "name": "name",
+     "name": "cls",
      "type": "String",
-     "desc": "name of the input",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "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",
+     "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": "- input group add on after",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "size",
+     "name": "name",
      "type": "string",
-     "desc": "- (lg|sm) or leave empty..",
-     "memberOf": "Roo.bootstrap.Input"
+     "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": "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": "container_method",
+     "type": "string",
+     "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
      "name": "disableClass",
     }
    ],
    "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}",
      "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": "changed",
+     "sig": "function (_self, state)\n{\n\n}",
      "type": "function",
-     "desc": "Fires just before the field blurs if the field value has changed."
+     "desc": "Fires when the active status changes"
     },
     {
      "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, 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."
+     "desc": "Fires after the component is shown."
     }
    ],
    "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": "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.Tooltip": {
-   "props": [],
-   "events": [],
-   "methods": [
-    {
-     "name": "currentEl",
-     "sig": "()",
-     "type": "function",
-     "desc": ""
     }
    ]
   },
-  "Roo.bootstrap.TriggerField": {
+  "Roo.bootstrap.Table": {
    "props": [
     {
-     "name": "triggerClass",
+     "name": "cls",
      "type": "String",
-     "desc": "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' by default and triggerClass will be <b>appended</b> if specified.",
+     "desc": "table class",
      "memberOf": ""
     },
     {
-     "name": "caret",
+     "name": "align",
      "type": "String",
-     "desc": "a fontawesome for the trigger icon see http://fortawesome.github.io/Font-Awesome/icons/",
+     "desc": "Specifies the alignment of a table according to surrounding text",
      "memberOf": "",
      "optvals": [
-      "search",
-      "calendar"
+      "left",
+      "center",
+      "right"
      ]
     },
     {
-     "name": "hideTrigger",
-     "type": "Boolean",
-     "desc": "True to hide the trigger element and display only the base text field (defaults to false)",
+     "name": "bgcolor",
+     "type": "String",
+     "desc": "Specifies the background color for a table",
      "memberOf": ""
     },
     {
-     "name": "removable",
-     "type": "Boolean",
-     "desc": "special filter default false",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "name": "border",
+     "type": "Number",
+     "desc": "Specifies whether the table cells should have borders or not",
+     "memberOf": ""
     },
     {
-     "name": "disabled",
-     "type": "Boolean",
-     "desc": "is it disabled",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "cellpadding",
+     "type": "Number",
+     "desc": "Specifies the space between the cell wall and the cell content",
+     "memberOf": ""
     },
     {
-     "name": "fieldLabel",
+     "name": "cellspacing",
+     "type": "Number",
+     "desc": "Specifies the space between cells",
+     "memberOf": ""
+    },
+    {
+     "name": "frame",
      "type": "String",
-     "desc": "- the label associated",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "Specifies which parts of the outside borders that should be visible",
+     "memberOf": ""
     },
     {
-     "name": "inputType",
+     "name": "rules",
      "type": "String",
-     "desc": "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "Specifies which parts of the inside borders that should be visible",
+     "memberOf": ""
     },
     {
-     "name": "name",
+     "name": "sortable",
      "type": "String",
-     "desc": "name of the input",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "Specifies that the table should be sortable",
+     "memberOf": ""
     },
     {
-     "name": "placeholder",
-     "type": "string",
-     "desc": "- placeholder to put in text.",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "summary",
+     "type": "String",
+     "desc": "Specifies a summary of the content of a table",
+     "memberOf": ""
     },
     {
-     "name": "before",
-     "type": "string",
-     "desc": "- input group add on before",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "width",
+     "type": "Number",
+     "desc": "Specifies the width of a table",
+     "memberOf": ""
     },
     {
-     "name": "after",
-     "type": "string",
-     "desc": "- input group add on after",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "layout",
+     "type": "String",
+     "desc": "table layout (auto | fixed | initial | inherit)",
+     "memberOf": ""
     },
     {
-     "name": "size",
-     "type": "string",
-     "desc": "- (lg|sm) or leave empty..",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "striped",
+     "type": "boolean",
+     "desc": "Should the rows be alternative striped",
+     "memberOf": ""
     },
     {
-     "name": "xs",
-     "type": "Number",
-     "desc": "colspan out of 12 for mobile-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "bordered",
+     "type": "boolean",
+     "desc": "Add borders to the table",
+     "memberOf": ""
     },
     {
-     "name": "sm",
-     "type": "Number",
-     "desc": "colspan out of 12 for tablet-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "hover",
+     "type": "boolean",
+     "desc": "Add hover highlighting",
+     "memberOf": ""
     },
     {
-     "name": "md",
-     "type": "Number",
-     "desc": "colspan out of 12 for computer-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "condensed",
+     "type": "boolean",
+     "desc": "Format condensed",
+     "memberOf": ""
     },
     {
-     "name": "lg",
-     "type": "Number",
-     "desc": "colspan out of 12 for large computer-sized screens",
-     "memberOf": "Roo.bootstrap.Input"
+     "name": "responsive",
+     "type": "boolean",
+     "desc": "Format condensed",
+     "memberOf": ""
     },
     {
-     "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",
+     "name": "loadMask",
+     "type": "Boolean",
+     "desc": "default false",
+     "memberOf": "",
      "optvals": [
-      "top",
-      "left"
+      "true",
+      "false"
      ]
     },
     {
-     "name": "readOnly",
+     "name": "footerShow",
      "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": "generate tfoot, default true",
+     "memberOf": "",
      "optvals": [
-      "left",
-      "center",
-      "right"
+      "true",
+      "false"
      ]
     },
     {
-     "name": "forceFeedback",
+     "name": "headerShow",
      "type": "Boolean",
-     "desc": "Default false",
-     "memberOf": "Roo.bootstrap.Input",
+     "desc": "generate thead, default true",
+     "memberOf": "",
      "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",
+     "name": "rowSelection",
      "type": "Boolean",
-     "desc": "default true",
-     "memberOf": "Roo.bootstrap.Input",
+     "desc": "default false",
+     "memberOf": "",
      "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",
+     "name": "cellSelection",
      "type": "Boolean",
-     "desc": "True to disable input keystroke filtering (defaults to false)",
-     "memberOf": "Roo.bootstrap.Input"
+     "desc": "default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
     },
     {
-     "name": "allowBlank",
+     "name": "scrollBody",
      "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 false - body scrolled / fixed header",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
     },
     {
-     "name": "cls",
-     "type": "String",
-     "desc": "css class",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "footer",
+     "type": "Roo.bootstrap.PagingToolbar",
+     "desc": "a paging toolbar",
+     "memberOf": ""
     },
     {
      "name": "style",
      "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}",
+     "name": "cellclick",
+     "sig": "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when this field loses input focus."
+     "desc": "Fires when a cell is clicked"
     },
     {
-     "name": "change",
-     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
+     "name": "cellcontextmenu",
+     "sig": "function (_self, rowIndex, cellIndex, e)\n{\n\n}",
      "type": "function",
-     "desc": "Fires just before the field blurs if the field value has changed."
+     "desc": "Fires when a cell is right 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",
      "type": "function",
      "desc": "Fires when the children have been rendered.."
     },
+    {
+     "name": "contextmenu",
+     "sig": "function (e)\n{\n\n}",
+     "type": "function",
+     "desc": "The raw contextmenu event for the entire grid."
+    },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
      "desc": "Fires after the component is enabled."
     },
     {
-     "name": "focus",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "headercontextmenu",
+     "sig": "function (_self, columnIndex, e)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when this field receives input focus."
+     "desc": "Fires when a header is right clicked"
     },
     {
      "name": "hide",
      "desc": "Fires after the component is hidden."
     },
     {
-     "name": "invalid",
-     "sig": "function (_self, msg)\n{\n\n}",
+     "name": "mouseout",
+     "sig": "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the field has been marked as invalid."
+     "desc": "Fires when a mouseout occur"
     },
     {
-     "name": "keyup",
-     "sig": "function (_self, e)\n{\n\n}",
+     "name": "mouseover",
+     "sig": "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the key up"
+     "desc": "Fires when a mouseover occur"
     },
     {
      "name": "render",
      "desc": "Fires after the component is rendered."
     },
     {
-     "name": "show",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "rowclass",
+     "sig": "function (_self, rowcfg)\n{\n\n}",
      "type": "function",
-     "desc": "Fires after the component is shown."
+     "desc": "Fires when a row is rendered, so you can change add a style to it."
     },
     {
-     "name": "specialkey",
-     "sig": "function (_self, e)\n{\n\n}",
+     "name": "rowclick",
+     "sig": "function (_self, el, rowIndex, 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."
+     "desc": "Fires when a row is clicked"
     },
     {
-     "name": "valid",
+     "name": "rowcontextmenu",
+     "sig": "function (_self, rowIndex, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a row is right 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 after the field has been validated with no errors."
+     "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": [
      "type": "function",
      "desc": "Appends an event handler to this component"
     },
+    {
+     "name": "autoSize",
+     "sig": "()",
+     "type": "function",
+     "desc": "Forces a resize - used by panel.Grid"
+    },
     {
      "name": "capture",
      "sig": "(Observable o, Function fn, Object scope)",
      "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",
+     "name": "clear",
      "sig": "()",
      "type": "function",
-     "desc": "Clear any invalid styles/messages for this field"
+     "desc": "Remove all rows"
     },
     {
      "name": "destroy",
      "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",
+     "name": "getGridEl",
      "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": "Returns the grid's underlying element = used by panel.Grid"
     },
     {
-     "name": "getValue",
+     "name": "getId",
      "sig": "()",
      "type": "function",
-     "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
+     "desc": "Returns the id of this component."
     },
     {
      "name": "hasListener",
      "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)",
      "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": "setRowVisibility",
+     "sig": "(Number rowIndex, Boolean state)",
      "type": "function",
-     "desc": "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}."
+     "desc": "Show or hide a row."
     },
     {
      "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.UploadCropbox": {
+  "Roo.bootstrap.Table.AbstractSelectionModel": {
    "props": [
     {
-     "name": "emptyText",
-     "type": "String",
-     "desc": "show when image has been loaded",
-     "memberOf": ""
-    },
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [],
+   "methods": [
     {
-     "name": "rotateNotify",
-     "type": "String",
-     "desc": "show when image too small to rotate",
-     "memberOf": ""
+     "name": "addEvents",
+     "sig": "(Object object)",
+     "type": "function",
+     "desc": "Used to define events on this Observable"
     },
     {
-     "name": "errorTimeout",
-     "type": "Number",
-     "desc": "default 3000",
-     "memberOf": ""
+     "name": "addListener",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "type": "function",
+     "desc": "Appends an event handler to this component"
     },
     {
-     "name": "minWidth",
-     "type": "Number",
-     "desc": "default 300",
-     "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": "minHeight",
-     "type": "Number",
-     "desc": "default 300",
-     "memberOf": ""
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
+     "type": "function",
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
     },
     {
-     "name": "buttons",
-     "type": "Array",
-     "desc": "default ['rotateLeft', 'pictureBtn', 'rotateRight']",
-     "memberOf": ""
+     "name": "hasListener",
+     "sig": "(String eventName)",
+     "type": "function",
+     "desc": "Checks to see if this object has any listeners for a specified event"
     },
     {
-     "name": "isDocument",
-     "type": "Boolean",
-     "desc": "default false",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "name": "isLocked",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if the selections are locked."
     },
     {
-     "name": "url",
-     "type": "String",
-     "desc": "action url",
-     "memberOf": ""
+     "name": "lock",
+     "sig": "()",
+     "type": "function",
+     "desc": "Locks the selections."
     },
     {
-     "name": "paramName",
-     "type": "String",
-     "desc": "default 'imageUpload'",
-     "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": "method",
-     "type": "String",
-     "desc": "default POST",
-     "memberOf": ""
+     "name": "purgeListeners",
+     "sig": "()",
+     "type": "function",
+     "desc": "Removes all listeners for this object"
     },
     {
-     "name": "cls",
-     "type": "String",
-     "desc": "css class",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "releaseCapture",
+     "sig": "(Observable o)",
+     "type": "function",
+     "desc": "Removes <b>all</b> added captures from the Observable."
     },
     {
-     "name": "style",
-     "type": "String",
-     "desc": "any extra css",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener"
     },
     {
-     "name": "xattr",
-     "type": "Object",
-     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener (shorthand for removeListener)"
     },
     {
-     "name": "can_build_overlaid",
+     "name": "unlock",
+     "sig": "()",
+     "type": "function",
+     "desc": "Unlocks the selections."
+    }
+   ]
+  },
+  "Roo.bootstrap.Table.RowSelectionModel": {
+   "props": [
+    {
+     "name": "singleSelect",
      "type": "Boolean",
-     "desc": "True if element can be rebuild from a HTML page",
-     "memberOf": "Roo.bootstrap.Component"
+     "desc": "True to allow selection of only one row at a time (defaults to false)",
+     "memberOf": ""
     },
     {
-     "name": "dataId",
-     "type": "string",
-     "desc": "cutomer id",
-     "memberOf": "Roo.bootstrap.Component"
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "afterselectionchange",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the selection changes (eg. by key press or clicking)"
     },
     {
-     "name": "name",
-     "type": "string",
-     "desc": "Specifies name attribute",
+     "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": "rowdeselect",
+     "sig": "function (_self, rowIndex)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a row is deselected."
+    },
+    {
+     "name": "rowselect",
+     "sig": "function (_self, rowIndex, r)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a row is selected."
+    },
+    {
+     "name": "selectionchange",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the selection changes"
+    }
+   ],
+   "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": "clearSelections",
+     "sig": "()",
+     "type": "function",
+     "desc": "Clears all selections."
+    },
+    {
+     "name": "deselectRange",
+     "sig": "(Number startRow, Number endRow)",
+     "type": "function",
+     "desc": "Deselects a range of rows. All rows in between startRow and endRow are also deselected."
+    },
+    {
+     "name": "deselectRow",
+     "sig": "(Number row)",
+     "type": "function",
+     "desc": "Deselects a row."
+    },
+    {
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
+     "type": "function",
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+    },
+    {
+     "name": "getCount",
+     "sig": "()",
+     "type": "function",
+     "desc": "Gets the number of selected rows."
+    },
+    {
+     "name": "getSelected",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the first selected record."
+    },
+    {
+     "name": "getSelections",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the selected records"
+    },
+    {
+     "name": "hasListener",
+     "sig": "(String eventName)",
+     "type": "function",
+     "desc": "Checks to see if this object has any listeners for a specified event"
+    },
+    {
+     "name": "hasSelection",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns True if there is a selection."
+    },
+    {
+     "name": "isIdSelected",
+     "sig": "(String id)",
+     "type": "function",
+     "desc": "Returns True if the specified record id is selected."
+    },
+    {
+     "name": "isLocked",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if the selections are locked."
+    },
+    {
+     "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)",
+     "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": "selectAll",
+     "sig": "()",
+     "type": "function",
+     "desc": "Selects all rows."
+    },
+    {
+     "name": "selectFirstRow",
+     "sig": "()",
+     "type": "function",
+     "desc": "Selects the first row in the grid."
+    },
+    {
+     "name": "selectLastRow",
+     "sig": "(Boolean keepExisting)",
+     "type": "function",
+     "desc": "Select the last row."
+    },
+    {
+     "name": "selectNext",
+     "sig": "(Boolean keepExisting)",
+     "type": "function",
+     "desc": "Selects the row immediately following the last selected row."
+    },
+    {
+     "name": "selectPrevious",
+     "sig": "(Boolean keepExisting)",
+     "type": "function",
+     "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.TableBody": {
+   "props": [
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "element class",
+     "memberOf": ""
+    },
+    {
+     "name": "tag",
+     "type": "String",
+     "desc": "element tag (thead|tbody|tfoot) default tbody",
+     "memberOf": ""
+    },
+    {
+     "name": "align",
+     "type": "String",
+     "desc": "Aligns the content inside the element",
+     "memberOf": ""
+    },
+    {
+     "name": "charoff",
+     "type": "Number",
+     "desc": "Sets the number of characters the content inside the element will be aligned from the character specified by the char attribute",
+     "memberOf": ""
+    },
+    {
+     "name": "valign",
+     "type": "String",
+     "desc": "Vertical aligns the content inside the <tbody> element",
+     "memberOf": ""
+    },
+    {
+     "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"
     },
     {
     }
    ],
    "events": [
-    {
-     "name": "arrange",
-     "sig": "function (_self, formData)\n{\n\n}",
-     "type": "function",
-     "desc": "Fire when arrange the file data"
-    },
     {
      "name": "beforedestroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
-    {
-     "name": "beforeloadcanvas",
-     "sig": "function (_self, src)\n{\n\n}",
-     "type": "function",
-     "desc": "Fire before load the canvas"
-    },
     {
      "name": "beforerender",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires before the component is rendered. Return false to stop the render."
     },
-    {
-     "name": "beforeselectfile",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fire before select file"
-    },
     {
      "name": "beforeshow",
      "sig": "function (_self)\n{\n\n}",
      "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}",
      "type": "function",
      "desc": "Fires after the component is enabled."
     },
-    {
-     "name": "exception",
-     "sig": "function (_self, xhr)\n{\n\n}",
-     "type": "function",
-     "desc": "Fire when get exception"
-    },
-    {
-     "name": "footerbuttonclick",
-     "sig": "function (_self, type)\n{\n\n}",
-     "type": "function",
-     "desc": "Fire when footerbuttonclick"
-    },
     {
      "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 after initEvent"
-    },
-    {
-     "name": "inspect",
-     "sig": "function (_self, file)\n{\n\n}",
-     "type": "function",
-     "desc": "Fire when inspect the file"
-    },
-    {
-     "name": "prepare",
-     "sig": "function (_self, file)\n{\n\n}",
-     "type": "function",
-     "desc": "Fire when preparing the file data"
-    },
     {
      "name": "render",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is rendered."
     },
-    {
-     "name": "resize",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fire when resize"
-    },
-    {
-     "name": "rotate",
-     "sig": "function (_self, pos)\n{\n\n}",
-     "type": "function",
-     "desc": "Fire when rotate the image"
-    },
     {
      "name": "show",
      "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 when trash image"
-    },
-    {
-     "name": "upload",
-     "sig": "function (_self, data)\n{\n\n}",
-     "type": "function",
-     "desc": "Fire when xhr upload the file"
     }
    ],
    "methods": [
     }
    ]
   },
-  "Roo.bootstrap.dash": {
-   "props": [],
-   "events": [],
-   "methods": []
-  },
-  "Roo.bootstrap.dash.NumberBox": {
+  "Roo.bootstrap.TableCell": {
    "props": [
     {
-     "name": "headline",
+     "name": "html",
      "type": "String",
-     "desc": "Box headline",
+     "desc": "cell contain text",
      "memberOf": ""
     },
     {
-     "name": "content",
+     "name": "cls",
      "type": "String",
-     "desc": "Box content",
+     "desc": "cell class",
      "memberOf": ""
     },
     {
-     "name": "icon",
+     "name": "tag",
      "type": "String",
-     "desc": "Box icon",
+     "desc": "cell tag (td|th) default td",
      "memberOf": ""
     },
     {
-     "name": "footer",
+     "name": "abbr",
      "type": "String",
-     "desc": "Footer text",
+     "desc": "Specifies an abbreviated version of the content in a cell",
      "memberOf": ""
     },
     {
-     "name": "fhref",
+     "name": "align",
      "type": "String",
-     "desc": "Footer href",
+     "desc": "Aligns the content in a cell",
      "memberOf": ""
     },
     {
-     "name": "cls",
+     "name": "axis",
      "type": "String",
-     "desc": "css class",
-     "memberOf": "Roo.bootstrap.Component"
+     "desc": "Categorizes cells",
+     "memberOf": ""
+    },
+    {
+     "name": "bgcolor",
+     "type": "String",
+     "desc": "Specifies the background color of a cell",
+     "memberOf": ""
+    },
+    {
+     "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": "colspan",
+     "type": "Number",
+     "desc": "Specifies the number of columns a cell should span",
+     "memberOf": ""
+    },
+    {
+     "name": "headers",
+     "type": "String",
+     "desc": "Specifies one or more header cells a cell is related to",
+     "memberOf": ""
+    },
+    {
+     "name": "height",
+     "type": "Number",
+     "desc": "Sets the height of a cell",
+     "memberOf": ""
+    },
+    {
+     "name": "nowrap",
+     "type": "String",
+     "desc": "Specifies that the content inside a cell should not wrap",
+     "memberOf": ""
+    },
+    {
+     "name": "rowspan",
+     "type": "Number",
+     "desc": "Sets the number of rows a cell should span",
+     "memberOf": ""
+    },
+    {
+     "name": "scope",
+     "type": "String",
+     "desc": "Defines a way to associate header cells and data cells in a table",
+     "memberOf": ""
+    },
+    {
+     "name": "valign",
+     "type": "String",
+     "desc": "Vertical aligns the content in a cell",
+     "memberOf": ""
+    },
+    {
+     "name": "width",
+     "type": "Number",
+     "desc": "Specifies the width of a cell",
+     "memberOf": ""
     },
     {
      "name": "style",
     }
    ]
   },
-  "Roo.bootstrap.dash.TabBox": {
+  "Roo.bootstrap.TableRow": {
    "props": [
     {
-     "name": "title",
+     "name": "cls",
      "type": "String",
-     "desc": "Title of the TabBox",
+     "desc": "row class",
      "memberOf": ""
     },
     {
-     "name": "icon",
+     "name": "align",
      "type": "String",
-     "desc": "Icon of the TabBox",
+     "desc": "Aligns the content in a table row",
      "memberOf": ""
     },
     {
-     "name": "showtabs",
-     "type": "Boolean",
-     "desc": "show the tabs default true",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "name": "bgcolor",
+     "type": "String",
+     "desc": "Specifies a background color for a table row",
+     "memberOf": ""
     },
     {
-     "name": "tabScrollable",
-     "type": "Boolean",
-     "desc": "tab scrollable when mobile view default false",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
+     "name": "charoff",
+     "type": "Number",
+     "desc": "Sets the number of characters the content will be aligned from the character specified by the char attribute",
+     "memberOf": ""
     },
     {
-     "name": "cls",
+     "name": "valign",
      "type": "String",
-     "desc": "css class",
-     "memberOf": "Roo.bootstrap.Component"
+     "desc": "Vertical aligns the content in a table row",
+     "memberOf": ""
     },
     {
      "name": "style",
     }
    ],
    "events": [
-    {
-     "name": "activatepane",
-     "sig": "function (pane)\n{\n\n}",
-     "type": "function",
-     "desc": "When a pane is activated"
-    },
-    {
-     "name": "addpane",
-     "sig": "function (pane)\n{\n\n}",
-     "type": "function",
-     "desc": "When a pane is added"
-    },
     {
      "name": "beforedestroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Convenience function for setting disabled/enabled by boolean."
     },
-    {
-     "name": "setTitle",
-     "sig": "(String html)",
-     "type": "function",
-     "desc": "Updates the box title"
-    },
     {
      "name": "setVisible",
      "sig": "(Boolean visible)",
     }
    ]
   },
-  "Roo.bootstrap.dash.TabPane": {
+  "Roo.bootstrap.TextArea": {
    "props": [
     {
-     "name": "active",
+     "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",
+     "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",
+     "memberOf": ""
+    },
+    {
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "is it disabled",
+     "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": "fieldLabel",
+     "type": "string",
+     "desc": "- the label associated",
+     "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",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labellg",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelmd",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelsm",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelxs",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "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": "indicatorpos",
+     "type": "String",
+     "desc": "default left",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "left",
+      "right"
+     ]
+    },
+    {
+     "name": "align",
+     "type": "String",
+     "desc": "Default left",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "left",
+      "center",
+      "right"
+     ]
+    },
+    {
+     "name": "forceFeedback",
      "type": "Boolean",
      "desc": "Default false",
-     "memberOf": "",
+     "memberOf": "Roo.bootstrap.Input",
      "optvals": [
-      "false",
-      "true"
+      "true",
+      "false"
      ]
     },
     {
-     "name": "title",
+     "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": "title of panel",
-     "memberOf": ""
+     "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",
      "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 (pane)\n{\n\n}",
-     "type": "function",
-     "desc": "When a pane is activated"
-    },
     {
      "name": "beforedestroy",
      "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 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": "setTitle",
-     "sig": "(String html)",
+     "name": "setRawValue",
+     "sig": "(Mixed value)",
      "type": "function",
-     "desc": "Updates the tab title"
+     "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": "(String eventName, Function handler, Object scope)",
      "type": "function",
      "desc": "Removes a listener (shorthand for removeListener)"
-    }
-   ]
-  },
-  "Roo.bootstrap.htmleditor": {
-   "props": [],
-   "events": [],
-   "methods": []
-  },
-  "Roo.bootstrap.htmleditor.ToolbarStandard": {
-   "props": [
-    {
-     "name": "disable",
-     "type": "Object",
-     "desc": "List of elements to disable..",
-     "memberOf": ""
     },
     {
-     "name": "btns",
-     "type": "Array",
-     "desc": "List of additional buttons.\n\n\nNEEDS Extra CSS? \n.x-html-editor-tb .x-edit-none .x-btn-text { background: none; }",
-     "memberOf": ""
-    }
-   ],
-   "events": [],
-   "methods": [
-    {
-     "name": "updateToolbar",
+     "name": "validate",
      "sig": "()",
      "type": "function",
-     "desc": "Protected method that will not generally be called directly. It triggers\na toolbar update by reading the markup state of the current selection in the editor."
+     "desc": "Validates the field value"
+    },
+    {
+     "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.menu": {
-   "props": [],
-   "events": [],
-   "methods": []
-  },
-  "Roo.bootstrap.menu.Item": {
+  "Roo.bootstrap.TimeField": {
    "props": [
     {
-     "name": "submenu",
-     "type": "Boolean",
-     "desc": "default false",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
-    },
-    {
-     "name": "html",
+     "name": "format",
      "type": "String",
-     "desc": "text of the item",
+     "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": "href",
-     "type": "String",
-     "desc": "the link",
-     "memberOf": ""
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "is it disabled",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "disable",
+     "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": "fieldLabel",
+     "type": "string",
+     "desc": "- the label associated",
+     "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",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labellg",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelmd",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelsm",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelxs",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelAlign",
+     "type": "String",
+     "desc": "",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "top",
+      "left"
+     ]
+    },
+    {
+     "name": "readOnly",
      "type": "Boolean",
-     "desc": "default false",
-     "memberOf": "",
+     "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": "indicatorpos",
+     "type": "String",
+     "desc": "default left",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "left",
+      "right"
+     ]
+    },
+    {
+     "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": "preventDefault",
+     "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": "",
+     "memberOf": "Roo.bootstrap.Input",
      "optvals": [
       "true",
       "false"
      ]
     },
     {
-     "name": "icon",
+     "name": "invalidFeedbackIcon",
      "type": "String",
-     "desc": "Font awesome icon",
-     "memberOf": ""
+     "desc": "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "pos",
+     "name": "validFeedbackIcon",
      "type": "String",
-     "desc": "Submenu align to (left | right) default right",
-     "memberOf": ""
+     "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",
      "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": "childrenrendered",
+     "name": "blur",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the children have been rendered.."
+     "desc": "Fires when this field loses input focus."
     },
     {
-     "name": "click",
-     "sig": "function (e)\n{\n\n}",
+     "name": "change",
+     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
      "type": "function",
-     "desc": "The raw click event for the entire grid."
+     "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",
      "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}",
      "desc": "Fires after the component is hidden."
     },
     {
-     "name": "mouseout",
-     "sig": "function (_self, e)\n{\n\n}",
+     "name": "invalid",
+     "sig": "function (_self, msg)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the mouse exits this menu"
+     "desc": "Fires after the field has been marked as invalid."
     },
     {
-     "name": "mouseover",
+     "name": "keyup",
      "sig": "function (_self, e)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the mouse is hovering over this menu"
+     "desc": "Fires after the key up"
     },
     {
      "name": "render",
      "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 component is shown."
+     "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 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.menu.Menu": {
+  "Roo.bootstrap.Tooltip": {
+   "props": [],
+   "events": [],
+   "methods": [
+    {
+     "name": "currentEl",
+     "sig": "()",
+     "type": "function",
+     "desc": ""
+    }
+   ]
+  },
+  "Roo.bootstrap.TriggerField": {
    "props": [
     {
-     "name": "html",
+     "name": "triggerClass",
      "type": "String",
-     "desc": "Text of the menu",
+     "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": "weight",
+     "name": "caret",
      "type": "String",
-     "desc": "",
+     "desc": "a fontawesome for the trigger icon see http://fortawesome.github.io/Font-Awesome/icons/",
      "memberOf": "",
      "optvals": [
-      "default",
-      "primary",
-      "success",
-      "info",
-      "warning",
-      "danger",
-      "inverse"
+      "search",
+      "calendar"
      ]
     },
     {
-     "name": "icon",
-     "type": "String",
-     "desc": "Font awesome icon",
+     "name": "hideTrigger",
+     "type": "Boolean",
+     "desc": "True to hide the trigger element and display only the base text field (defaults to false)",
      "memberOf": ""
     },
     {
-     "name": "pos",
-     "type": "String",
-     "desc": "Menu align to (top | bottom) default bottom",
-     "memberOf": ""
+     "name": "removable",
+     "type": "Boolean",
+     "desc": "special filter default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
     },
     {
-     "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": "inputType",
      "type": "String",
-     "desc": "any extra css",
-     "memberOf": "Roo.bootstrap.Component"
+     "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": "fieldLabel",
+     "type": "string",
+     "desc": "- the label associated",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "dataId",
+     "name": "placeholder",
      "type": "string",
-     "desc": "cutomer id",
-     "memberOf": "Roo.bootstrap.Component"
+     "desc": "- placeholder to put in text.",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "name",
+     "name": "before",
      "type": "string",
-     "desc": "Specifies name attribute",
-     "memberOf": "Roo.bootstrap.Component"
+     "desc": "- input group add on before",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "tooltip",
+     "name": "after",
      "type": "string",
-     "desc": "Text for the tooltip",
-     "memberOf": "Roo.bootstrap.Component"
+     "desc": "- input group add on after",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "container_method",
+     "name": "size",
      "type": "string",
-     "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-     "memberOf": "Roo.bootstrap.Component"
+     "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": "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": "sm",
+     "type": "Number",
+     "desc": "colspan out of 12 for tablet-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": "md",
+     "type": "Number",
+     "desc": "colspan out of 12 for 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": "beforedestroy",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+     "name": "lg",
+     "type": "Number",
+     "desc": "colspan out of 12 for large computer-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "beforehide",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before this menu is hidden"
+     "name": "value",
+     "type": "string",
+     "desc": "default value of the input",
+     "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": "labelWidth",
+     "type": "Number",
+     "desc": "set the width of label",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "beforeshow",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before this menu is displayed"
+     "name": "labellg",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "childrenrendered",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the children have been rendered.."
+     "name": "labelmd",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "click",
-     "sig": "function (_self, 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": "labelsm",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "destroy",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is destroyed."
+     "name": "labelxs",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "disable",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is disabled."
+     "name": "labelAlign",
+     "type": "String",
+     "desc": "",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "top",
+      "left"
+     ]
     },
     {
-     "name": "enable",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is enabled."
+     "name": "readOnly",
+     "type": "Boolean",
+     "desc": "Specifies that the field should be read-only",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "hide",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after this menu is hidden"
+     "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": "render",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is rendered."
+     "name": "indicatorpos",
+     "type": "String",
+     "desc": "default left",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "left",
+      "right"
+     ]
     },
     {
-     "name": "show",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after this menu is displayed"
-    }
-   ],
-   "methods": [
-    {
-     "name": "addEvents",
-     "sig": "(Object object)",
-     "type": "function",
-     "desc": "Used to define events on this Observable"
+     "name": "align",
+     "type": "String",
+     "desc": "Default left",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "left",
+      "center",
+      "right"
+     ]
     },
     {
-     "name": "addListener",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
-     "type": "function",
-     "desc": "Appends an event handler to this component"
+     "name": "forceFeedback",
+     "type": "Boolean",
+     "desc": "Default false",
+     "memberOf": "Roo.bootstrap.Input",
+     "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": "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": "()",
-     "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": "validateOnBlur",
+     "type": "Boolean",
+     "desc": "Whether the field should validate when it loses focus (defaults to true).",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "disable",
-     "sig": "()",
-     "type": "function",
-     "desc": "Disable 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": "enable",
-     "sig": "()",
-     "type": "function",
-     "desc": "Enable this component."
+     "name": "focusClass",
+     "type": "String",
+     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "fireEvent",
-     "sig": "(String eventName, Object... args)",
-     "type": "function",
-     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+     "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": "focus",
-     "sig": "(Boolean selectText)",
-     "type": "function",
-     "desc": "Try to focus 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": "getChildContainer",
-     "sig": "()",
-     "type": "function",
-     "desc": "Fetch the element to add children to"
+     "name": "hasFeedback",
+     "type": "Boolean",
+     "desc": "default true",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "true",
+      "false"
+     ]
     },
     {
-     "name": "getEl",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns the underlying {@link Roo.Element}."
+     "name": "invalidFeedbackIcon",
+     "type": "String",
+     "desc": "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "getId",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns the id of this 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": "hasListener",
-     "sig": "(String eventName)",
-     "type": "function",
-     "desc": "Checks to see if this object has any listeners for a specified event"
+     "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": "()",
-     "type": "function",
-     "desc": "Hide a component - adds 'hidden' class"
+     "name": "maskRe",
+     "type": "String",
+     "desc": "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "initEvents",
-     "sig": "()",
-     "type": "function",
-     "desc": "Initialize Events for the element"
+     "name": "vtype",
+     "type": "String",
+     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "isVisible",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns true if this component is visible."
+     "name": "disableKeyFilter",
+     "type": "Boolean",
+     "desc": "True to disable input keystroke filtering (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": "allowBlank",
+     "type": "Boolean",
+     "desc": "False to validate that the value length > 0 (defaults to true)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "purgeListeners",
-     "sig": "()",
-     "type": "function",
-     "desc": "Removes all listeners for this object"
+     "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": "releaseCapture",
-     "sig": "(Observable o)",
-     "type": "function",
-     "desc": "Removes <b>all</b> added captures from the Observable."
+     "name": "minLength",
+     "type": "Number",
+     "desc": "Minimum input field length required (defaults to 0)",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "removeListener",
-     "sig": "(String eventName, Function handler, Object scope)",
-     "type": "function",
-     "desc": "Removes a listener"
+     "name": "maxLength",
+     "type": "Number",
+     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+     "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": "minLengthText",
+     "type": "String",
+     "desc": "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "setDisabled",
-     "sig": "(Boolean disabled)",
-     "type": "function",
-     "desc": "Convenience function for setting disabled/enabled by boolean."
+     "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": "setVisible",
-     "sig": "(Boolean visible)",
-     "type": "function",
-     "desc": "Convenience function to hide or show this component by boolean."
+     "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": "show",
-     "sig": "()",
-     "type": "function",
-     "desc": "Show a component - removes 'hidden' class"
+     "name": "regex",
+     "type": "RegExp",
+     "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "tooltipEl",
-     "sig": "()",
-     "type": "function",
-     "desc": "Fetch the element to display the tooltip on."
+     "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": "un",
-     "sig": "(String eventName, Function handler, Object scope)",
-     "type": "function",
-     "desc": "Removes a listener (shorthand for removeListener)"
-    }
-   ]
-  },
-  "Roo.bootstrap.menu.Separator": {
-   "props": [
     {
      "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": "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 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)"
-    }
-   ]
-  },
-  "Roo.data": {
-   "props": [],
-   "events": [],
-   "methods": []
-  },
-  "Roo.data.ArrayReader": {
-   "props": [
-    {
-     "name": "id",
-     "type": "String",
-     "desc": "(optional) The subscript within row Array that provides an ID for the Record",
-     "memberOf": ""
-    }
-   ],
-   "events": [],
-   "methods": [
+    },
     {
-     "name": "newRow",
-     "sig": "(Object data)",
+     "name": "validate",
+     "sig": "()",
      "type": "function",
-     "desc": "Create an empty record"
+     "desc": "Validates the field value"
     },
     {
-     "name": "readRecords",
-     "sig": "(Object o)",
+     "name": "validateValue",
+     "sig": "(Mixed value)",
      "type": "function",
-     "desc": "Create a data block containing Roo.data.Records from an XML document."
+     "desc": "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails"
     }
    ]
   },
-  "Roo.data.Connection": {
+  "Roo.bootstrap.UploadCropbox": {
    "props": [
     {
-     "name": "url",
+     "name": "emptyText",
      "type": "String",
-     "desc": "(Optional) The default URL to be used for requests to the server. (defaults to undefined)",
+     "desc": "show when image has been loaded",
      "memberOf": ""
     },
     {
-     "name": "extraParams",
-     "type": "Object",
-     "desc": "(Optional) An object containing properties which are used as\nextra parameters to each request made by this object. (defaults to undefined)",
+     "name": "rotateNotify",
+     "type": "String",
+     "desc": "show when image too small to rotate",
      "memberOf": ""
     },
     {
-     "name": "defaultHeaders",
-     "type": "Object",
-     "desc": "(Optional) An object containing request headers which are added\n to each request made by this object. (defaults to undefined)",
+     "name": "errorTimeout",
+     "type": "Number",
+     "desc": "default 3000",
      "memberOf": ""
     },
     {
-     "name": "method",
-     "type": "String",
-     "desc": "(Optional) The default HTTP method to be used for requests. (defaults to undefined; if not set but parms are present will use POST, otherwise GET)",
-     "memberOf": ""
-    },
+     "name": "minWidth",
+     "type": "Number",
+     "desc": "default 300",
+     "memberOf": ""
+    },
     {
-     "name": "timeout",
+     "name": "minHeight",
      "type": "Number",
-     "desc": "(Optional) The timeout in milliseconds to be used for requests. (defaults to 30000)",
+     "desc": "default 300",
      "memberOf": ""
     },
     {
-     "name": "autoAbort",
+     "name": "buttons",
+     "type": "Array",
+     "desc": "default ['rotateLeft', 'pictureBtn', 'rotateRight']",
+     "memberOf": ""
+    },
+    {
+     "name": "isDocument",
      "type": "Boolean",
-     "desc": "(Optional) Whether this request should abort any pending requests. (defaults to false)",
+     "desc": "default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "url",
+     "type": "String",
+     "desc": "action url",
      "memberOf": ""
     },
     {
-     "name": "disableCaching",
+     "name": "paramName",
+     "type": "String",
+     "desc": "default 'imageUpload'",
+     "memberOf": ""
+    },
+    {
+     "name": "method",
+     "type": "String",
+     "desc": "default POST",
+     "memberOf": ""
+    },
+    {
+     "name": "loadMask",
      "type": "Boolean",
-     "desc": "(Optional) True to add a unique cache-buster param to GET requests. (defaults to true)",
+     "desc": "default true",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "loadingText",
+     "type": "Boolean",
+     "desc": "default 'Loading...'",
      "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"
+    },
+    {
+     "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",
    ],
    "events": [
     {
-     "name": "beforerequest",
-     "sig": "function (conn, options)\n{\n\n}",
+     "name": "arrange",
+     "sig": "function (_self, formData)\n{\n\n}",
      "type": "function",
-     "desc": "Fires before a network request is made to retrieve a data object."
+     "desc": "Fire when arrange the file data"
     },
     {
-     "name": "requestcomplete",
-     "sig": "function (conn, response, options)\n{\n\n}",
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires if the request was successfully completed."
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
     },
     {
-     "name": "requestexception",
-     "sig": "function (conn, response, options)\n{\n\n}",
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fires if an error HTTP status was returned from the server.\nSee {@link http://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html} for details of HTTP status codes."
-    }
-   ],
-   "methods": [
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
+    },
     {
-     "name": "abort",
-     "sig": "(Number transactionId)",
+     "name": "beforeloadcanvas",
+     "sig": "function (_self, src)\n{\n\n}",
      "type": "function",
-     "desc": "Aborts any outstanding request."
+     "desc": "Fire before load the canvas"
+    },
+    {
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
+    },
+    {
+     "name": "beforeselectfile",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fire before select file"
+    },
+    {
+     "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": "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 destroyed."
+    },
+    {
+     "name": "disable",
+     "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}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
+    },
+    {
+     "name": "exception",
+     "sig": "function (_self, xhr)\n{\n\n}",
+     "type": "function",
+     "desc": "Fire when get exception"
+    },
+    {
+     "name": "footerbuttonclick",
+     "sig": "function (_self, type)\n{\n\n}",
+     "type": "function",
+     "desc": "Fire when footerbuttonclick"
+    },
+    {
+     "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 after initEvent"
+    },
+    {
+     "name": "inspect",
+     "sig": "function (_self, file)\n{\n\n}",
+     "type": "function",
+     "desc": "Fire when inspect the file"
+    },
+    {
+     "name": "prepare",
+     "sig": "function (_self, file)\n{\n\n}",
+     "type": "function",
+     "desc": "Fire when preparing the file data"
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
+    },
+    {
+     "name": "resize",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fire when resize"
+    },
+    {
+     "name": "rotate",
+     "sig": "function (_self, pos)\n{\n\n}",
+     "type": "function",
+     "desc": "Fire when rotate the image"
+    },
+    {
+     "name": "show",
+     "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 when trash image"
+    },
+    {
+     "name": "upload",
+     "sig": "function (_self, data)\n{\n\n}",
+     "type": "function",
+     "desc": "Fire when xhr upload the file"
+    }
+   ],
+   "methods": [
     {
      "name": "addEvents",
      "sig": "(Object object)",
      "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": "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": "hasListener",
      "sig": "(String eventName)",
      "desc": "Checks to see if this object has any listeners for a specified event"
     },
     {
-     "name": "isLoading",
-     "sig": "(Number transactionId)",
+     "name": "hide",
+     "sig": "()",
      "type": "function",
-     "desc": "Determine whether this object has a request outstanding."
+     "desc": "Hide a component - adds 'hidden' class"
+    },
+    {
+     "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",
      "name": "purgeListeners",
      "sig": "()",
      "type": "function",
-     "desc": "Removes all listeners for this object"
+     "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.dash": {
+   "props": [],
+   "events": [],
+   "methods": []
+  },
+  "Roo.bootstrap.dash.NumberBox": {
+   "props": [
+    {
+     "name": "headline",
+     "type": "String",
+     "desc": "Box headline",
+     "memberOf": ""
+    },
+    {
+     "name": "content",
+     "type": "String",
+     "desc": "Box content",
+     "memberOf": ""
+    },
+    {
+     "name": "icon",
+     "type": "String",
+     "desc": "Box icon",
+     "memberOf": ""
+    },
+    {
+     "name": "footer",
+     "type": "String",
+     "desc": "Footer text",
+     "memberOf": ""
+    },
+    {
+     "name": "fhref",
+     "type": "String",
+     "desc": "Footer href",
+     "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"
+    },
+    {
+     "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": "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": "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": "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": "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.dash.TabBox": {
+   "props": [
+    {
+     "name": "title",
+     "type": "String",
+     "desc": "Title of the TabBox",
+     "memberOf": ""
+    },
+    {
+     "name": "icon",
+     "type": "String",
+     "desc": "Icon of the TabBox",
+     "memberOf": ""
+    },
+    {
+     "name": "showtabs",
+     "type": "Boolean",
+     "desc": "show the tabs default true",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "tabScrollable",
+     "type": "Boolean",
+     "desc": "tab scrollable when mobile view default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "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"
+    },
+    {
+     "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": "activatepane",
+     "sig": "function (pane)\n{\n\n}",
+     "type": "function",
+     "desc": "When a pane is activated"
+    },
+    {
+     "name": "addpane",
+     "sig": "function (pane)\n{\n\n}",
+     "type": "function",
+     "desc": "When a pane is added"
+    },
+    {
+     "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": "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": "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": "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": "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": "setTitle",
+     "sig": "(String html)",
+     "type": "function",
+     "desc": "Updates the box title"
+    },
+    {
+     "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.dash.TabPane": {
+   "props": [
+    {
+     "name": "active",
+     "type": "Boolean",
+     "desc": "Default false",
+     "memberOf": "",
+     "optvals": [
+      "false",
+      "true"
+     ]
+    },
+    {
+     "name": "title",
+     "type": "String",
+     "desc": "title of panel",
+     "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"
+    },
+    {
+     "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": "activate",
+     "sig": "function (pane)\n{\n\n}",
+     "type": "function",
+     "desc": "When a pane is activated"
+    },
+    {
+     "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": "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": "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": "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": "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": "setTitle",
+     "sig": "(String html)",
+     "type": "function",
+     "desc": "Updates the tab title"
+    },
+    {
+     "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.htmleditor": {
+   "props": [],
+   "events": [],
+   "methods": []
+  },
+  "Roo.bootstrap.htmleditor.ToolbarStandard": {
+   "props": [
+    {
+     "name": "disable",
+     "type": "Object",
+     "desc": "List of elements to disable..",
+     "memberOf": ""
+    },
+    {
+     "name": "btns",
+     "type": "Array",
+     "desc": "List of additional buttons.\n\n\nNEEDS Extra CSS? \n.x-html-editor-tb .x-edit-none .x-btn-text { background: none; }",
+     "memberOf": ""
+    }
+   ],
+   "events": [],
+   "methods": [
+    {
+     "name": "updateToolbar",
+     "sig": "()",
+     "type": "function",
+     "desc": "Protected method that will not generally be called directly. It triggers\na toolbar update by reading the markup state of the current selection in the editor."
+    }
+   ]
+  },
+  "Roo.bootstrap.layout": {
+   "props": [],
+   "events": [],
+   "methods": []
+  },
+  "Roo.bootstrap.layout.Basic": {
+   "props": [
+    {
+     "name": "mgr",
+     "type": "Roo.bootstrap.layout.Manager",
+     "desc": "The manager",
+     "memberOf": ""
+    },
+    {
+     "name": "region",
+     "type": "string",
+     "desc": "the region that it inhabits..",
+     "memberOf": ""
+    },
+    {
+     "name": "skipConfig",
+     "type": "bool",
+     "desc": "skip config?",
+     "memberOf": ""
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for 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": "add",
+     "sig": "(ContentPanel... panel)",
+     "type": "function",
+     "desc": "Add the passed ContentPanel(s)"
+    },
+    {
+     "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": "fireEvent",
+     "sig": "(String eventName, Object... args)",
+     "type": "function",
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+    },
+    {
+     "name": "getActivePanel",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the active panel for this region."
+    },
+    {
+     "name": "getEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the container element for this region."
+    },
+    {
+     "name": "getPanel",
+     "sig": "(Number/String/ContentPanel panel)",
+     "type": "function",
+     "desc": "Returns the panel specified or null if it's not in this region."
+    },
+    {
+     "name": "getPosition",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns this regions position (north/south/east/west/center)."
+    },
+    {
+     "name": "hasListener",
+     "sig": "(String eventName)",
+     "type": "function",
+     "desc": "Checks to see if this object has any listeners for a specified event"
+    },
+    {
+     "name": "hasPanel",
+     "sig": "(Number/String/ContentPanel panel)",
+     "type": "function",
+     "desc": "Returns true if the panel is in this region."
+    },
+    {
+     "name": "isVisible",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if this region is currently 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": "remove",
+     "sig": "(Number/String/ContentPanel panel, Boolean preservePanel)",
+     "type": "function",
+     "desc": "Removes the specified panel. If preservePanel is not true (either here or in the config), the panel is destroyed."
+    },
+    {
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener"
+    },
+    {
+     "name": "resizeTo",
+     "sig": "(Number newSize)",
+     "type": "function",
+     "desc": "Resizes the region to the specified size. For vertical regions (west, east) this adjusts \nthe width, for horizontal (north, south) the height."
+    },
+    {
+     "name": "showPanel",
+     "sig": "(Number/String/ContentPanel panelId)",
+     "type": "function",
+     "desc": "Show the specified panel."
+    },
+    {
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener (shorthand for removeListener)"
+    }
+   ]
+  },
+  "Roo.bootstrap.layout.Border": {
+   "props": [
+    {
+     "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"
+    },
+    {
+     "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": "layout",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a layout is performed."
+    },
+    {
+     "name": "regioncollapsed",
+     "sig": "function (region)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a region is collapsed."
+    },
+    {
+     "name": "regionexpanded",
+     "sig": "function (region)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a region is expanded."
+    },
+    {
+     "name": "regionresized",
+     "sig": "function (region, newSize)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the user resizes a region."
+    },
+    {
+     "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": "add",
+     "sig": "(String target, Roo.ContentPanel panel)",
+     "type": "function",
+     "desc": "Adds a ContentPanel (or subclass) to this layout."
+    },
+    {
+     "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": "addRegion",
+     "sig": "(String target, Object config)",
+     "type": "function",
+     "desc": "Creates and adds a new region if it doesn't already exist."
+    },
+    {
+     "name": "addxtype",
+     "sig": "(Object cfg)",
+     "type": "function",
+     "desc": "Adds a xtype elements to the layout.\n<pre><code>\n\nlayout.addxtype({\n       xtype : 'ContentPanel',\n       region: 'west',\n       items: [ .... ]\n   }\n);\n\nlayout.addxtype({\n        xtype : 'NestedLayoutPanel',\n        region: 'west',\n        layout: {\n           center: { },\n           west: { }   \n        },\n        items : [ ... list of content panels or nested layout panels.. ]\n   }\n);\n</code></pre>"
+    },
+    {
+     "name": "beginUpdate",
+     "sig": "()",
+     "type": "function",
+     "desc": "Suspend the LayoutManager from doing auto-layouts while\nmaking multiple add or remove calls"
+    },
+    {
+     "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": "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": "endUpdate",
+     "sig": "(Boolean noLayout)",
+     "type": "function",
+     "desc": "Restore auto-layouts and optionally disable the manager from performing a layout"
+    },
+    {
+     "name": "findPanel",
+     "sig": "(String panelId)",
+     "type": "function",
+     "desc": "Searches all regions for a panel with the specified id"
+    },
+    {
+     "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 Element this layout is bound to."
+    },
+    {
+     "name": "getId",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the id of this component."
+    },
+    {
+     "name": "getRegion",
+     "sig": "(String target)",
+     "type": "function",
+     "desc": "Returns the specified region."
+    },
+    {
+     "name": "getViewSize",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the size of the current view. This method normalizes document.body and element embedded layouts and\nperforms box-model adjustments."
+    },
+    {
+     "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": "isUpdating",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if this layout is currently being updated"
+    },
+    {
+     "name": "isVisible",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if this component is visible."
+    },
+    {
+     "name": "layout",
+     "sig": "()",
+     "type": "function",
+     "desc": "Performs a layout update."
+    },
+    {
+     "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": "remove",
+     "sig": "(String target, Number/String/Roo.ContentPanel panel)",
+     "type": "function",
+     "desc": "Remove a ContentPanel (or subclass) to this layout."
+    },
+    {
+     "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": "showPanel",
+     "sig": "(String/ContentPanel panelId)",
+     "type": "function",
+     "desc": "Searches all regions for a panel with the specified id and activates (shows) it."
+    },
+    {
+     "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.layout.Manager": {
+   "props": [
+    {
+     "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"
+    },
+    {
+     "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": "layout",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a layout is performed."
+    },
+    {
+     "name": "regioncollapsed",
+     "sig": "function (region)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a region is collapsed."
+    },
+    {
+     "name": "regionexpanded",
+     "sig": "function (region)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a region is expanded."
+    },
+    {
+     "name": "regionresized",
+     "sig": "function (region, newSize)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the user resizes a region."
+    },
+    {
+     "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": "beginUpdate",
+     "sig": "()",
+     "type": "function",
+     "desc": "Suspend the LayoutManager from doing auto-layouts while\nmaking multiple add or remove calls"
+    },
+    {
+     "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": "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": "endUpdate",
+     "sig": "(Boolean noLayout)",
+     "type": "function",
+     "desc": "Restore auto-layouts and optionally disable the manager from performing a layout"
+    },
+    {
+     "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 Element this layout is bound to."
+    },
+    {
+     "name": "getId",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the id of this component."
+    },
+    {
+     "name": "getRegion",
+     "sig": "(String target)",
+     "type": "function",
+     "desc": "Returns the specified region."
+    },
+    {
+     "name": "getViewSize",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the size of the current view. This method normalizes document.body and element embedded layouts and\nperforms box-model adjustments."
+    },
+    {
+     "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": "isUpdating",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if this layout is currently being updated"
+    },
+    {
+     "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.layout.Region": {
+   "props": [
+    {
+     "name": "margins",
+     "type": "Object",
+     "desc": "Margins for the element (defaults to {top: 0, left: 0, right:0, bottom: 0})",
+     "memberOf": ""
+    },
+    {
+     "name": "cmargins",
+     "type": "Object",
+     "desc": "Margins for the element when collapsed (defaults to: north/south {top: 2, left: 0, right:0, bottom: 2} or east/west {top: 0, left: 2, right:2, bottom: 0})",
+     "memberOf": ""
+    },
+    {
+     "name": "tabPosition",
+     "type": "String",
+     "desc": "\"top\" or \"bottom\" (defaults to \"bottom\")",
+     "memberOf": "",
+     "optvals": [
+      "top",
+      "bottom"
+     ]
+    },
+    {
+     "name": "alwaysShowTabs",
+     "type": "Boolean",
+     "desc": "True to always display tabs even when there is only 1 panel (defaults to false)",
+     "memberOf": ""
+    },
+    {
+     "name": "autoScroll",
+     "type": "Boolean",
+     "desc": "True to enable overflow scrolling (defaults to false)",
+     "memberOf": ""
+    },
+    {
+     "name": "titlebar",
+     "type": "Boolean",
+     "desc": "True to display a title bar (defaults to true)",
+     "memberOf": ""
+    },
+    {
+     "name": "title",
+     "type": "String",
+     "desc": "The title for the region (overrides panel titles)",
+     "memberOf": ""
+    },
+    {
+     "name": "animate",
+     "type": "Boolean",
+     "desc": "True to animate expand/collapse (defaults to false)",
+     "memberOf": ""
+    },
+    {
+     "name": "autoHide",
+     "type": "Boolean",
+     "desc": "False to disable auto hiding when the mouse leaves the \"floated\" region (defaults to true)",
+     "memberOf": ""
+    },
+    {
+     "name": "preservePanels",
+     "type": "Boolean",
+     "desc": "True to preserve removed panels so they can be readded later (defaults to false)",
+     "memberOf": ""
+    },
+    {
+     "name": "closeOnTab",
+     "type": "Boolean",
+     "desc": "True to place the close icon on the tabs instead of the region titlebar (defaults to false)",
+     "memberOf": ""
+    },
+    {
+     "name": "hideTabs",
+     "type": "Boolean",
+     "desc": "True to hide the tab strip (defaults to false)",
+     "memberOf": ""
+    },
+    {
+     "name": "resizeTabs",
+     "type": "Boolean",
+     "desc": "True to enable automatic tab resizing. This will resize the tabs so they are all the same size and fit within\n                     the space available, similar to FireFox 1.5 tabs (defaults to false)",
+     "memberOf": ""
+    },
+    {
+     "name": "minTabWidth",
+     "type": "Number",
+     "desc": "The minimum tab width (defaults to 40)",
+     "memberOf": ""
+    },
+    {
+     "name": "preferredTabWidth",
+     "type": "Number",
+     "desc": "The preferred tab width (defaults to 150)",
+     "memberOf": ""
+    },
+    {
+     "name": "overflow",
+     "type": "String",
+     "desc": "if you have menus in the region, then you need to set this to visible.",
+     "memberOf": "",
+     "optvals": [
+      "hidden",
+      "visible"
+     ]
+    },
+    {
+     "name": "hidden",
+     "type": "Boolean",
+     "desc": "True to start the region hidden (defaults to false)",
+     "memberOf": ""
+    },
+    {
+     "name": "hideWhenEmpty",
+     "type": "Boolean",
+     "desc": "True to hide the region when it has no panels",
+     "memberOf": ""
+    },
+    {
+     "name": "disableTabTips",
+     "type": "Boolean",
+     "desc": "True to disable tab tooltips",
+     "memberOf": ""
+    },
+    {
+     "name": "width",
+     "type": "Number",
+     "desc": "For East/West panels",
+     "memberOf": ""
+    },
+    {
+     "name": "height",
+     "type": "Number",
+     "desc": "For North/South panels",
+     "memberOf": ""
+    },
+    {
+     "name": "split",
+     "type": "Boolean",
+     "desc": "To show the splitter",
+     "memberOf": ""
+    },
+    {
+     "name": "toolbar",
+     "type": "Boolean",
+     "desc": "xtype configuration for a toolbar - shows on right of tabbar",
+     "memberOf": ""
+    },
+    {
+     "name": "cls",
+     "type": "string",
+     "desc": "Extra CSS classes to add to region",
+     "memberOf": ""
+    },
+    {
+     "name": "mgr",
+     "type": "Roo.bootstrap.layout.Manager",
+     "desc": "The manager",
+     "memberOf": ""
+    },
+    {
+     "name": "region",
+     "type": "string",
+     "desc": "the region that it inhabits..",
+     "memberOf": ""
+    },
+    {
+     "name": "skipConfig",
+     "type": "bool",
+     "desc": "skip config?",
+     "memberOf": "Roo.bootstrap.layout.Basic"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for 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": "add",
+     "sig": "(ContentPanel... panel)",
+     "type": "function",
+     "desc": "Adds the passed ContentPanel(s) to this region."
+    },
+    {
+     "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": "animateCollapse",
+     "sig": "(Boolean skipAnim)",
+     "type": "function",
+     "desc": "Collapses this region."
+    },
+    {
+     "name": "animateExpand",
+     "sig": "(Roo.EventObject e, Boolean skipAnim)",
+     "type": "function",
+     "desc": "Expands this region if it was previously collapsed."
+    },
+    {
+     "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": "fireEvent",
+     "sig": "(String eventName, Object... args)",
+     "type": "function",
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+    },
+    {
+     "name": "getActivePanel",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the active panel for this region."
+    },
+    {
+     "name": "getBox",
+     "sig": "(String title)",
+     "type": "function",
+     "desc": "Updates the title for collapsed north/south regions (used with {@link #collapsedTitle} config option)"
+    },
+    {
+     "name": "getEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the container element for this region."
+    },
+    {
+     "name": "getPanel",
+     "sig": "(Number/String/ContentPanel panel)",
+     "type": "function",
+     "desc": "Returns the panel specified or null if it's not in this region."
+    },
+    {
+     "name": "getPosition",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns this regions position (north/south/east/west/center)."
+    },
+    {
+     "name": "getTabs",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the TabPanel component used by this region"
+    },
+    {
+     "name": "hasListener",
+     "sig": "(String eventName)",
+     "type": "function",
+     "desc": "Checks to see if this object has any listeners for a specified event"
+    },
+    {
+     "name": "hasPanel",
+     "sig": "(Number/String/ContentPanel panel)",
+     "type": "function",
+     "desc": "Returns true if the panel is in this region."
+    },
+    {
+     "name": "hide",
+     "sig": "()",
+     "type": "function",
+     "desc": "Hides this region."
+    },
+    {
+     "name": "hidePanel",
+     "sig": "(Number/String/ContentPanel panel)",
+     "type": "function",
+     "desc": "Hides the tab for the specified panel."
+    },
+    {
+     "name": "isVisible",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if this region is currently 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": "remove",
+     "sig": "(Number/String/ContentPanel panel, Boolean preservePanel)",
+     "type": "function",
+     "desc": "Removes the specified panel. If preservePanel is not true (either here or in the config), the panel is destroyed."
+    },
+    {
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener"
+    },
+    {
+     "name": "resizeTo",
+     "sig": "(Number newSize)",
+     "type": "function",
+     "desc": "Resizes the region to the specified size. For vertical regions (west, east) this adjusts \nthe width, for horizontal (north, south) the height."
+    },
+    {
+     "name": "show",
+     "sig": "()",
+     "type": "function",
+     "desc": "Shows this region if it was previously hidden."
+    },
+    {
+     "name": "showPanel",
+     "sig": "(Number/String/ContentPanel panelId)",
+     "type": "function",
+     "desc": "Shows the specified panel."
+    },
+    {
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener (shorthand for removeListener)"
+    },
+    {
+     "name": "unhidePanel",
+     "sig": "(Number/String/ContentPanel panel)",
+     "type": "function",
+     "desc": "Unhides the tab for a previously hidden panel."
+    }
+   ]
+  },
+  "Roo.bootstrap.layout.Split": {
+   "props": [
+    {
+     "name": "collapsible",
+     "type": "Boolean",
+     "desc": "False to disable collapsing (defaults to true)",
+     "memberOf": "Roo.LayoutRegion"
+    },
+    {
+     "name": "collapsed",
+     "type": "Boolean",
+     "desc": "True to set the initial display to collapsed (defaults to false)",
+     "memberOf": "Roo.LayoutRegion"
+    },
+    {
+     "name": "floatable",
+     "type": "Boolean",
+     "desc": "False to disable floating (defaults to true)",
+     "memberOf": "Roo.LayoutRegion"
+    },
+    {
+     "name": "margins",
+     "type": "Object",
+     "desc": "Margins for the element (defaults to {top: 0, left: 0, right:0, bottom: 0})",
+     "memberOf": "Roo.LayoutRegion"
+    },
+    {
+     "name": "cmargins",
+     "type": "Object",
+     "desc": "Margins for the element when collapsed (defaults to: north/south {top: 2, left: 0, right:0, bottom: 2} or east/west {top: 0, left: 2, right:2, bottom: 0})",
+     "memberOf": "Roo.LayoutRegion"
+    },
+    {
+     "name": "tabPosition",
+     "type": "String",
+     "desc": "\"top\" or \"bottom\" (defaults to \"bottom\")",
+     "memberOf": "Roo.LayoutRegion",
+     "optvals": [
+      "top",
+      "bottom"
+     ]
+    },
+    {
+     "name": "collapsedTitle",
+     "type": "String",
+     "desc": "Optional string message to display in the collapsed block of a north or south region",
+     "memberOf": "Roo.LayoutRegion"
+    },
+    {
+     "name": "alwaysShowTabs",
+     "type": "Boolean",
+     "desc": "True to always display tabs even when there is only 1 panel (defaults to false)",
+     "memberOf": "Roo.LayoutRegion"
+    },
+    {
+     "name": "autoScroll",
+     "type": "Boolean",
+     "desc": "True to enable overflow scrolling (defaults to false)",
+     "memberOf": "Roo.LayoutRegion"
+    },
+    {
+     "name": "titlebar",
+     "type": "Boolean",
+     "desc": "True to display a title bar (defaults to true)",
+     "memberOf": "Roo.LayoutRegion"
+    },
+    {
+     "name": "title",
+     "type": "String",
+     "desc": "The title for the region (overrides panel titles)",
+     "memberOf": "Roo.LayoutRegion"
+    },
+    {
+     "name": "animate",
+     "type": "Boolean",
+     "desc": "True to animate expand/collapse (defaults to false)",
+     "memberOf": "Roo.LayoutRegion"
+    },
+    {
+     "name": "autoHide",
+     "type": "Boolean",
+     "desc": "False to disable auto hiding when the mouse leaves the \"floated\" region (defaults to true)",
+     "memberOf": "Roo.LayoutRegion"
+    },
+    {
+     "name": "preservePanels",
+     "type": "Boolean",
+     "desc": "True to preserve removed panels so they can be readded later (defaults to false)",
+     "memberOf": "Roo.LayoutRegion"
+    },
+    {
+     "name": "closeOnTab",
+     "type": "Boolean",
+     "desc": "True to place the close icon on the tabs instead of the region titlebar (defaults to false)",
+     "memberOf": "Roo.LayoutRegion"
+    },
+    {
+     "name": "hideTabs",
+     "type": "Boolean",
+     "desc": "True to hide the tab strip (defaults to false)",
+     "memberOf": "Roo.LayoutRegion"
+    },
+    {
+     "name": "resizeTabs",
+     "type": "Boolean",
+     "desc": "True to enable automatic tab resizing. This will resize the tabs so they are all the same size and fit within\n                     the space available, similar to FireFox 1.5 tabs (defaults to false)",
+     "memberOf": "Roo.LayoutRegion"
+    },
+    {
+     "name": "minTabWidth",
+     "type": "Number",
+     "desc": "The minimum tab width (defaults to 40)",
+     "memberOf": "Roo.LayoutRegion"
+    },
+    {
+     "name": "preferredTabWidth",
+     "type": "Number",
+     "desc": "The preferred tab width (defaults to 150)",
+     "memberOf": "Roo.LayoutRegion"
+    },
+    {
+     "name": "showPin",
+     "type": "Boolean",
+     "desc": "True to show a pin button",
+     "memberOf": "Roo.LayoutRegion"
+    },
+    {
+     "name": "hidden",
+     "type": "Boolean",
+     "desc": "True to start the region hidden (defaults to false)",
+     "memberOf": "Roo.LayoutRegion"
+    },
+    {
+     "name": "hideWhenEmpty",
+     "type": "Boolean",
+     "desc": "True to hide the region when it has no panels",
+     "memberOf": "Roo.LayoutRegion"
+    },
+    {
+     "name": "disableTabTips",
+     "type": "Boolean",
+     "desc": "True to disable tab tooltips",
+     "memberOf": "Roo.LayoutRegion"
+    },
+    {
+     "name": "width",
+     "type": "Number",
+     "desc": "For East/West panels",
+     "memberOf": "Roo.LayoutRegion"
+    },
+    {
+     "name": "height",
+     "type": "Number",
+     "desc": "For North/South panels",
+     "memberOf": "Roo.LayoutRegion"
+    },
+    {
+     "name": "split",
+     "type": "Boolean",
+     "desc": "To show the splitter",
+     "memberOf": "Roo.LayoutRegion"
+    },
+    {
+     "name": "toolbar",
+     "type": "Boolean",
+     "desc": "xtype configuration for a toolbar - shows on right of tabbar",
+     "memberOf": "Roo.LayoutRegion"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "beforecollapse",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this region before collapse."
+    },
+    {
+     "name": "beforeremove",
+     "sig": "function (_self, panel, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before a panel is removed (or closed). To cancel the removal set \"e.cancel = true\" on the event argument."
+    },
+    {
+     "name": "collapsed",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this region is collapsed."
+    },
+    {
+     "name": "expanded",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this region is expanded."
+    },
+    {
+     "name": "invalidated",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the layout for this region is changed."
+    },
+    {
+     "name": "panelactivated",
+     "sig": "function (_self, panel)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a panel is activated."
+    },
+    {
+     "name": "paneladded",
+     "sig": "function (_self, panel)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a panel is added."
+    },
+    {
+     "name": "panelremoved",
+     "sig": "function (_self, panel)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a panel is removed."
+    },
+    {
+     "name": "resized",
+     "sig": "function (_self, newSize)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the user resizes this region."
+    },
+    {
+     "name": "slidehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this region slides out of view."
+    },
+    {
+     "name": "slideshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this region is slid into view."
+    },
+    {
+     "name": "visibilitychange",
+     "sig": "function (_self, visibility)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this region is shown or hidden"
+    }
+   ],
+   "methods": [
+    {
+     "name": "add",
+     "sig": "(ContentPanel... panel)",
+     "type": "function",
+     "desc": "Adds the passed ContentPanel(s) to this region."
+    },
+    {
+     "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": "collapse",
+     "sig": "(Boolean skipAnim)",
+     "type": "function",
+     "desc": "Collapses this region."
+    },
+    {
+     "name": "expand",
+     "sig": "(Roo.EventObject e, Boolean skipAnim)",
+     "type": "function",
+     "desc": "Expands this region if it was previously collapsed."
+    },
+    {
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
+     "type": "function",
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+    },
+    {
+     "name": "getActivePanel",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the active panel for this region."
+    },
+    {
+     "name": "getEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the container element for this region."
+    },
+    {
+     "name": "getPanel",
+     "sig": "(Number/String/ContentPanel panel)",
+     "type": "function",
+     "desc": "Returns the panel specified or null if it's not in this region."
+    },
+    {
+     "name": "getPosition",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns this regions position (north/south/east/west/center)."
+    },
+    {
+     "name": "getSplitBar",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the {@link Roo.SplitBar} for this region."
+    },
+    {
+     "name": "getTabs",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the TabPanel component used by this region"
+    },
+    {
+     "name": "hasListener",
+     "sig": "(String eventName)",
+     "type": "function",
+     "desc": "Checks to see if this object has any listeners for a specified event"
+    },
+    {
+     "name": "hasPanel",
+     "sig": "(Number/String/ContentPanel panel)",
+     "type": "function",
+     "desc": "Returns true if the panel is in this region."
+    },
+    {
+     "name": "hide",
+     "sig": "()",
+     "type": "function",
+     "desc": "Hides this region."
+    },
+    {
+     "name": "hidePanel",
+     "sig": "(Number/String/ContentPanel panel)",
+     "type": "function",
+     "desc": "Hides the tab for the specified panel."
+    },
+    {
+     "name": "isVisible",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if this region is currently 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": "remove",
+     "sig": "(Number/String/ContentPanel panel, Boolean preservePanel)",
+     "type": "function",
+     "desc": "Removes the specified panel. If preservePanel is not true (either here or in the config), the panel is destroyed."
+    },
+    {
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener"
+    },
+    {
+     "name": "resizeTo",
+     "sig": "(Number newSize)",
+     "type": "function",
+     "desc": "Resizes the region to the specified size. For vertical regions (west, east) this adjusts \nthe width, for horizontal (north, south) the height."
+    },
+    {
+     "name": "setCollapsedTitle",
+     "sig": "(String title)",
+     "type": "function",
+     "desc": "Updates the title for collapsed north/south regions (used with {@link #collapsedTitle} config option)"
+    },
+    {
+     "name": "show",
+     "sig": "()",
+     "type": "function",
+     "desc": "Shows this region if it was previously hidden."
+    },
+    {
+     "name": "showPanel",
+     "sig": "(Number/String/ContentPanel panelId)",
+     "type": "function",
+     "desc": "Shows the specified panel."
+    },
+    {
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener (shorthand for removeListener)"
+    },
+    {
+     "name": "unhidePanel",
+     "sig": "(Number/String/ContentPanel panel)",
+     "type": "function",
+     "desc": "Unhides the tab for a previously hidden panel."
+    }
+   ]
+  },
+  "Roo.bootstrap.menu": {
+   "props": [],
+   "events": [],
+   "methods": []
+  },
+  "Roo.bootstrap.menu.Item": {
+   "props": [
+    {
+     "name": "submenu",
+     "type": "Boolean",
+     "desc": "default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "html",
+     "type": "String",
+     "desc": "text of the item",
+     "memberOf": ""
+    },
+    {
+     "name": "href",
+     "type": "String",
+     "desc": "the link",
+     "memberOf": ""
+    },
+    {
+     "name": "disable",
+     "type": "Boolean",
+     "desc": "default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "preventDefault",
+     "type": "Boolean",
+     "desc": "default true",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "icon",
+     "type": "String",
+     "desc": "Font awesome icon",
+     "memberOf": ""
+    },
+    {
+     "name": "pos",
+     "type": "String",
+     "desc": "Submenu align to (left | right) default right",
+     "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"
+    },
+    {
+     "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": "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 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": "mouseout",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the mouse exits this menu"
+    },
+    {
+     "name": "mouseover",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the mouse is hovering over this menu"
+    },
+    {
+     "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": "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": "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": "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": "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.menu.Menu": {
+   "props": [
+    {
+     "name": "html",
+     "type": "String",
+     "desc": "Text of the menu",
+     "memberOf": ""
+    },
+    {
+     "name": "weight",
+     "type": "String",
+     "desc": "",
+     "memberOf": "",
+     "optvals": [
+      "default",
+      "primary",
+      "success",
+      "info",
+      "warning",
+      "danger",
+      "inverse"
+     ]
+    },
+    {
+     "name": "icon",
+     "type": "String",
+     "desc": "Font awesome icon",
+     "memberOf": ""
+    },
+    {
+     "name": "pos",
+     "type": "String",
+     "desc": "Menu align to (top | bottom) default bottom",
+     "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"
+    },
+    {
+     "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 this menu is hidden"
+    },
+    {
+     "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 this menu is displayed"
+    },
+    {
+     "name": "childrenrendered",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the children have been rendered.."
+    },
+    {
+     "name": "click",
+     "sig": "function (_self, 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}",
+     "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 this menu 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 this menu is displayed"
+    }
+   ],
+   "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": "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": "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": "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.menu.Separator": {
+   "props": [
+    {
+     "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"
+    },
+    {
+     "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": "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": "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": "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": "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.panel": {
+   "props": [],
+   "events": [],
+   "methods": []
+  },
+  "Roo.bootstrap.panel.Content": {
+   "props": [
+    {
+     "name": "fitToFrame",
+     "type": "Boolean",
+     "desc": "True for this panel to adjust its size to fit when the region resizes  (defaults to false)",
+     "memberOf": ""
+    },
+    {
+     "name": "fitContainer",
+     "type": "Boolean",
+     "desc": "When using {@link #fitToFrame} and {@link #resizeEl}, you can also fit the parent container  (defaults to false)",
+     "memberOf": ""
+    },
+    {
+     "name": "autoCreate",
+     "type": "Boolean/Object",
+     "desc": "True to auto generate the DOM element for this panel, or a {@link Roo.DomHelper} config of the element to create",
+     "memberOf": ""
+    },
+    {
+     "name": "closable",
+     "type": "Boolean",
+     "desc": "True if the panel can be closed/removed",
+     "memberOf": ""
+    },
+    {
+     "name": "background",
+     "type": "Boolean",
+     "desc": "True if the panel should not be activated when it is added (defaults to false)",
+     "memberOf": ""
+    },
+    {
+     "name": "resizeEl",
+     "type": "String/HTMLElement/Element",
+     "desc": "An element to resize if {@link #fitToFrame} is true (instead of this panel's element)",
+     "memberOf": ""
+    },
+    {
+     "name": "toolbar",
+     "type": "Toolbar",
+     "desc": "A toolbar for this panel",
+     "memberOf": ""
+    },
+    {
+     "name": "autoScroll",
+     "type": "Boolean",
+     "desc": "True to scroll overflow in this panel (use with {@link #fitToFrame})",
+     "memberOf": ""
+    },
+    {
+     "name": "title",
+     "type": "String",
+     "desc": "The title for this panel",
+     "memberOf": ""
+    },
+    {
+     "name": "adjustments",
+     "type": "Array",
+     "desc": "Values to <b>add</b> to the width/height when doing a {@link #fitToFrame} (default is [0, 0])",
+     "memberOf": ""
+    },
+    {
+     "name": "url",
+     "type": "String",
+     "desc": "Calls {@link #setUrl} with this value",
+     "memberOf": ""
+    },
+    {
+     "name": "region",
+     "type": "String",
+     "desc": "which region to put this panel on (when used with xtype constructors)",
+     "memberOf": "",
+     "optvals": [
+      "center",
+      "north",
+      "south",
+      "east",
+      "west"
+     ]
+    },
+    {
+     "name": "params",
+     "type": "String/Object",
+     "desc": "When used with {@link #url}, calls {@link #setUrl} with this value",
+     "memberOf": ""
+    },
+    {
+     "name": "loadOnce",
+     "type": "Boolean",
+     "desc": "When used with {@link #url}, calls {@link #setUrl} with this value",
+     "memberOf": ""
+    },
+    {
+     "name": "content",
+     "type": "String",
+     "desc": "Raw content to fill content panel with (uses setContent on construction.)",
+     "memberOf": ""
+    },
+    {
+     "name": "badges",
+     "type": "Boolean",
+     "desc": "render the badges",
+     "memberOf": ""
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "activate",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this panel is activated."
+    },
+    {
+     "name": "deactivate",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this panel is activated."
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this tab is created"
+    },
+    {
+     "name": "resize",
+     "sig": "function (_self, width, height)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this panel is resized if fitToFrame is true."
+    }
+   ],
+   "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": "destroy",
+     "sig": "()",
+     "type": "function",
+     "desc": "Destroys this panel"
+    },
+    {
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
+     "type": "function",
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+    },
+    {
+     "name": "getChildContainer",
+     "sig": "(Object cfg)",
+     "type": "function",
+     "desc": "Adds a xtype elements to the panel - currently only supports Forms, View, JsonView.\n<pre><code>\n\nlayout.addxtype({\n       xtype : 'Form',\n       items: [ .... ]\n   }\n);\n\n</code></pre>"
+    },
+    {
+     "name": "getEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns this panel's element - used by regiosn to add."
+    },
+    {
+     "name": "getId",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns this panel's id"
+    },
+    {
+     "name": "getTitle",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns this panel's title"
+    },
+    {
+     "name": "getToolbar",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the toolbar for this Panel if one was configured."
+    },
+    {
+     "name": "getUpdateManager",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the {@link Roo.UpdateManager} for this panel. Enables you to perform Ajax updates."
+    },
+    {
+     "name": "hasListener",
+     "sig": "(String eventName)",
+     "type": "function",
+     "desc": "Checks to see if this object has any listeners for a specified event"
+    },
+    {
+     "name": "isClosable",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true is this panel was configured to be closable"
+    },
+    {
+     "name": "load",
+     "sig": "(Object/String/Function url, String/Object params, Function callback, Boolean discardUrl)",
+     "type": "function",
+     "desc": "Loads this content panel immediately with content from XHR. Note: to delay loading until the panel is activated, use {@link #setUrl}."
+    },
+    {
+     "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": "refresh",
+     "sig": "()",
+     "type": "function",
+     "desc": "Force a content refresh from the URL specified in the {@link #setUrl} method.\n  Will fail silently if the {@link #setUrl} method has not been called.\n  This does not activate the panel, just updates its content."
+    },
+    {
+     "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": "setContent",
+     "sig": "(String content, Boolean loadScripts)",
+     "type": "function",
+     "desc": "Updates this panel's element"
+    },
+    {
+     "name": "setTitle",
+     "sig": "(String title)",
+     "type": "function",
+     "desc": "Set this panel's title"
+    },
+    {
+     "name": "setUrl",
+     "sig": "(String/Function url, String/Object params, Boolean loadOnce)",
+     "type": "function",
+     "desc": "Set a URL to be used to load the content for this panel. When this panel is activated, the content will be loaded from that URL."
+    },
+    {
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener (shorthand for removeListener)"
+    }
+   ]
+  },
+  "Roo.bootstrap.panel.Grid": {
+   "props": [
+    {
+     "name": "grid",
+     "type": "Roo.bootstrap.Table",
+     "desc": "The grid for this panel",
+     "memberOf": ""
+    },
+    {
+     "name": "fitToFrame",
+     "type": "Boolean",
+     "desc": "True for this panel to adjust its size to fit when the region resizes  (defaults to false)",
+     "memberOf": "Roo.bootstrap.panel.Content"
+    },
+    {
+     "name": "fitContainer",
+     "type": "Boolean",
+     "desc": "When using {@link #fitToFrame} and {@link #resizeEl}, you can also fit the parent container  (defaults to false)",
+     "memberOf": "Roo.bootstrap.panel.Content"
+    },
+    {
+     "name": "autoCreate",
+     "type": "Boolean/Object",
+     "desc": "True to auto generate the DOM element for this panel, or a {@link Roo.DomHelper} config of the element to create",
+     "memberOf": "Roo.bootstrap.panel.Content"
+    },
+    {
+     "name": "closable",
+     "type": "Boolean",
+     "desc": "True if the panel can be closed/removed",
+     "memberOf": "Roo.bootstrap.panel.Content"
+    },
+    {
+     "name": "background",
+     "type": "Boolean",
+     "desc": "True if the panel should not be activated when it is added (defaults to false)",
+     "memberOf": "Roo.bootstrap.panel.Content"
+    },
+    {
+     "name": "resizeEl",
+     "type": "String/HTMLElement/Element",
+     "desc": "An element to resize if {@link #fitToFrame} is true (instead of this panel's element)",
+     "memberOf": "Roo.bootstrap.panel.Content"
+    },
+    {
+     "name": "toolbar",
+     "type": "Toolbar",
+     "desc": "A toolbar for this panel",
+     "memberOf": "Roo.bootstrap.panel.Content"
+    },
+    {
+     "name": "autoScroll",
+     "type": "Boolean",
+     "desc": "True to scroll overflow in this panel (use with {@link #fitToFrame})",
+     "memberOf": "Roo.bootstrap.panel.Content"
+    },
+    {
+     "name": "title",
+     "type": "String",
+     "desc": "The title for this panel",
+     "memberOf": "Roo.bootstrap.panel.Content"
+    },
+    {
+     "name": "adjustments",
+     "type": "Array",
+     "desc": "Values to <b>add</b> to the width/height when doing a {@link #fitToFrame} (default is [0, 0])",
+     "memberOf": "Roo.bootstrap.panel.Content"
+    },
+    {
+     "name": "url",
+     "type": "String",
+     "desc": "Calls {@link #setUrl} with this value",
+     "memberOf": "Roo.bootstrap.panel.Content"
+    },
+    {
+     "name": "region",
+     "type": "String",
+     "desc": "which region to put this panel on (when used with xtype constructors)",
+     "memberOf": "Roo.bootstrap.panel.Content",
+     "optvals": [
+      "center",
+      "north",
+      "south",
+      "east",
+      "west"
+     ]
+    },
+    {
+     "name": "params",
+     "type": "String/Object",
+     "desc": "When used with {@link #url}, calls {@link #setUrl} with this value",
+     "memberOf": "Roo.bootstrap.panel.Content"
+    },
+    {
+     "name": "loadOnce",
+     "type": "Boolean",
+     "desc": "When used with {@link #url}, calls {@link #setUrl} with this value",
+     "memberOf": "Roo.bootstrap.panel.Content"
+    },
+    {
+     "name": "content",
+     "type": "String",
+     "desc": "Raw content to fill content panel with (uses setContent on construction.)",
+     "memberOf": "Roo.bootstrap.panel.Content"
+    },
+    {
+     "name": "badges",
+     "type": "Boolean",
+     "desc": "render the badges",
+     "memberOf": "Roo.bootstrap.panel.Content"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "activate",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this panel is activated."
+    },
+    {
+     "name": "deactivate",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this panel is activated."
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this tab is created"
+    },
+    {
+     "name": "resize",
+     "sig": "function (_self, width, height)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this panel is resized if fitToFrame is true."
+    }
+   ],
+   "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": "destroy",
+     "sig": "()",
+     "type": "function",
+     "desc": "Destroys this panel"
+    },
+    {
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
+     "type": "function",
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+    },
+    {
+     "name": "getChildContainer",
+     "sig": "(Object cfg)",
+     "type": "function",
+     "desc": "Adds a xtype elements to the panel - currently only supports Forms, View, JsonView.\n<pre><code>\n\nlayout.addxtype({\n       xtype : 'Form',\n       items: [ .... ]\n   }\n);\n\n</code></pre>"
+    },
+    {
+     "name": "getEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns this panel's element - used by regiosn to add."
+    },
+    {
+     "name": "getGrid",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the grid for this panel"
+    },
+    {
+     "name": "getId",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns this panel's id"
+    },
+    {
+     "name": "getTitle",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns this panel's title"
+    },
+    {
+     "name": "getToolbar",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the toolbar for this Panel if one was configured."
+    },
+    {
+     "name": "getUpdateManager",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the {@link Roo.UpdateManager} for this panel. Enables you to perform Ajax updates."
+    },
+    {
+     "name": "hasListener",
+     "sig": "(String eventName)",
+     "type": "function",
+     "desc": "Checks to see if this object has any listeners for a specified event"
+    },
+    {
+     "name": "isClosable",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true is this panel was configured to be closable"
+    },
+    {
+     "name": "load",
+     "sig": "(Object/String/Function url, String/Object params, Function callback, Boolean discardUrl)",
+     "type": "function",
+     "desc": "Loads this content panel immediately with content from XHR. Note: to delay loading until the panel is activated, use {@link #setUrl}."
+    },
+    {
+     "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": "refresh",
+     "sig": "()",
+     "type": "function",
+     "desc": "Force a content refresh from the URL specified in the {@link #setUrl} method.\n  Will fail silently if the {@link #setUrl} method has not been called.\n  This does not activate the panel, just updates its content."
+    },
+    {
+     "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": "setContent",
+     "sig": "(String content, Boolean loadScripts)",
+     "type": "function",
+     "desc": "Updates this panel's element"
+    },
+    {
+     "name": "setTitle",
+     "sig": "(String title)",
+     "type": "function",
+     "desc": "Set this panel's title"
+    },
+    {
+     "name": "setUrl",
+     "sig": "(String/Function url, String/Object params, Boolean loadOnce)",
+     "type": "function",
+     "desc": "Set a URL to be used to load the content for this panel. When this panel is activated, the content will be loaded from that URL."
+    },
+    {
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener (shorthand for removeListener)"
+    }
+   ]
+  },
+  "Roo.bootstrap.panel.Nest": {
+   "props": [
+    {
+     "name": "fitToFrame",
+     "type": "Boolean",
+     "desc": "True for this panel to adjust its size to fit when the region resizes  (defaults to false)",
+     "memberOf": "Roo.bootstrap.panel.Content"
+    },
+    {
+     "name": "fitContainer",
+     "type": "Boolean",
+     "desc": "When using {@link #fitToFrame} and {@link #resizeEl}, you can also fit the parent container  (defaults to false)",
+     "memberOf": "Roo.bootstrap.panel.Content"
+    },
+    {
+     "name": "autoCreate",
+     "type": "Boolean/Object",
+     "desc": "True to auto generate the DOM element for this panel, or a {@link Roo.DomHelper} config of the element to create",
+     "memberOf": "Roo.bootstrap.panel.Content"
+    },
+    {
+     "name": "closable",
+     "type": "Boolean",
+     "desc": "True if the panel can be closed/removed",
+     "memberOf": "Roo.bootstrap.panel.Content"
+    },
+    {
+     "name": "background",
+     "type": "Boolean",
+     "desc": "True if the panel should not be activated when it is added (defaults to false)",
+     "memberOf": "Roo.bootstrap.panel.Content"
+    },
+    {
+     "name": "resizeEl",
+     "type": "String/HTMLElement/Element",
+     "desc": "An element to resize if {@link #fitToFrame} is true (instead of this panel's element)",
+     "memberOf": "Roo.bootstrap.panel.Content"
+    },
+    {
+     "name": "toolbar",
+     "type": "Toolbar",
+     "desc": "A toolbar for this panel",
+     "memberOf": "Roo.bootstrap.panel.Content"
+    },
+    {
+     "name": "autoScroll",
+     "type": "Boolean",
+     "desc": "True to scroll overflow in this panel (use with {@link #fitToFrame})",
+     "memberOf": "Roo.bootstrap.panel.Content"
+    },
+    {
+     "name": "title",
+     "type": "String",
+     "desc": "The title for this panel",
+     "memberOf": "Roo.bootstrap.panel.Content"
+    },
+    {
+     "name": "adjustments",
+     "type": "Array",
+     "desc": "Values to <b>add</b> to the width/height when doing a {@link #fitToFrame} (default is [0, 0])",
+     "memberOf": "Roo.bootstrap.panel.Content"
+    },
+    {
+     "name": "url",
+     "type": "String",
+     "desc": "Calls {@link #setUrl} with this value",
+     "memberOf": "Roo.bootstrap.panel.Content"
+    },
+    {
+     "name": "region",
+     "type": "String",
+     "desc": "which region to put this panel on (when used with xtype constructors)",
+     "memberOf": "Roo.bootstrap.panel.Content",
+     "optvals": [
+      "center",
+      "north",
+      "south",
+      "east",
+      "west"
+     ]
+    },
+    {
+     "name": "params",
+     "type": "String/Object",
+     "desc": "When used with {@link #url}, calls {@link #setUrl} with this value",
+     "memberOf": "Roo.bootstrap.panel.Content"
+    },
+    {
+     "name": "loadOnce",
+     "type": "Boolean",
+     "desc": "When used with {@link #url}, calls {@link #setUrl} with this value",
+     "memberOf": "Roo.bootstrap.panel.Content"
+    },
+    {
+     "name": "content",
+     "type": "String",
+     "desc": "Raw content to fill content panel with (uses setContent on construction.)",
+     "memberOf": "Roo.bootstrap.panel.Content"
+    },
+    {
+     "name": "badges",
+     "type": "Boolean",
+     "desc": "render the badges",
+     "memberOf": "Roo.bootstrap.panel.Content"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "activate",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this panel is activated."
+    },
+    {
+     "name": "deactivate",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this panel is activated."
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this tab is created"
+    },
+    {
+     "name": "resize",
+     "sig": "function (_self, width, height)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this panel is resized if fitToFrame is true."
+    }
+   ],
+   "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": "addxtype",
+     "sig": "(Object cfg)",
+     "type": "function",
+     "desc": "Adds a xtype elements to the layout of the nested panel\n<pre><code>\n\npanel.addxtype({\n       xtype : 'ContentPanel',\n       region: 'west',\n       items: [ .... ]\n   }\n);\n\npanel.addxtype({\n        xtype : 'NestedLayoutPanel',\n        region: 'west',\n        layout: {\n           center: { },\n           west: { }   \n        },\n        items : [ ... list of content panels or nested layout panels.. ]\n   }\n);\n</code></pre>"
+    },
+    {
+     "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": "destroy",
+     "sig": "()",
+     "type": "function",
+     "desc": "Destroys this panel"
+    },
+    {
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
+     "type": "function",
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+    },
+    {
+     "name": "getChildContainer",
+     "sig": "(Object cfg)",
+     "type": "function",
+     "desc": "Adds a xtype elements to the panel - currently only supports Forms, View, JsonView.\n<pre><code>\n\nlayout.addxtype({\n       xtype : 'Form',\n       items: [ .... ]\n   }\n);\n\n</code></pre>"
+    },
+    {
+     "name": "getEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns this panel's element - used by regiosn to add."
+    },
+    {
+     "name": "getId",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns this panel's id"
+    },
+    {
+     "name": "getLayout",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the nested BorderLayout for this panel"
+    },
+    {
+     "name": "getTitle",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns this panel's title"
+    },
+    {
+     "name": "getToolbar",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the toolbar for this Panel if one was configured."
+    },
+    {
+     "name": "getUpdateManager",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the {@link Roo.UpdateManager} for this panel. Enables you to perform Ajax updates."
+    },
+    {
+     "name": "hasListener",
+     "sig": "(String eventName)",
+     "type": "function",
+     "desc": "Checks to see if this object has any listeners for a specified event"
+    },
+    {
+     "name": "isClosable",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true is this panel was configured to be closable"
+    },
+    {
+     "name": "load",
+     "sig": "(Object/String/Function url, String/Object params, Function callback, Boolean discardUrl)",
+     "type": "function",
+     "desc": "Loads this content panel immediately with content from XHR. Note: to delay loading until the panel is activated, use {@link #setUrl}."
+    },
+    {
+     "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": "refresh",
+     "sig": "()",
+     "type": "function",
+     "desc": "Force a content refresh from the URL specified in the {@link #setUrl} method.\n  Will fail silently if the {@link #setUrl} method has not been called.\n  This does not activate the panel, just updates its content."
+    },
+    {
+     "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": "setContent",
+     "sig": "(String content, Boolean loadScripts)",
+     "type": "function",
+     "desc": "Updates this panel's element"
+    },
+    {
+     "name": "setTitle",
+     "sig": "(String title)",
+     "type": "function",
+     "desc": "Set this panel's title"
+    },
+    {
+     "name": "setUrl",
+     "sig": "(String/Function url, String/Object params, Boolean loadOnce)",
+     "type": "function",
+     "desc": "Set a URL to be used to load the content for this panel. When this panel is activated, the content will be loaded from that URL."
+    },
+    {
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener (shorthand for removeListener)"
+    }
+   ]
+  },
+  "Roo.bootstrap.panel.TabItem": {
+   "props": [
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "activate",
+     "sig": "function (tabPanel, _self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this tab becomes the active tab."
+    },
+    {
+     "name": "beforeclose",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before this tab is closed. To cancel the close, set cancel to true on e (e.cancel = true)."
+    },
+    {
+     "name": "close",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this tab is closed."
+    },
+    {
+     "name": "deactivate",
+     "sig": "function (tabPanel, _self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this tab is no longer the active tab."
+    }
+   ],
+   "methods": [
+    {
+     "name": "activate",
+     "sig": "()",
+     "type": "function",
+     "desc": "Activates this TabPanelItem -- this <b>does</b> deactivate the currently active TabPanelItem."
+    },
+    {
+     "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": "disable",
+     "sig": "()",
+     "type": "function",
+     "desc": "Disables this TabPanelItem -- this does nothing if this is the active TabPanelItem."
+    },
+    {
+     "name": "enable",
+     "sig": "()",
+     "type": "function",
+     "desc": "Enables this TabPanelItem if it was previously disabled."
+    },
+    {
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
+     "type": "function",
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+    },
+    {
+     "name": "getText",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the text for this tab"
+    },
+    {
+     "name": "getUpdateManager",
+     "sig": "()",
+     "type": "function",
+     "desc": "Gets the {@link Roo.UpdateManager} for the body of this TabPanelItem. Enables you to perform Ajax updates."
+    },
+    {
+     "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": "Hides this TabPanelItem -- if you don't activate another TabPanelItem this could look odd."
+    },
+    {
+     "name": "isActive",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if this tab is the active tab."
+    },
+    {
+     "name": "isHidden",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if this tab is \"hidden\""
+    },
+    {
+     "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": "refresh",
+     "sig": "()",
+     "type": "function",
+     "desc": "Forces a content refresh from the URL specified in the {@link #setUrl} method.\n  Will fail silently if the setUrl method has not been called.\n  This does not activate the panel, just updates its content."
+    },
+    {
+     "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": "setContent",
+     "sig": "(String content, Boolean loadScripts)",
+     "type": "function",
+     "desc": "Sets the content for this TabPanelItem."
+    },
+    {
+     "name": "setHidden",
+     "sig": "(Boolean hidden)",
+     "type": "function",
+     "desc": "Show or hide the tab"
+    },
+    {
+     "name": "setText",
+     "sig": "(String text)",
+     "type": "function",
+     "desc": "Sets the text for the tab (Note: this also sets the tooltip text)"
+    },
+    {
+     "name": "setTooltip",
+     "sig": "(String tooltip)",
+     "type": "function",
+     "desc": "Set the tooltip for the tab."
+    },
+    {
+     "name": "setUrl",
+     "sig": "(String/Function url, String/Object params, Boolean loadOnce)",
+     "type": "function",
+     "desc": "Set a URL to be used to load the content for this TabPanelItem."
+    },
+    {
+     "name": "show",
+     "sig": "()",
+     "type": "function",
+     "desc": "Shows this TabPanelItem -- this <b>does not</b> deactivate the currently active TabPanelItem."
+    },
+    {
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener (shorthand for removeListener)"
+    }
+   ]
+  },
+  "Roo.bootstrap.panel.Tabs": {
+   "props": [
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "beforetabchange",
+     "sig": "function (_self, e, tab)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the active tab changes, set cancel to true on the \"e\" parameter to cancel the change"
+    },
+    {
+     "name": "tabchange",
+     "sig": "function (_self, activePanel)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the active tab changes"
+    }
+   ],
+   "methods": [
+    {
+     "name": "activate",
+     "sig": "(String/Number id)",
+     "type": "function",
+     "desc": "Activates a {@link Roo.TabPanelItem}. The currently active one will be deactivated."
+    },
+    {
+     "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": "addTab",
+     "sig": "(String id, String text, String content, Boolean closable)",
+     "type": "function",
+     "desc": "Creates a new {@link Roo.TabPanelItem} by looking for an existing element with the provided id -- if it's not found it creates one."
+    },
+    {
+     "name": "addTabItem",
+     "sig": "(Roo.TabPanelItem item)",
+     "type": "function",
+     "desc": "Adds an existing {@link Roo.TabPanelItem}."
+    },
+    {
+     "name": "autoSizeTabs",
+     "sig": "()",
+     "type": "function",
+     "desc": "Manual call to resize the tabs (if {@link #resizeTabs} is false this does nothing)"
+    },
+    {
+     "name": "beginUpdate",
+     "sig": "()",
+     "type": "function",
+     "desc": "Disables tab resizing while tabs are being added (if {@link #resizeTabs} is false this does nothing)"
+    },
+    {
+     "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": "destroy",
+     "sig": "(Boolean removeEl)",
+     "type": "function",
+     "desc": "Destroys this TabPanel"
+    },
+    {
+     "name": "disableTab",
+     "sig": "(String/Number id)",
+     "type": "function",
+     "desc": "Disables a {@link Roo.TabPanelItem}. It cannot be the active tab, if it is this call is ignored."
+    },
+    {
+     "name": "enableTab",
+     "sig": "(String/Number id)",
+     "type": "function",
+     "desc": "Enables a {@link Roo.TabPanelItem} that is disabled."
+    },
+    {
+     "name": "endUpdate",
+     "sig": "()",
+     "type": "function",
+     "desc": "Stops an update and resizes the tabs (if {@link #resizeTabs} is false this does nothing)"
+    },
+    {
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
+     "type": "function",
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+    },
+    {
+     "name": "getActiveTab",
+     "sig": "()",
+     "type": "function",
+     "desc": "Gets the active {@link Roo.TabPanelItem}."
+    },
+    {
+     "name": "getCount",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the number of tabs in this TabPanel."
+    },
+    {
+     "name": "getTab",
+     "sig": "(String/Number id)",
+     "type": "function",
+     "desc": "Returns the {@link Roo.TabPanelItem} with the specified id/index"
+    },
+    {
+     "name": "hasListener",
+     "sig": "(String eventName)",
+     "type": "function",
+     "desc": "Checks to see if this object has any listeners for a specified event"
+    },
+    {
+     "name": "hideTab",
+     "sig": "(String/Number id)",
+     "type": "function",
+     "desc": "Hides the {@link Roo.TabPanelItem} with the specified id/index"
+    },
+    {
+     "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": "removeTab",
+     "sig": "(String/Number id)",
+     "type": "function",
+     "desc": "Removes a {@link Roo.TabPanelItem}."
+    },
+    {
+     "name": "setTabWidth",
+     "sig": "(Number The)",
+     "type": "function",
+     "desc": "Resizes all the tabs to the passed width"
+    },
+    {
+     "name": "syncHeight",
+     "sig": "(Number targetHeight)",
+     "type": "function",
+     "desc": "Updates the tab body element to fit the height of the container element\nfor overflow scrolling"
+    },
+    {
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener (shorthand for removeListener)"
+    },
+    {
+     "name": "unhideTab",
+     "sig": "(String/Number id)",
+     "type": "function",
+     "desc": "\"Unhides\" the {@link Roo.TabPanelItem} with the specified id/index."
+    }
+   ]
+  },
+  "Roo.data": {
+   "props": [],
+   "events": [],
+   "methods": []
+  },
+  "Roo.data.ArrayReader": {
+   "props": [
+    {
+     "name": "id",
+     "type": "String",
+     "desc": "(optional) The subscript within row Array that provides an ID for the Record",
+     "memberOf": ""
+    }
+   ],
+   "events": [],
+   "methods": [
+    {
+     "name": "newRow",
+     "sig": "(Object data)",
+     "type": "function",
+     "desc": "Create an empty record"
+    },
+    {
+     "name": "readRecords",
+     "sig": "(Object o)",
+     "type": "function",
+     "desc": "Create a data block containing Roo.data.Records from an XML document."
+    }
+   ]
+  },
+  "Roo.data.Connection": {
+   "props": [
+    {
+     "name": "url",
+     "type": "String",
+     "desc": "(Optional) The default URL to be used for requests to the server. (defaults to undefined)",
+     "memberOf": ""
+    },
+    {
+     "name": "extraParams",
+     "type": "Object",
+     "desc": "(Optional) An object containing properties which are used as\nextra parameters to each request made by this object. (defaults to undefined)",
+     "memberOf": ""
+    },
+    {
+     "name": "defaultHeaders",
+     "type": "Object",
+     "desc": "(Optional) An object containing request headers which are added\n to each request made by this object. (defaults to undefined)",
+     "memberOf": ""
+    },
+    {
+     "name": "method",
+     "type": "String",
+     "desc": "(Optional) The default HTTP method to be used for requests. (defaults to undefined; if not set but parms are present will use POST, otherwise GET)",
+     "memberOf": ""
+    },
+    {
+     "name": "timeout",
+     "type": "Number",
+     "desc": "(Optional) The timeout in milliseconds to be used for requests. (defaults to 30000)",
+     "memberOf": ""
+    },
+    {
+     "name": "autoAbort",
+     "type": "Boolean",
+     "desc": "(Optional) Whether this request should abort any pending requests. (defaults to false)",
+     "memberOf": ""
+    },
+    {
+     "name": "disableCaching",
+     "type": "Boolean",
+     "desc": "(Optional) True to add a unique cache-buster param to GET requests. (defaults to true)",
+     "memberOf": ""
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "beforerequest",
+     "sig": "function (conn, options)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before a network request is made to retrieve a data object."
+    },
+    {
+     "name": "requestcomplete",
+     "sig": "function (conn, response, options)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires if the request was successfully completed."
+    },
+    {
+     "name": "requestexception",
+     "sig": "function (conn, response, options)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires if an error HTTP status was returned from the server.\nSee {@link http://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html} for details of HTTP status codes."
+    }
+   ],
+   "methods": [
+    {
+     "name": "abort",
+     "sig": "(Number transactionId)",
+     "type": "function",
+     "desc": "Aborts any outstanding request."
+    },
+    {
+     "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": "fireEvent",
+     "sig": "(String eventName, Object... args)",
+     "type": "function",
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+    },
+    {
+     "name": "hasListener",
+     "sig": "(String eventName)",
+     "type": "function",
+     "desc": "Checks to see if this object has any listeners for a specified event"
+    },
+    {
+     "name": "isLoading",
+     "sig": "(Number transactionId)",
+     "type": "function",
+     "desc": "Determine whether this object has a request outstanding."
+    },
+    {
+     "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": "request",
+     "sig": "(Object options)",
+     "type": "function",
+     "desc": "Sends an HTTP request to a remote server."
+    },
+    {
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener (shorthand for removeListener)"
+    }
+   ]
+  },
+  "Roo.data.DataProxy": {
+   "props": [],
+   "events": [
+    {
+     "name": "beforeload",
+     "sig": "function (This, params)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before a network request is made to retrieve a data object."
+    },
+    {
+     "name": "load",
+     "sig": "function (This, o, arg)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the load method's callback is called."
+    },
+    {
+     "name": "loadexception",
+     "sig": "function (This, o, arg, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires if an Exception occurs during data retrieval."
+    }
+   ],
+   "methods": []
+  },
+  "Roo.data.DataReader": {
+   "props": [],
+   "events": [],
+   "methods": [
+    {
+     "name": "newRow",
+     "sig": "(Object data)",
+     "type": "function",
+     "desc": "Create an empty record"
+    }
+   ]
+  },
+  "Roo.data.HttpProxy": {
+   "props": [
+    {
+     "name": "url",
+     "type": "String",
+     "desc": "(Optional) The default URL to be used for requests to the server. (defaults to undefined)",
+     "memberOf": ""
+    },
+    {
+     "name": "extraParams",
+     "type": "Object",
+     "desc": "(Optional) An object containing properties which are used as\nextra parameters to each request made by this object. (defaults to undefined)",
+     "memberOf": ""
+    },
+    {
+     "name": "defaultHeaders",
+     "type": "Object",
+     "desc": "(Optional) An object containing request headers which are added\n to each request made by this object. (defaults to undefined)",
+     "memberOf": ""
+    },
+    {
+     "name": "method",
+     "type": "String",
+     "desc": "(Optional) The default HTTP method to be used for requests. (defaults to undefined; if not set but parms are present will use POST, otherwise GET)",
+     "memberOf": ""
+    },
+    {
+     "name": "timeout",
+     "type": "Number",
+     "desc": "(Optional) The timeout in milliseconds to be used for requests. (defaults to 30000)",
+     "memberOf": ""
+    },
+    {
+     "name": "autoAbort",
+     "type": "Boolean",
+     "desc": "(Optional) Whether this request should abort any pending requests. (defaults to false)",
+     "memberOf": ""
+    },
+    {
+     "name": "disableCaching",
+     "type": "Boolean",
+     "desc": "(Optional) True to add a unique cache-buster param to GET requests. (defaults to true)",
+     "memberOf": ""
+    }
+   ],
+   "events": [
+    {
+     "name": "beforeload",
+     "sig": "function (This, params)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before a network request is made to retrieve a data object."
+    },
+    {
+     "name": "load",
+     "sig": "function (This, o, arg)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the load method's callback is called."
+    },
+    {
+     "name": "loadexception",
+     "sig": "function (This, o, arg, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires if an Exception occurs during data retrieval."
+    }
+   ],
+   "methods": [
+    {
+     "name": "getConnection",
+     "sig": "()",
+     "type": "function",
+     "desc": "Return the {@link Roo.data.Connection} object being used by this Proxy."
+    },
+    {
+     "name": "load",
+     "sig": "(Object params, Roo.data.DataReader reader, Function callback, Object scope, Object arg)",
+     "type": "function",
+     "desc": "Load data from the configured {@link Roo.data.Connection}, read the data object into\na block of Roo.data.Records using the passed {@link Roo.data.DataReader} implementation, and\nprocess that block using the passed callback."
+    }
+   ]
+  },
+  "Roo.data.JsonReader": {
+   "props": [
+    {
+     "name": "totalProperty",
+     "type": "String",
+     "desc": "Name of the property from which to retrieve the total number of records\nin the dataset. This is only needed if the whole dataset is not passed in one go, but is being\npaged from the remote server.",
+     "memberOf": ""
+    },
+    {
+     "name": "successProperty",
+     "type": "String",
+     "desc": "Name of the property from which to retrieve the success attribute used by forms.",
+     "memberOf": ""
+    },
+    {
+     "name": "root",
+     "type": "String",
+     "desc": "name of the property which contains the Array of row objects.",
+     "memberOf": ""
+    },
+    {
+     "name": "id",
+     "type": "String",
+     "desc": "Name of the property within a row object that contains a record identifier value.",
+     "memberOf": ""
+    },
+    {
+     "name": "fields",
+     "type": "Array",
+     "desc": "Array of field definition objects",
+     "memberOf": ""
+    }
+   ],
+   "events": [],
+   "methods": [
+    {
+     "name": "newRow",
+     "sig": "(Object data)",
+     "type": "function",
+     "desc": "Create an empty record"
+    },
+    {
+     "name": "read",
+     "sig": "(Object response)",
+     "type": "function",
+     "desc": "This method is only used by a DataProxy which has retrieved data from a remote server."
+    },
+    {
+     "name": "readRecords",
+     "sig": "(Object o)",
+     "type": "function",
+     "desc": "Create a data block containing Roo.data.Records from an XML document."
+    }
+   ]
+  },
+  "Roo.data.JsonStore": {
+   "props": [
+    {
+     "name": "fields",
+     "type": "Array",
+     "desc": "An array of field definition objects, or field name strings.",
+     "memberOf": ""
+    },
+    {
+     "name": "isLocal",
+     "type": "boolean",
+     "desc": "flag if data is locally available (and can be always looked up\nwithout a remote query - used by combo/forms at present.",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "proxy",
+     "type": "Roo.data.DataProxy",
+     "desc": "The Proxy object which provides access to a data object.",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "data",
+     "type": "Array",
+     "desc": "Inline data to be loaded when the store is initialized.",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "reader",
+     "type": "Roo.data.Reader",
+     "desc": "The Reader object which processes the data object and returns\nan Array of Roo.data.record objects which are cached keyed by their <em>id</em> property.",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "baseParams",
+     "type": "Object",
+     "desc": "An object containing properties which are to be sent as parameters\non any HTTP request",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "sortInfo",
+     "type": "Object",
+     "desc": "A config object in the format: {field: \"fieldName\", direction: \"ASC|DESC\"}",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "multiSort",
+     "type": "Boolean",
+     "desc": "enable multi column sorting (sort is based on the order of columns, remote only at present)",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "remoteSort",
+     "type": "boolean",
+     "desc": "True if sorting is to be handled by requesting the Proxy to provide a refreshed\nversion of the data object in sorted order, as opposed to sorting the Record cache in place (defaults to false).",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "pruneModifiedRecords",
+     "type": "boolean",
+     "desc": "True to clear all modified record information each time the store is\nloaded or when a record is removed. (defaults to false).",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for 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": "add",
+     "sig": "function (_self, records, index)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when Records have been added to the Store"
+    },
+    {
+     "name": "beforeload",
+     "sig": "function (_self, options)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before a request is made for a new data object.  If the beforeload handler returns false\nthe load action will be canceled."
+    },
+    {
+     "name": "beforeloadadd",
+     "sig": "function (_self, records, options)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after a new set of Records has been loaded."
+    },
+    {
+     "name": "clear",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the data cache has been cleared."
+    },
+    {
+     "name": "datachanged",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the data cache has changed, and a widget which is using this Store\nas a Record cache should refresh its view."
+    },
+    {
+     "name": "load",
+     "sig": "function (_self, records, options)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after a new set of Records has been loaded, before they are added to the store."
+    },
+    {
+     "name": "loadexception",
+     "sig": "function (, return, load, jsonData)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires if an exception occurs in the Proxy during loading.\nCalled with the signature of the Proxy's \"loadexception\" event.\nIf you return Json { data: [] , success: false, .... } then this will be thrown with the following args"
+    },
+    {
+     "name": "metachange",
+     "sig": "function (_self, meta)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this store's reader provides new metadata (fields). This is currently only support for JsonReaders."
+    },
+    {
+     "name": "remove",
+     "sig": "function (_self, record, index)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a Record has been removed from the Store"
+    },
+    {
+     "name": "update",
+     "sig": "function (_self, record, operation)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a Record has been updated"
+    }
+   ],
+   "methods": [
+    {
+     "name": "add",
+     "sig": "(Roo.data.Record[] records)",
+     "type": "function",
+     "desc": "Add Records to the Store and fires the add event."
+    },
+    {
+     "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": "clearFilter",
+     "sig": "(Boolean suppressEvent)",
+     "type": "function",
+     "desc": "Revert to a view of the Record cache with no filtering applied."
+    },
+    {
+     "name": "collect",
+     "sig": "(String dataIndex, Boolean allowNull, Boolean bypassFilter)",
+     "type": "function",
+     "desc": "Collects unique values for a particular dataIndex from this store."
+    },
+    {
+     "name": "commitChanges",
+     "sig": "()",
+     "type": "function",
+     "desc": "Commit all Records with outstanding changes. To handle updates for changes, subscribe to the\nStore's \"update\" event, and perform updating when the third parameter is Roo.data.Record.COMMIT."
+    },
+    {
+     "name": "each",
+     "sig": "(Function fn, Object scope)",
+     "type": "function",
+     "desc": "Calls the specified function for each of the Records in the cache."
+    },
+    {
+     "name": "filter",
+     "sig": "(String field, String/RegExp value, Boolean anyMatch)",
+     "type": "function",
+     "desc": "Filter the records by a specified property."
+    },
+    {
+     "name": "filterBy",
+     "sig": "(Function fn, Object scope)",
+     "type": "function",
+     "desc": "Filter by a function. The specified function will be called with each\nrecord in this data source. If the function returns true the record is included,\notherwise it is filtered."
+    },
+    {
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
+     "type": "function",
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+    },
+    {
+     "name": "getAt",
+     "sig": "(Number index)",
+     "type": "function",
+     "desc": "Get the Record at the specified index."
+    },
+    {
+     "name": "getById",
+     "sig": "(String id)",
+     "type": "function",
+     "desc": "Get the Record with the specified id."
+    },
+    {
+     "name": "getCount",
+     "sig": "()",
+     "type": "function",
+     "desc": "Gets the number of cached records.\n<p>\n<em>If using paging, this may not be the total size of the dataset. If the data object\nused by the Reader contains the dataset size, then the getTotalCount() function returns\nthe data set size</em>"
+    },
+    {
+     "name": "getModifiedRecords",
+     "sig": "()",
+     "type": "function",
+     "desc": "Gets all records modified since the last commit.  Modified records are persisted across load operations\n(e.g., during paging)."
+    },
+    {
+     "name": "getRange",
+     "sig": "(Number startIndex, Number endIndex)",
+     "type": "function",
+     "desc": "Returns a range of Records between specified indices."
+    },
+    {
+     "name": "getSortState",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the sort state of the Store as an object with two properties:\n<pre><code>\n field {String} The name of the field by which the Records are sorted\n direction {String} The sort order, \"ASC\" or \"DESC\"\n</code></pre>"
+    },
+    {
+     "name": "getTotalCount",
+     "sig": "()",
+     "type": "function",
+     "desc": "Gets the total number of records in the dataset as returned by the server.\n<p>\n<em>If using paging, for this to be accurate, the data object used by the Reader must contain\nthe dataset size</em>"
+    },
+    {
+     "name": "hasListener",
+     "sig": "(String eventName)",
+     "type": "function",
+     "desc": "Checks to see if this object has any listeners for a specified event"
+    },
+    {
+     "name": "indexOf",
+     "sig": "(Roo.data.Record record)",
+     "type": "function",
+     "desc": "Get the index within the cache of the passed Record."
+    },
+    {
+     "name": "indexOfId",
+     "sig": "(String id)",
+     "type": "function",
+     "desc": "Get the index within the cache of the Record with the passed id."
+    },
+    {
+     "name": "insert",
+     "sig": "(Number index, Roo.data.Record[] records)",
+     "type": "function",
+     "desc": "Inserts Records to the Store at the given index and fires the add event."
+    },
+    {
+     "name": "load",
+     "sig": "(Object options)",
+     "type": "function",
+     "desc": "Loads the Record cache from the configured Proxy using the configured Reader.\n<p>\nIf using remote paging, then the first load call must specify the <em>start</em>\nand <em>limit</em> properties in the options.params property to establish the initial\nposition within the dataset, and the number of Records to cache on each read from the Proxy.\n<p>\n<strong>It is important to note that for remote data sources, loading is asynchronous,\nand this call will return before the new data has been loaded. Perform any post-processing\nin a callback function, or in a \"load\" event handler.</strong>\n<p>"
+    },
+    {
+     "name": "loadData",
+     "sig": "(Object data, Boolean append)",
+     "type": "function",
+     "desc": "Loads data from a passed data block. A Reader which understands the format of the data\nmust have been configured in the constructor."
+    },
+    {
+     "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": "query",
+     "sig": "(String field, String/RegExp value, Boolean anyMatch)",
+     "type": "function",
+     "desc": "Query the records by a specified property."
+    },
+    {
+     "name": "queryBy",
+     "sig": "(Function fn, Object scope)",
+     "type": "function",
+     "desc": "Query by a function. The specified function will be called with each\nrecord in this data source. If the function returns true the record is included\nin the results."
+    },
+    {
+     "name": "rejectChanges",
+     "sig": "()",
+     "type": "function",
+     "desc": "Cancel outstanding changes on all changed records."
+    },
+    {
+     "name": "releaseCapture",
+     "sig": "(Observable o)",
+     "type": "function",
+     "desc": "Removes <b>all</b> added captures from the Observable."
+    },
+    {
+     "name": "reload",
+     "sig": "(Object options)",
+     "type": "function",
+     "desc": "Reloads the Record cache from the configured Proxy using the configured Reader and\nthe options from the last load operation performed."
+    },
+    {
+     "name": "remove",
+     "sig": "(Ext.data.Record record)",
+     "type": "function",
+     "desc": "Remove a Record from the Store and fires the remove event."
+    },
+    {
+     "name": "removeAll",
+     "sig": "()",
+     "type": "function",
+     "desc": "Remove all Records from the Store and fires the clear event."
+    },
+    {
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener"
+    },
+    {
+     "name": "setDefaultSort",
+     "sig": "(String fieldName, String dir)",
+     "type": "function",
+     "desc": "Sets the default sort column and order to be used by the next load operation."
+    },
+    {
+     "name": "sort",
+     "sig": "(String fieldName, String dir)",
+     "type": "function",
+     "desc": "Sort the Records.\nIf remote sorting is used, the sort is performed on the server, and the cache is\nreloaded. If local sorting is used, the cache is sorted internally."
+    },
+    {
+     "name": "sum",
+     "sig": "(String property, Number start, Number end)",
+     "type": "function",
+     "desc": "Sums the value of <i>property</i> for each record between start and end and returns the result."
+    },
+    {
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener (shorthand for removeListener)"
+    }
+   ]
+  },
+  "Roo.data.MemoryProxy": {
+   "props": [],
+   "events": [],
+   "methods": [
+    {
+     "name": "load",
+     "sig": "(Object params, Roo.data.DataReader reader, Function callback, Object scope, Object arg)",
+     "type": "function",
+     "desc": "Load data from the requested source (in this case an in-memory\ndata object passed to the constructor), read the data object into\na block of Roo.data.Records using the passed Roo.data.DataReader implementation, and\nprocess that block using the passed callback."
+    }
+   ]
+  },
+  "Roo.data.Node": {
+   "props": [
+    {
+     "name": "leaf",
+     "type": "Boolean",
+     "desc": "true if this node is a leaf and does not have children",
+     "memberOf": ""
+    },
+    {
+     "name": "id",
+     "type": "String",
+     "desc": "The id for this node. If one is not specified, one is generated.",
+     "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": "append",
+     "sig": "function (tree, _self, node, index)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a new child node is appended"
+    },
+    {
+     "name": "beforeappend",
+     "sig": "function (tree, _self, node)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before a new child is appended, return false to cancel the append."
+    },
+    {
+     "name": "beforeinsert",
+     "sig": "function (tree, _self, node, refNode)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before a new child is inserted, return false to cancel the insert."
+    },
+    {
+     "name": "beforemove",
+     "sig": "function (tree, _self, oldParent, newParent, index)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before this node is moved to a new location in the tree. Return false to cancel the move."
+    },
+    {
+     "name": "beforeremove",
+     "sig": "function (tree, _self, node)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before a child is removed, return false to cancel the remove."
+    },
+    {
+     "name": "insert",
+     "sig": "function (tree, _self, node, refNode)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a new child node is inserted."
+    },
+    {
+     "name": "move",
+     "sig": "function (tree, _self, oldParent, newParent, index)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this node is moved to a new location in the tree"
+    },
+    {
+     "name": "remove",
+     "sig": "function (tree, _self, node)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a child node is removed"
+    }
+   ],
+   "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": "appendChild",
+     "sig": "(Node/Array node)",
+     "type": "function",
+     "desc": "Insert node(s) as the last child node of this node."
+    },
+    {
+     "name": "bubble",
+     "sig": "(Function fn, Object scope, Array args)",
+     "type": "function",
+     "desc": "Bubbles up the tree from this node, calling the specified function with each node. The scope (<i>this</i>) of\nfunction call will be the scope provided or the current node. The arguments to the function\nwill be the args provided or the current node. If the function returns false at any point,\nthe bubble is stopped."
+    },
+    {
+     "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": "cascade",
+     "sig": "(Function fn, Object scope, Array args)",
+     "type": "function",
+     "desc": "Cascades down the tree from this node, calling the specified function with each node. The scope (<i>this</i>) of\nfunction call will be the scope provided or the current node. The arguments to the function\nwill be the args provided or the current node. If the function returns false at any point,\nthe cascade is stopped on that branch."
+    },
+    {
+     "name": "contains",
+     "sig": "(Node node)",
+     "type": "function",
+     "desc": "Returns true if this node is an ancestor (at any point) of the passed node."
+    },
+    {
+     "name": "eachChild",
+     "sig": "(Function fn, Object scope, Array args)",
+     "type": "function",
+     "desc": "Interates the child nodes of this node, calling the specified function with each node. The scope (<i>this</i>) of\nfunction call will be the scope provided or the current node. The arguments to the function\nwill be the args provided or the current node. If the function returns false at any point,\nthe iteration stops."
+    },
+    {
+     "name": "findChild",
+     "sig": "(String attribute, Mixed value)",
+     "type": "function",
+     "desc": "Finds the first child that has the attribute with the specified value."
+    },
+    {
+     "name": "findChildBy",
+     "sig": "(Function fn, Object scope)",
+     "type": "function",
+     "desc": "Finds the first child by a custom function. The child matches if the function passed\nreturns true."
+    },
+    {
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
+     "type": "function",
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+    },
+    {
+     "name": "getDepth",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns depth of this node (the root node has a depth of 0)"
+    },
+    {
+     "name": "getOwnerTree",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the tree this node is in."
+    },
+    {
+     "name": "getPath",
+     "sig": "(String attr)",
+     "type": "function",
+     "desc": "Returns the path for this node. The path can be used to expand or select this node programmatically."
+    },
+    {
+     "name": "hasListener",
+     "sig": "(String eventName)",
+     "type": "function",
+     "desc": "Checks to see if this object has any listeners for a specified event"
+    },
+    {
+     "name": "indexOf",
+     "sig": "(Node node)",
+     "type": "function",
+     "desc": "Returns the index of a child node"
+    },
+    {
+     "name": "insertBefore",
+     "sig": "(Node node, Node refNode)",
+     "type": "function",
+     "desc": "Inserts the first node before the second node in this nodes childNodes collection."
+    },
+    {
+     "name": "isAncestor",
+     "sig": "(Node node)",
+     "type": "function",
+     "desc": "Returns true if the passed node is an ancestor (at any point) of this node."
+    },
+    {
+     "name": "isFirst",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if this node is the first child of its parent"
+    },
+    {
+     "name": "isLast",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if this node is the last child of its parent"
+    },
+    {
+     "name": "isLeaf",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if this node is a leaf"
+    },
+    {
+     "name": "item",
+     "sig": "(Number index)",
+     "type": "function",
+     "desc": "Returns the child node at the specified index."
+    },
+    {
+     "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": "removeChild",
+     "sig": "(Node node)",
+     "type": "function",
+     "desc": "Removes a child node from this node."
+    },
+    {
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener"
+    },
+    {
+     "name": "replaceChild",
+     "sig": "(Node newChild, Node oldChild)",
+     "type": "function",
+     "desc": "Replaces one child node in this node with another."
+    },
+    {
+     "name": "sort",
+     "sig": "(Function fn, Object scope)",
+     "type": "function",
+     "desc": "Sorts this nodes children using the supplied sort function"
+    },
+    {
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener (shorthand for removeListener)"
+    }
+   ]
+  },
+  "Roo.data.Record": {
+   "props": [],
+   "events": [],
+   "methods": [
+    {
+     "name": "commit",
+     "sig": "()",
+     "type": "function",
+     "desc": "Usually called by the {@link Roo.data.Store} which owns the Record.\nCommits all changes made to the Record since either creation, or the last commit operation.\n<p>\nDevelopers should subscribe to the {@link Roo.data.Store#update} event to have their code notified\nof commit operations."
+    },
+    {
+     "name": "copy",
+     "sig": "(String id)",
+     "type": "function",
+     "desc": "Creates a copy of this record."
+    },
+    {
+     "name": "create",
+     "sig": "(Array o)",
+     "type": "function",
+     "desc": "Generate a constructor for a specific record layout."
+    },
+    {
+     "name": "get",
+     "sig": "(String name)",
+     "type": "function",
+     "desc": "Get the value of the named field."
+    },
+    {
+     "name": "reject",
+     "sig": "()",
+     "type": "function",
+     "desc": "Usually called by the {@link Roo.data.Store} which owns the Record.\nRejects all changes made to the Record since either creation, or the last commit operation.\nModified fields are reverted to their original values.\n<p>\nDevelopers should subscribe to the {@link Roo.data.Store#update} event to have their code notified\nof reject operations."
+    },
+    {
+     "name": "set",
+     "sig": "(String name, Object value)",
+     "type": "function",
+     "desc": "Set the named field to the specified value."
+    }
+   ]
+  },
+  "Roo.data.ScriptTagProxy": {
+   "props": [
+    {
+     "name": "url",
+     "type": "String",
+     "desc": "The URL from which to request the data object.",
+     "memberOf": ""
+    },
+    {
+     "name": "timeout",
+     "type": "Number",
+     "desc": "(Optional) The number of milliseconds to wait for a response. Defaults to 30 seconds.",
+     "memberOf": ""
+    },
+    {
+     "name": "callbackParam",
+     "type": "String",
+     "desc": "(Optional) The name of the parameter to pass to the server which tells\nthe server the name of the callback function set up by the load call to process the returned data object.\nDefaults to \"callback\".<p>The server-side processing must read this parameter value, and generate\njavascript output which calls this named function passing the data object as its only parameter.",
+     "memberOf": ""
+    },
+    {
+     "name": "nocache",
+     "type": "Boolean",
+     "desc": "(Optional) Defaults to true. Disable cacheing by adding a unique parameter\nname to the request.",
+     "memberOf": ""
+    }
+   ],
+   "events": [],
+   "methods": [
+    {
+     "name": "abort",
+     "sig": "()",
+     "type": "function",
+     "desc": "Abort the current server request."
+    },
+    {
+     "name": "load",
+     "sig": "(Object params, Roo.data.DataReader reader, Function callback, Object scope, Object arg)",
+     "type": "function",
+     "desc": "Load data from the configured URL, read the data object into\na block of Roo.data.Records using the passed Roo.data.DataReader implementation, and\nprocess that block using the passed callback."
+    }
+   ]
+  },
+  "Roo.data.SimpleStore": {
+   "props": [
+    {
+     "name": "id",
+     "type": "Number",
+     "desc": "The array index of the record id. Leave blank to auto generate ids.",
+     "memberOf": ""
+    },
+    {
+     "name": "fields",
+     "type": "Array",
+     "desc": "An array of field definition objects, or field name strings.",
+     "memberOf": ""
+    },
+    {
+     "name": "data",
+     "type": "Array",
+     "desc": "The multi-dimensional array of data",
+     "memberOf": ""
+    },
+    {
+     "name": "isLocal",
+     "type": "boolean",
+     "desc": "flag if data is locally available (and can be always looked up\nwithout a remote query - used by combo/forms at present.",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "proxy",
+     "type": "Roo.data.DataProxy",
+     "desc": "The Proxy object which provides access to a data object.",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "reader",
+     "type": "Roo.data.Reader",
+     "desc": "The Reader object which processes the data object and returns\nan Array of Roo.data.record objects which are cached keyed by their <em>id</em> property.",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "baseParams",
+     "type": "Object",
+     "desc": "An object containing properties which are to be sent as parameters\non any HTTP request",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "sortInfo",
+     "type": "Object",
+     "desc": "A config object in the format: {field: \"fieldName\", direction: \"ASC|DESC\"}",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "multiSort",
+     "type": "Boolean",
+     "desc": "enable multi column sorting (sort is based on the order of columns, remote only at present)",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "remoteSort",
+     "type": "boolean",
+     "desc": "True if sorting is to be handled by requesting the Proxy to provide a refreshed\nversion of the data object in sorted order, as opposed to sorting the Record cache in place (defaults to false).",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "pruneModifiedRecords",
+     "type": "boolean",
+     "desc": "True to clear all modified record information each time the store is\nloaded or when a record is removed. (defaults to false).",
+     "memberOf": "Roo.data.Store"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for 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": "add",
+     "sig": "function (_self, records, index)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when Records have been added to the Store"
+    },
+    {
+     "name": "beforeload",
+     "sig": "function (_self, options)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before a request is made for a new data object.  If the beforeload handler returns false\nthe load action will be canceled."
+    },
+    {
+     "name": "beforeloadadd",
+     "sig": "function (_self, records, options)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after a new set of Records has been loaded."
+    },
+    {
+     "name": "clear",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the data cache has been cleared."
+    },
+    {
+     "name": "datachanged",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the data cache has changed, and a widget which is using this Store\nas a Record cache should refresh its view."
+    },
+    {
+     "name": "load",
+     "sig": "function (_self, records, options)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after a new set of Records has been loaded, before they are added to the store."
+    },
+    {
+     "name": "loadexception",
+     "sig": "function (, return, load, jsonData)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires if an exception occurs in the Proxy during loading.\nCalled with the signature of the Proxy's \"loadexception\" event.\nIf you return Json { data: [] , success: false, .... } then this will be thrown with the following args"
+    },
+    {
+     "name": "metachange",
+     "sig": "function (_self, meta)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this store's reader provides new metadata (fields). This is currently only support for JsonReaders."
+    },
+    {
+     "name": "remove",
+     "sig": "function (_self, record, index)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a Record has been removed from the Store"
+    },
+    {
+     "name": "update",
+     "sig": "function (_self, record, operation)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a Record has been updated"
+    }
+   ],
+   "methods": [
+    {
+     "name": "add",
+     "sig": "(Roo.data.Record[] records)",
+     "type": "function",
+     "desc": "Add Records to the Store and fires the add event."
+    },
+    {
+     "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": "clearFilter",
+     "sig": "(Boolean suppressEvent)",
+     "type": "function",
+     "desc": "Revert to a view of the Record cache with no filtering applied."
+    },
+    {
+     "name": "collect",
+     "sig": "(String dataIndex, Boolean allowNull, Boolean bypassFilter)",
+     "type": "function",
+     "desc": "Collects unique values for a particular dataIndex from this store."
+    },
+    {
+     "name": "commitChanges",
+     "sig": "()",
+     "type": "function",
+     "desc": "Commit all Records with outstanding changes. To handle updates for changes, subscribe to the\nStore's \"update\" event, and perform updating when the third parameter is Roo.data.Record.COMMIT."
+    },
+    {
+     "name": "each",
+     "sig": "(Function fn, Object scope)",
+     "type": "function",
+     "desc": "Calls the specified function for each of the Records in the cache."
+    },
+    {
+     "name": "filter",
+     "sig": "(String field, String/RegExp value, Boolean anyMatch)",
+     "type": "function",
+     "desc": "Filter the records by a specified property."
+    },
+    {
+     "name": "filterBy",
+     "sig": "(Function fn, Object scope)",
+     "type": "function",
+     "desc": "Filter by a function. The specified function will be called with each\nrecord in this data source. If the function returns true the record is included,\notherwise it is filtered."
+    },
+    {
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
+     "type": "function",
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+    },
+    {
+     "name": "getAt",
+     "sig": "(Number index)",
+     "type": "function",
+     "desc": "Get the Record at the specified index."
+    },
+    {
+     "name": "getById",
+     "sig": "(String id)",
+     "type": "function",
+     "desc": "Get the Record with the specified id."
+    },
+    {
+     "name": "getCount",
+     "sig": "()",
+     "type": "function",
+     "desc": "Gets the number of cached records.\n<p>\n<em>If using paging, this may not be the total size of the dataset. If the data object\nused by the Reader contains the dataset size, then the getTotalCount() function returns\nthe data set size</em>"
+    },
+    {
+     "name": "getModifiedRecords",
+     "sig": "()",
+     "type": "function",
+     "desc": "Gets all records modified since the last commit.  Modified records are persisted across load operations\n(e.g., during paging)."
+    },
+    {
+     "name": "getRange",
+     "sig": "(Number startIndex, Number endIndex)",
+     "type": "function",
+     "desc": "Returns a range of Records between specified indices."
+    },
+    {
+     "name": "getSortState",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the sort state of the Store as an object with two properties:\n<pre><code>\n field {String} The name of the field by which the Records are sorted\n direction {String} The sort order, \"ASC\" or \"DESC\"\n</code></pre>"
+    },
+    {
+     "name": "getTotalCount",
+     "sig": "()",
+     "type": "function",
+     "desc": "Gets the total number of records in the dataset as returned by the server.\n<p>\n<em>If using paging, for this to be accurate, the data object used by the Reader must contain\nthe dataset size</em>"
+    },
+    {
+     "name": "hasListener",
+     "sig": "(String eventName)",
+     "type": "function",
+     "desc": "Checks to see if this object has any listeners for a specified event"
+    },
+    {
+     "name": "indexOf",
+     "sig": "(Roo.data.Record record)",
+     "type": "function",
+     "desc": "Get the index within the cache of the passed Record."
+    },
+    {
+     "name": "indexOfId",
+     "sig": "(String id)",
+     "type": "function",
+     "desc": "Get the index within the cache of the Record with the passed id."
+    },
+    {
+     "name": "insert",
+     "sig": "(Number index, Roo.data.Record[] records)",
+     "type": "function",
+     "desc": "Inserts Records to the Store at the given index and fires the add event."
+    },
+    {
+     "name": "load",
+     "sig": "(Object options)",
+     "type": "function",
+     "desc": "Loads the Record cache from the configured Proxy using the configured Reader.\n<p>\nIf using remote paging, then the first load call must specify the <em>start</em>\nand <em>limit</em> properties in the options.params property to establish the initial\nposition within the dataset, and the number of Records to cache on each read from the Proxy.\n<p>\n<strong>It is important to note that for remote data sources, loading is asynchronous,\nand this call will return before the new data has been loaded. Perform any post-processing\nin a callback function, or in a \"load\" event handler.</strong>\n<p>"
+    },
+    {
+     "name": "loadData",
+     "sig": "(Object data, Boolean append)",
+     "type": "function",
+     "desc": "Loads data from a passed data block. A Reader which understands the format of the data\nmust have been configured in the constructor."
+    },
+    {
+     "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": "query",
+     "sig": "(String field, String/RegExp value, Boolean anyMatch)",
+     "type": "function",
+     "desc": "Query the records by a specified property."
+    },
+    {
+     "name": "queryBy",
+     "sig": "(Function fn, Object scope)",
+     "type": "function",
+     "desc": "Query by a function. The specified function will be called with each\nrecord in this data source. If the function returns true the record is included\nin the results."
+    },
+    {
+     "name": "rejectChanges",
+     "sig": "()",
+     "type": "function",
+     "desc": "Cancel outstanding changes on all changed records."
+    },
+    {
+     "name": "releaseCapture",
+     "sig": "(Observable o)",
+     "type": "function",
+     "desc": "Removes <b>all</b> added captures from the Observable."
+    },
+    {
+     "name": "reload",
+     "sig": "(Object options)",
+     "type": "function",
+     "desc": "Reloads the Record cache from the configured Proxy using the configured Reader and\nthe options from the last load operation performed."
+    },
+    {
+     "name": "remove",
+     "sig": "(Ext.data.Record record)",
+     "type": "function",
+     "desc": "Remove a Record from the Store and fires the remove event."
+    },
+    {
+     "name": "removeAll",
+     "sig": "()",
+     "type": "function",
+     "desc": "Remove all Records from the Store and fires the clear event."
+    },
+    {
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener"
+    },
+    {
+     "name": "setDefaultSort",
+     "sig": "(String fieldName, String dir)",
+     "type": "function",
+     "desc": "Sets the default sort column and order to be used by the next load operation."
+    },
+    {
+     "name": "sort",
+     "sig": "(String fieldName, String dir)",
+     "type": "function",
+     "desc": "Sort the Records.\nIf remote sorting is used, the sort is performed on the server, and the cache is\nreloaded. If local sorting is used, the cache is sorted internally."
+    },
+    {
+     "name": "sum",
+     "sig": "(String property, Number start, Number end)",
+     "type": "function",
+     "desc": "Sums the value of <i>property</i> for each record between start and end and returns the result."
+    },
+    {
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener (shorthand for removeListener)"
+    }
+   ]
+  },
+  "Roo.data.SortTypes": {
+   "props": [],
+   "events": [],
+   "methods": [
+    {
+     "name": "asDate",
+     "sig": "(Mixed s)",
+     "type": "function",
+     "desc": "Date sorting"
+    },
+    {
+     "name": "asFloat",
+     "sig": "(Mixed s)",
+     "type": "function",
+     "desc": "Float sorting"
+    },
+    {
+     "name": "asInt",
+     "sig": "(Mixed s)",
+     "type": "function",
+     "desc": "Integer sorting"
+    },
+    {
+     "name": "asText",
+     "sig": "(Mixed s)",
+     "type": "function",
+     "desc": "Strips all HTML tags to sort on text only"
+    },
+    {
+     "name": "asUCString",
+     "sig": "(Mixed s)",
+     "type": "function",
+     "desc": "Case insensitive string"
+    },
+    {
+     "name": "asUCText",
+     "sig": "(Mixed s)",
+     "type": "function",
+     "desc": "Strips all HTML tags to sort on text only - Case insensitive"
+    },
+    {
+     "name": "none",
+     "sig": "(Mixed s)",
+     "type": "function",
+     "desc": "Default sort that does nothing"
+    }
+   ]
+  },
+  "Roo.data.Store": {
+   "props": [
+    {
+     "name": "isLocal",
+     "type": "boolean",
+     "desc": "flag if data is locally available (and can be always looked up\nwithout a remote query - used by combo/forms at present.",
+     "memberOf": ""
+    },
+    {
+     "name": "proxy",
+     "type": "Roo.data.DataProxy",
+     "desc": "The Proxy object which provides access to a data object.",
+     "memberOf": ""
+    },
+    {
+     "name": "data",
+     "type": "Array",
+     "desc": "Inline data to be loaded when the store is initialized.",
+     "memberOf": ""
+    },
+    {
+     "name": "reader",
+     "type": "Roo.data.Reader",
+     "desc": "The Reader object which processes the data object and returns\nan Array of Roo.data.record objects which are cached keyed by their <em>id</em> property.",
+     "memberOf": ""
+    },
+    {
+     "name": "baseParams",
+     "type": "Object",
+     "desc": "An object containing properties which are to be sent as parameters\non any HTTP request",
+     "memberOf": ""
+    },
+    {
+     "name": "sortInfo",
+     "type": "Object",
+     "desc": "A config object in the format: {field: \"fieldName\", direction: \"ASC|DESC\"}",
+     "memberOf": ""
+    },
+    {
+     "name": "multiSort",
+     "type": "Boolean",
+     "desc": "enable multi column sorting (sort is based on the order of columns, remote only at present)",
+     "memberOf": ""
+    },
+    {
+     "name": "remoteSort",
+     "type": "boolean",
+     "desc": "True if sorting is to be handled by requesting the Proxy to provide a refreshed\nversion of the data object in sorted order, as opposed to sorting the Record cache in place (defaults to false).",
+     "memberOf": ""
+    },
+    {
+     "name": "pruneModifiedRecords",
+     "type": "boolean",
+     "desc": "True to clear all modified record information each time the store is\nloaded or when a record is removed. (defaults to false).",
+     "memberOf": ""
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for 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": "add",
+     "sig": "function (_self, records, index)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when Records have been added to the Store"
+    },
+    {
+     "name": "beforeload",
+     "sig": "function (_self, options)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before a request is made for a new data object.  If the beforeload handler returns false\nthe load action will be canceled."
+    },
+    {
+     "name": "beforeloadadd",
+     "sig": "function (_self, records, options)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after a new set of Records has been loaded."
+    },
+    {
+     "name": "clear",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the data cache has been cleared."
+    },
+    {
+     "name": "datachanged",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the data cache has changed, and a widget which is using this Store\nas a Record cache should refresh its view."
+    },
+    {
+     "name": "load",
+     "sig": "function (_self, records, options)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after a new set of Records has been loaded, before they are added to the store."
+    },
+    {
+     "name": "loadexception",
+     "sig": "function (, return, load, jsonData)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires if an exception occurs in the Proxy during loading.\nCalled with the signature of the Proxy's \"loadexception\" event.\nIf you return Json { data: [] , success: false, .... } then this will be thrown with the following args"
+    },
+    {
+     "name": "metachange",
+     "sig": "function (_self, meta)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this store's reader provides new metadata (fields). This is currently only support for JsonReaders."
+    },
+    {
+     "name": "remove",
+     "sig": "function (_self, record, index)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a Record has been removed from the Store"
+    },
+    {
+     "name": "update",
+     "sig": "function (_self, record, operation)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a Record has been updated"
+    }
+   ],
+   "methods": [
+    {
+     "name": "add",
+     "sig": "(Roo.data.Record[] records)",
+     "type": "function",
+     "desc": "Add Records to the Store and fires the add event."
+    },
+    {
+     "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": "clearFilter",
+     "sig": "(Boolean suppressEvent)",
+     "type": "function",
+     "desc": "Revert to a view of the Record cache with no filtering applied."
+    },
+    {
+     "name": "collect",
+     "sig": "(String dataIndex, Boolean allowNull, Boolean bypassFilter)",
+     "type": "function",
+     "desc": "Collects unique values for a particular dataIndex from this store."
+    },
+    {
+     "name": "commitChanges",
+     "sig": "()",
+     "type": "function",
+     "desc": "Commit all Records with outstanding changes. To handle updates for changes, subscribe to the\nStore's \"update\" event, and perform updating when the third parameter is Roo.data.Record.COMMIT."
+    },
+    {
+     "name": "each",
+     "sig": "(Function fn, Object scope)",
+     "type": "function",
+     "desc": "Calls the specified function for each of the Records in the cache."
+    },
+    {
+     "name": "filter",
+     "sig": "(String field, String/RegExp value, Boolean anyMatch)",
+     "type": "function",
+     "desc": "Filter the records by a specified property."
+    },
+    {
+     "name": "filterBy",
+     "sig": "(Function fn, Object scope)",
+     "type": "function",
+     "desc": "Filter by a function. The specified function will be called with each\nrecord in this data source. If the function returns true the record is included,\notherwise it is filtered."
+    },
+    {
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
+     "type": "function",
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+    },
+    {
+     "name": "getAt",
+     "sig": "(Number index)",
+     "type": "function",
+     "desc": "Get the Record at the specified index."
+    },
+    {
+     "name": "getById",
+     "sig": "(String id)",
+     "type": "function",
+     "desc": "Get the Record with the specified id."
+    },
+    {
+     "name": "getCount",
+     "sig": "()",
+     "type": "function",
+     "desc": "Gets the number of cached records.\n<p>\n<em>If using paging, this may not be the total size of the dataset. If the data object\nused by the Reader contains the dataset size, then the getTotalCount() function returns\nthe data set size</em>"
+    },
+    {
+     "name": "getModifiedRecords",
+     "sig": "()",
+     "type": "function",
+     "desc": "Gets all records modified since the last commit.  Modified records are persisted across load operations\n(e.g., during paging)."
+    },
+    {
+     "name": "getRange",
+     "sig": "(Number startIndex, Number endIndex)",
+     "type": "function",
+     "desc": "Returns a range of Records between specified indices."
+    },
+    {
+     "name": "getSortState",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the sort state of the Store as an object with two properties:\n<pre><code>\n field {String} The name of the field by which the Records are sorted\n direction {String} The sort order, \"ASC\" or \"DESC\"\n</code></pre>"
+    },
+    {
+     "name": "getTotalCount",
+     "sig": "()",
+     "type": "function",
+     "desc": "Gets the total number of records in the dataset as returned by the server.\n<p>\n<em>If using paging, for this to be accurate, the data object used by the Reader must contain\nthe dataset size</em>"
+    },
+    {
+     "name": "hasListener",
+     "sig": "(String eventName)",
+     "type": "function",
+     "desc": "Checks to see if this object has any listeners for a specified event"
+    },
+    {
+     "name": "indexOf",
+     "sig": "(Roo.data.Record record)",
+     "type": "function",
+     "desc": "Get the index within the cache of the passed Record."
+    },
+    {
+     "name": "indexOfId",
+     "sig": "(String id)",
+     "type": "function",
+     "desc": "Get the index within the cache of the Record with the passed id."
+    },
+    {
+     "name": "insert",
+     "sig": "(Number index, Roo.data.Record[] records)",
+     "type": "function",
+     "desc": "Inserts Records to the Store at the given index and fires the add event."
+    },
+    {
+     "name": "load",
+     "sig": "(Object options)",
+     "type": "function",
+     "desc": "Loads the Record cache from the configured Proxy using the configured Reader.\n<p>\nIf using remote paging, then the first load call must specify the <em>start</em>\nand <em>limit</em> properties in the options.params property to establish the initial\nposition within the dataset, and the number of Records to cache on each read from the Proxy.\n<p>\n<strong>It is important to note that for remote data sources, loading is asynchronous,\nand this call will return before the new data has been loaded. Perform any post-processing\nin a callback function, or in a \"load\" event handler.</strong>\n<p>"
+    },
+    {
+     "name": "loadData",
+     "sig": "(Object data, Boolean append)",
+     "type": "function",
+     "desc": "Loads data from a passed data block. A Reader which understands the format of the data\nmust have been configured in the constructor."
+    },
+    {
+     "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": "query",
+     "sig": "(String field, String/RegExp value, Boolean anyMatch)",
+     "type": "function",
+     "desc": "Query the records by a specified property."
+    },
+    {
+     "name": "queryBy",
+     "sig": "(Function fn, Object scope)",
+     "type": "function",
+     "desc": "Query by a function. The specified function will be called with each\nrecord in this data source. If the function returns true the record is included\nin the results."
+    },
+    {
+     "name": "rejectChanges",
+     "sig": "()",
+     "type": "function",
+     "desc": "Cancel outstanding changes on all changed records."
+    },
+    {
+     "name": "releaseCapture",
+     "sig": "(Observable o)",
+     "type": "function",
+     "desc": "Removes <b>all</b> added captures from the Observable."
+    },
+    {
+     "name": "reload",
+     "sig": "(Object options)",
+     "type": "function",
+     "desc": "Reloads the Record cache from the configured Proxy using the configured Reader and\nthe options from the last load operation performed."
+    },
+    {
+     "name": "remove",
+     "sig": "(Ext.data.Record record)",
+     "type": "function",
+     "desc": "Remove a Record from the Store and fires the remove event."
+    },
+    {
+     "name": "removeAll",
+     "sig": "()",
+     "type": "function",
+     "desc": "Remove all Records from the Store and fires the clear event."
+    },
+    {
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener"
+    },
+    {
+     "name": "setDefaultSort",
+     "sig": "(String fieldName, String dir)",
+     "type": "function",
+     "desc": "Sets the default sort column and order to be used by the next load operation."
+    },
+    {
+     "name": "sort",
+     "sig": "(String fieldName, String dir)",
+     "type": "function",
+     "desc": "Sort the Records.\nIf remote sorting is used, the sort is performed on the server, and the cache is\nreloaded. If local sorting is used, the cache is sorted internally."
+    },
+    {
+     "name": "sum",
+     "sig": "(String property, Number start, Number end)",
+     "type": "function",
+     "desc": "Sums the value of <i>property</i> for each record between start and end and returns the result."
+    },
+    {
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener (shorthand for removeListener)"
+    }
+   ]
+  },
+  "Roo.data.Tree": {
+   "props": [
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "append",
+     "sig": "function (tree, parent, node, index)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a new child node is appended to a node in this tree."
+    },
+    {
+     "name": "beforeappend",
+     "sig": "function (tree, parent, node)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before a new child is appended to a node in this tree, return false to cancel the append."
+    },
+    {
+     "name": "beforeinsert",
+     "sig": "function (tree, parent, node, refNode)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before a new child is inserted in a node in this tree, return false to cancel the insert."
+    },
+    {
+     "name": "beforemove",
+     "sig": "function (tree, node, oldParent, newParent, index)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before a node is moved to a new location in the tree. Return false to cancel the move."
+    },
+    {
+     "name": "beforeremove",
+     "sig": "function (tree, parent, node)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before a child is removed from a node in this tree, return false to cancel the remove."
+    },
+    {
+     "name": "insert",
+     "sig": "function (tree, parent, node, refNode)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a new child node is inserted in a node in this tree."
+    },
+    {
+     "name": "move",
+     "sig": "function (tree, node, oldParent, newParent, index)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a node is moved to a new location in the tree"
+    },
+    {
+     "name": "remove",
+     "sig": "function (tree, parent, node)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a child node is removed from a node in this tree."
+    }
+   ],
+   "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": "fireEvent",
+     "sig": "(String eventName, Object... args)",
+     "type": "function",
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+    },
+    {
+     "name": "getNodeById",
+     "sig": "(String id)",
+     "type": "function",
+     "desc": "Gets a node in this tree by its id."
+    },
+    {
+     "name": "getRootNode",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the root node for this tree."
+    },
+    {
+     "name": "hasListener",
+     "sig": "(String eventName)",
+     "type": "function",
+     "desc": "Checks to see if this object has any listeners for a specified event"
+    },
+    {
+     "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": "setRootNode",
+     "sig": "(Node node)",
+     "type": "function",
+     "desc": "Sets the root node for this tree."
+    },
+    {
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener (shorthand for removeListener)"
+    }
+   ]
+  },
+  "Roo.data.XmlReader": {
+   "props": [
+    {
+     "name": "totalRecords",
+     "type": "String",
+     "desc": "The DomQuery path from which to retrieve the total number of records\nin the dataset. This is only needed if the whole dataset is not passed in one go, but is being\npaged from the remote server.",
+     "memberOf": ""
+    },
+    {
+     "name": "record",
+     "type": "String",
+     "desc": "The DomQuery path to the repeated element which contains record information.",
+     "memberOf": ""
+    },
+    {
+     "name": "success",
+     "type": "String",
+     "desc": "The DomQuery path to the success attribute used by forms.",
+     "memberOf": ""
+    },
+    {
+     "name": "id",
+     "type": "String",
+     "desc": "The DomQuery path relative from the record element to the element that contains\na record identifier value.",
+     "memberOf": ""
+    }
+   ],
+   "events": [],
+   "methods": [
+    {
+     "name": "newRow",
+     "sig": "(Object data)",
+     "type": "function",
+     "desc": "Create an empty record"
+    },
+    {
+     "name": "read",
+     "sig": "(Object response)",
+     "type": "function",
+     "desc": "This method is only used by a DataProxy which has retrieved data from a remote server."
+    },
+    {
+     "name": "readRecords",
+     "sig": "(Object doc)",
+     "type": "function",
+     "desc": "Create a data block containing Roo.data.Records from an XML document."
+    }
+   ]
+  },
+  "Roo.dd": {
+   "props": [],
+   "events": [],
+   "methods": []
+  },
+  "Roo.dd.DD": {
+   "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": "addInvalidHandleClass",
+     "sig": "(string cssClass)",
+     "type": "function",
+     "desc": "Lets you specify a css class of elements that will not initiate a drag"
+    },
+    {
+     "name": "addInvalidHandleId",
+     "sig": "(string id)",
+     "type": "function",
+     "desc": "Lets you to specify an element id for a child of a drag handle\nthat should not initiate a drag"
+    },
+    {
+     "name": "addInvalidHandleType",
+     "sig": "(string tagName)",
+     "type": "function",
+     "desc": "Allows you to specify a tag name that should not start a drag operation\nwhen clicked.  This is designed to facilitate embedding links within a\ndrag handle that do something other than start the drag."
+    },
+    {
+     "name": "addListener",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "type": "function",
+     "desc": "Appends an event handler to this component"
+    },
+    {
+     "name": "addToGroup",
+     "sig": "( sGroup)",
+     "type": "function",
+     "desc": "Add this instance to a group of related drag/drop objects.  All\ninstances belong to at least one group, and can belong to as many\ngroups as needed."
+    },
+    {
+     "name": "alignElWithMouse",
+     "sig": "(HTMLElement el, int iPageX, int iPageY)",
+     "type": "function",
+     "desc": "Sets the element to the location of the mousedown or click event,\nmaintaining the cursor location relative to the location on the element\nthat was clicked.  Override this if you want to place the element in a\nlocation other than where the cursor is."
+    },
+    {
+     "name": "applyConfig",
+     "sig": "()",
+     "type": "function",
+     "desc": "Applies the configuration parameters that were passed into the constructor.\nThis is supposed to happen at each level through the inheritance chain.  So\na DDProxy implentation will execute apply config on DDProxy, DD, and\nDragDrop in order to get all of the parameters that are available in\neach object."
+    },
+    {
+     "name": "autoOffset",
+     "sig": "(int iPageX, int iPageY)",
+     "type": "function",
+     "desc": "Sets the pointer offset to the distance between the linked element's top\nleft corner and the location the element was clicked"
+    },
+    {
+     "name": "cachePosition",
+     "sig": "( iPageX,  iPageY)",
+     "type": "function",
+     "desc": "Saves the most recent position so that we can reset the constraints and\ntick marks on-demand.  We need to know this so that we can calculate the\nnumber of pixels the element is offset from its original position."
+    },
+    {
+     "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": "clearConstraints",
+     "sig": "()",
+     "type": "function",
+     "desc": "Clears any constraints applied to this instance.  Also clears ticks\nsince they can't exist independent of a constraint at this time."
+    },
+    {
+     "name": "clearTicks",
+     "sig": "()",
+     "type": "function",
+     "desc": "Clears any tick interval defined for this instance"
+    },
+    {
+     "name": "endDrag",
+     "sig": "(Event e)",
+     "type": "function",
+     "desc": "Fired when we are done dragging the object"
+    },
+    {
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
+     "type": "function",
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+    },
+    {
+     "name": "function toString() {\n    [native code]\n}",
+     "sig": "()",
+     "type": "function",
+     "desc": "toString method"
+    },
+    {
+     "name": "getDragEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns a reference to the actual element to drag.  By default this is\nthe same as the html element, but it can be assigned to another\nelement. An example of this can be found in Roo.dd.DDProxy"
+    },
+    {
+     "name": "getEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns a reference to the linked element"
+    },
+    {
+     "name": "hasListener",
+     "sig": "(String eventName)",
+     "type": "function",
+     "desc": "Checks to see if this object has any listeners for a specified event"
+    },
+    {
+     "name": "init",
+     "sig": "( id, String sGroup, object config)",
+     "type": "function",
+     "desc": "Sets up the DragDrop object.  Must be called in the constructor of any\nRoo.dd.DragDrop subclass"
+    },
+    {
+     "name": "initTarget",
+     "sig": "( id, String sGroup, object config)",
+     "type": "function",
+     "desc": "Initializes Targeting functionality only... the object does not\nget a mousedown handler."
+    },
+    {
+     "name": "isLocked",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if this instance is locked, or the drag drop mgr is locked\n(meaning that all drag/drop is disabled on the page.)"
+    },
+    {
+     "name": "isTarget",
+     "sig": "()",
+     "type": "function",
+     "desc": "By default, all insances can be a drop target.  This can be disabled by\nsetting isTarget to false."
+    },
+    {
+     "name": "isValidHandleChild",
+     "sig": "(HTMLElement node)",
+     "type": "function",
+     "desc": "Checks the tag exclusion list to see if this click should be ignored"
+    },
+    {
+     "name": "lock",
+     "sig": "()",
+     "type": "function",
+     "desc": "Lock this instance"
+    },
+    {
+     "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": "onAvailable",
+     "sig": "()",
+     "type": "function",
+     "desc": "Override the onAvailable method to do what is needed after the initial\nposition was determined."
+    },
+    {
+     "name": "onDrag",
+     "sig": "(Event e)",
+     "type": "function",
+     "desc": "Abstract method called during the onMouseMove event while dragging an\nobject."
+    },
+    {
+     "name": "onDragDrop",
+     "sig": "(Event e, String|DragDrop[] id)",
+     "type": "function",
+     "desc": "Abstract method called when this item is dropped on another DragDrop\nobj"
+    },
+    {
+     "name": "onDragEnter",
+     "sig": "(Event e, String|DragDrop[] id)",
+     "type": "function",
+     "desc": "Abstract method called when this element fist begins hovering over\nanother DragDrop obj"
+    },
+    {
+     "name": "onDragOut",
+     "sig": "(Event e, String|DragDrop[] id)",
+     "type": "function",
+     "desc": "Abstract method called when we are no longer hovering over an element"
+    },
+    {
+     "name": "onDragOver",
+     "sig": "(Event e, String|DragDrop[] id)",
+     "type": "function",
+     "desc": "Abstract method called when this element is hovering over another\nDragDrop obj"
+    },
+    {
+     "name": "onInvalidDrop",
+     "sig": "(Event e)",
+     "type": "function",
+     "desc": "Abstract method called when this item is dropped on an area with no\ndrop target"
+    },
+    {
+     "name": "onMouseDown",
+     "sig": "(Event e)",
+     "type": "function",
+     "desc": "Event handler that fires when a drag/drop obj gets a mousedown"
+    },
+    {
+     "name": "onMouseUp",
+     "sig": "(Event e)",
+     "type": "function",
+     "desc": "Event handler that fires when a drag/drop obj gets a mouseup"
+    },
+    {
+     "name": "padding",
+     "sig": "()",
+     "type": "function",
+     "desc": "The padding configured for this drag and drop object for calculating\nthe drop zone intersection with this object."
+    },
+    {
+     "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": "removeFromGroup",
+     "sig": "(string sGroup)",
+     "type": "function",
+     "desc": "Remove's this instance from the supplied interaction group"
+    },
+    {
+     "name": "removeInvalidHandleClass",
+     "sig": "(string cssClass)",
+     "type": "function",
+     "desc": "Unsets an invalid css class"
+    },
+    {
+     "name": "removeInvalidHandleId",
+     "sig": "(string id)",
+     "type": "function",
+     "desc": "Unsets an invalid handle id"
+    },
+    {
+     "name": "removeInvalidHandleType",
+     "sig": "(string tagName)",
+     "type": "function",
+     "desc": "Unsets an excluded tag name set by addInvalidHandleType"
+    },
+    {
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener"
+    },
+    {
+     "name": "resetConstraints",
+     "sig": "(boolean maintainOffset)",
+     "type": "function",
+     "desc": "resetConstraints must be called if you manually reposition a dd element."
+    },
+    {
+     "name": "setDelta",
+     "sig": "(int iDeltaX, int iDeltaY)",
+     "type": "function",
+     "desc": "Sets the pointer offset.  You can call this directly to force the\noffset to be in a particular location (e.g., pass in 0,0 to set it\nto the center of the object)"
+    },
+    {
+     "name": "setDragElId",
+     "sig": "( id)",
+     "type": "function",
+     "desc": "Allows you to specify that an element other than the linked element\nwill be moved with the cursor during a drag"
+    },
+    {
+     "name": "setDragElPos",
+     "sig": "(int iPageX, int iPageY)",
+     "type": "function",
+     "desc": "Sets the drag element to the location of the mousedown or click event,\nmaintaining the cursor location relative to the location on the element\nthat was clicked.  Override this if you want to place the element in a\nlocation other than where the cursor is."
+    },
+    {
+     "name": "setHandleElId",
+     "sig": "( id)",
+     "type": "function",
+     "desc": "Allows you to specify a child of the linked element that should be\nused to initiate the drag operation.  An example of this would be if\nyou have a content div with text and links.  Clicking anywhere in the\ncontent area would normally start the drag operation.  Use this method\nto specify that an element inside of the content div is the element\nthat starts the drag operation."
+    },
+    {
+     "name": "setInitPosition",
+     "sig": "(int diffX, int diffY)",
+     "type": "function",
+     "desc": "Stores the initial placement of the linked element."
+    },
+    {
+     "name": "setOuterHandleElId",
+     "sig": "( id)",
+     "type": "function",
+     "desc": "Allows you to set an element outside of the linked element as a drag\nhandle"
+    },
+    {
+     "name": "setPadding",
+     "sig": "(int iTop, int iRight, int iBot, int iLeft)",
+     "type": "function",
+     "desc": "Configures the padding for the target zone in px.  Effectively expands\n(or reduces) the virtual object size for targeting calculations.\nSupports css-style shorthand; if only one parameter is passed, all sides\nwill have that padding, and if only two are passed, the top and bottom\nwill have the first param, the left and right the second."
+    },
+    {
+     "name": "setXConstraint",
+     "sig": "(int iLeft, int iRight, int iTickSize)",
+     "type": "function",
+     "desc": "By default, the element can be dragged any place on the screen.  Use\nthis method to limit the horizontal travel of the element.  Pass in\n0,0 for the parameters if you want to lock the drag to the y axis."
+    },
+    {
+     "name": "setYConstraint",
+     "sig": "(int iUp, int iDown, int iTickSize)",
+     "type": "function",
+     "desc": "By default, the element can be dragged any place on the screen.  Set\nthis to limit the vertical travel of the element.  Pass in 0,0 for the\nparameters if you want to lock the drag to the x axis."
+    },
+    {
+     "name": "startDrag",
+     "sig": "(int X, int Y)",
+     "type": "function",
+     "desc": "Abstract method called after a drag/drop object is clicked\nand the drag or mousedown time thresholds have beeen met."
+    },
+    {
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener (shorthand for removeListener)"
+    },
+    {
+     "name": "unlock",
+     "sig": "()",
+     "type": "function",
+     "desc": "Unlock this instace"
+    },
+    {
+     "name": "unreg",
+     "sig": "()",
+     "type": "function",
+     "desc": "Remove all drag and drop hooks for this element"
+    }
+   ]
+  },
+  "Roo.dd.DDProxy": {
+   "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": "addInvalidHandleClass",
+     "sig": "(string cssClass)",
+     "type": "function",
+     "desc": "Lets you specify a css class of elements that will not initiate a drag"
+    },
+    {
+     "name": "addInvalidHandleId",
+     "sig": "(string id)",
+     "type": "function",
+     "desc": "Lets you to specify an element id for a child of a drag handle\nthat should not initiate a drag"
+    },
+    {
+     "name": "addInvalidHandleType",
+     "sig": "(string tagName)",
+     "type": "function",
+     "desc": "Allows you to specify a tag name that should not start a drag operation\nwhen clicked.  This is designed to facilitate embedding links within a\ndrag handle that do something other than start the drag."
+    },
+    {
+     "name": "addListener",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "type": "function",
+     "desc": "Appends an event handler to this component"
+    },
+    {
+     "name": "addToGroup",
+     "sig": "( sGroup)",
+     "type": "function",
+     "desc": "Add this instance to a group of related drag/drop objects.  All\ninstances belong to at least one group, and can belong to as many\ngroups as needed."
+    },
+    {
+     "name": "alignElWithMouse",
+     "sig": "(HTMLElement el, int iPageX, int iPageY)",
+     "type": "function",
+     "desc": "Sets the element to the location of the mousedown or click event,\nmaintaining the cursor location relative to the location on the element\nthat was clicked.  Override this if you want to place the element in a\nlocation other than where the cursor is."
+    },
+    {
+     "name": "applyConfig",
+     "sig": "()",
+     "type": "function",
+     "desc": "Applies the configuration parameters that were passed into the constructor.\nThis is supposed to happen at each level through the inheritance chain.  So\na DDProxy implentation will execute apply config on DDProxy, DD, and\nDragDrop in order to get all of the parameters that are available in\neach object."
+    },
+    {
+     "name": "autoOffset",
+     "sig": "(int iPageX, int iPageY)",
+     "type": "function",
+     "desc": "Sets the pointer offset to the distance between the linked element's top\nleft corner and the location the element was clicked"
+    },
+    {
+     "name": "cachePosition",
+     "sig": "( iPageX,  iPageY)",
+     "type": "function",
+     "desc": "Saves the most recent position so that we can reset the constraints and\ntick marks on-demand.  We need to know this so that we can calculate the\nnumber of pixels the element is offset from its original position."
+    },
+    {
+     "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": "clearConstraints",
+     "sig": "()",
+     "type": "function",
+     "desc": "Clears any constraints applied to this instance.  Also clears ticks\nsince they can't exist independent of a constraint at this time."
+    },
+    {
+     "name": "clearTicks",
+     "sig": "()",
+     "type": "function",
+     "desc": "Clears any tick interval defined for this instance"
+    },
+    {
+     "name": "createFrame",
+     "sig": "()",
+     "type": "function",
+     "desc": "Creates the proxy element if it does not yet exist"
+    },
+    {
+     "name": "endDrag",
+     "sig": "(Event e)",
+     "type": "function",
+     "desc": "Fired when we are done dragging the object"
+    },
+    {
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
+     "type": "function",
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+    },
+    {
+     "name": "function toString() {\n    [native code]\n}",
+     "sig": "()",
+     "type": "function",
+     "desc": "toString method"
+    },
+    {
+     "name": "getDragEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns a reference to the actual element to drag.  By default this is\nthe same as the html element, but it can be assigned to another\nelement. An example of this can be found in Roo.dd.DDProxy"
+    },
+    {
+     "name": "getEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns a reference to the linked element"
+    },
+    {
+     "name": "hasListener",
+     "sig": "(String eventName)",
+     "type": "function",
+     "desc": "Checks to see if this object has any listeners for a specified event"
+    },
+    {
+     "name": "init",
+     "sig": "( id, String sGroup, object config)",
+     "type": "function",
+     "desc": "Sets up the DragDrop object.  Must be called in the constructor of any\nRoo.dd.DragDrop subclass"
+    },
+    {
+     "name": "initFrame",
+     "sig": "()",
+     "type": "function",
+     "desc": "Initialization for the drag frame element.  Must be called in the\nconstructor of all subclasses"
+    },
+    {
+     "name": "initTarget",
+     "sig": "( id, String sGroup, object config)",
+     "type": "function",
+     "desc": "Initializes Targeting functionality only... the object does not\nget a mousedown handler."
+    },
+    {
+     "name": "isLocked",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if this instance is locked, or the drag drop mgr is locked\n(meaning that all drag/drop is disabled on the page.)"
+    },
+    {
+     "name": "isTarget",
+     "sig": "()",
+     "type": "function",
+     "desc": "By default, all insances can be a drop target.  This can be disabled by\nsetting isTarget to false."
+    },
+    {
+     "name": "isValidHandleChild",
+     "sig": "(HTMLElement node)",
+     "type": "function",
+     "desc": "Checks the tag exclusion list to see if this click should be ignored"
+    },
+    {
+     "name": "lock",
+     "sig": "()",
+     "type": "function",
+     "desc": "Lock this instance"
+    },
+    {
+     "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": "onAvailable",
+     "sig": "()",
+     "type": "function",
+     "desc": "Override the onAvailable method to do what is needed after the initial\nposition was determined."
+    },
+    {
+     "name": "onDrag",
+     "sig": "(Event e)",
+     "type": "function",
+     "desc": "Abstract method called during the onMouseMove event while dragging an\nobject."
+    },
+    {
+     "name": "onDragDrop",
+     "sig": "(Event e, String|DragDrop[] id)",
+     "type": "function",
+     "desc": "Abstract method called when this item is dropped on another DragDrop\nobj"
+    },
+    {
+     "name": "onDragEnter",
+     "sig": "(Event e, String|DragDrop[] id)",
+     "type": "function",
+     "desc": "Abstract method called when this element fist begins hovering over\nanother DragDrop obj"
+    },
+    {
+     "name": "onDragOut",
+     "sig": "(Event e, String|DragDrop[] id)",
+     "type": "function",
+     "desc": "Abstract method called when we are no longer hovering over an element"
+    },
+    {
+     "name": "onDragOver",
+     "sig": "(Event e, String|DragDrop[] id)",
+     "type": "function",
+     "desc": "Abstract method called when this element is hovering over another\nDragDrop obj"
+    },
+    {
+     "name": "onInvalidDrop",
+     "sig": "(Event e)",
+     "type": "function",
+     "desc": "Abstract method called when this item is dropped on an area with no\ndrop target"
+    },
+    {
+     "name": "onMouseDown",
+     "sig": "(Event e)",
+     "type": "function",
+     "desc": "Event handler that fires when a drag/drop obj gets a mousedown"
+    },
+    {
+     "name": "onMouseUp",
+     "sig": "(Event e)",
+     "type": "function",
+     "desc": "Event handler that fires when a drag/drop obj gets a mouseup"
+    },
+    {
+     "name": "padding",
+     "sig": "()",
+     "type": "function",
+     "desc": "The padding configured for this drag and drop object for calculating\nthe drop zone intersection with this object."
+    },
+    {
+     "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": "removeFromGroup",
+     "sig": "(string sGroup)",
+     "type": "function",
+     "desc": "Remove's this instance from the supplied interaction group"
+    },
+    {
+     "name": "removeInvalidHandleClass",
+     "sig": "(string cssClass)",
+     "type": "function",
+     "desc": "Unsets an invalid css class"
+    },
+    {
+     "name": "removeInvalidHandleId",
+     "sig": "(string id)",
+     "type": "function",
+     "desc": "Unsets an invalid handle id"
+    },
+    {
+     "name": "removeInvalidHandleType",
+     "sig": "(string tagName)",
+     "type": "function",
+     "desc": "Unsets an excluded tag name set by addInvalidHandleType"
+    },
+    {
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener"
+    },
+    {
+     "name": "resetConstraints",
+     "sig": "(boolean maintainOffset)",
+     "type": "function",
+     "desc": "resetConstraints must be called if you manually reposition a dd element."
+    },
+    {
+     "name": "setDelta",
+     "sig": "(int iDeltaX, int iDeltaY)",
+     "type": "function",
+     "desc": "Sets the pointer offset.  You can call this directly to force the\noffset to be in a particular location (e.g., pass in 0,0 to set it\nto the center of the object)"
+    },
+    {
+     "name": "setDragElId",
+     "sig": "( id)",
+     "type": "function",
+     "desc": "Allows you to specify that an element other than the linked element\nwill be moved with the cursor during a drag"
+    },
+    {
+     "name": "setDragElPos",
+     "sig": "(int iPageX, int iPageY)",
+     "type": "function",
+     "desc": "Sets the drag element to the location of the mousedown or click event,\nmaintaining the cursor location relative to the location on the element\nthat was clicked.  Override this if you want to place the element in a\nlocation other than where the cursor is."
+    },
+    {
+     "name": "setHandleElId",
+     "sig": "( id)",
+     "type": "function",
+     "desc": "Allows you to specify a child of the linked element that should be\nused to initiate the drag operation.  An example of this would be if\nyou have a content div with text and links.  Clicking anywhere in the\ncontent area would normally start the drag operation.  Use this method\nto specify that an element inside of the content div is the element\nthat starts the drag operation."
+    },
+    {
+     "name": "setInitPosition",
+     "sig": "(int diffX, int diffY)",
+     "type": "function",
+     "desc": "Stores the initial placement of the linked element."
+    },
+    {
+     "name": "setOuterHandleElId",
+     "sig": "( id)",
+     "type": "function",
+     "desc": "Allows you to set an element outside of the linked element as a drag\nhandle"
+    },
+    {
+     "name": "setPadding",
+     "sig": "(int iTop, int iRight, int iBot, int iLeft)",
+     "type": "function",
+     "desc": "Configures the padding for the target zone in px.  Effectively expands\n(or reduces) the virtual object size for targeting calculations.\nSupports css-style shorthand; if only one parameter is passed, all sides\nwill have that padding, and if only two are passed, the top and bottom\nwill have the first param, the left and right the second."
     },
     {
-     "name": "releaseCapture",
-     "sig": "(Observable o)",
+     "name": "setXConstraint",
+     "sig": "(int iLeft, int iRight, int iTickSize)",
      "type": "function",
-     "desc": "Removes <b>all</b> added captures from the Observable."
+     "desc": "By default, the element can be dragged any place on the screen.  Use\nthis method to limit the horizontal travel of the element.  Pass in\n0,0 for the parameters if you want to lock the drag to the y axis."
     },
     {
-     "name": "removeListener",
-     "sig": "(String eventName, Function handler, Object scope)",
+     "name": "setYConstraint",
+     "sig": "(int iUp, int iDown, int iTickSize)",
      "type": "function",
-     "desc": "Removes a listener"
+     "desc": "By default, the element can be dragged any place on the screen.  Set\nthis to limit the vertical travel of the element.  Pass in 0,0 for the\nparameters if you want to lock the drag to the x axis."
     },
     {
-     "name": "request",
-     "sig": "(Object options)",
+     "name": "startDrag",
+     "sig": "(int X, int Y)",
      "type": "function",
-     "desc": "Sends an HTTP request to a remote server."
+     "desc": "Abstract method called after a drag/drop object is clicked\nand the drag or mousedown time thresholds have beeen met."
     },
     {
      "name": "un",
      "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
      "desc": "Removes a listener (shorthand for removeListener)"
-    }
-   ]
-  },
-  "Roo.data.DataProxy": {
-   "props": [],
-   "events": [
-    {
-     "name": "beforeload",
-     "sig": "function (This, params)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before a network request is made to retrieve a data object."
     },
     {
-     "name": "load",
-     "sig": "function (This, o, arg)\n{\n\n}",
+     "name": "unlock",
+     "sig": "()",
      "type": "function",
-     "desc": "Fires before the load method's callback is called."
+     "desc": "Unlock this instace"
     },
     {
-     "name": "loadexception",
-     "sig": "function (This, o, arg, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires if an Exception occurs during data retrieval."
-    }
-   ],
-   "methods": []
-  },
-  "Roo.data.DataReader": {
-   "props": [],
-   "events": [],
-   "methods": [
-    {
-     "name": "newRow",
-     "sig": "(Object data)",
+     "name": "unreg",
+     "sig": "()",
      "type": "function",
-     "desc": "Create an empty record"
+     "desc": "Remove all drag and drop hooks for this element"
     }
    ]
   },
-  "Roo.data.HttpProxy": {
+  "Roo.dd.DDTarget": {
    "props": [
     {
-     "name": "url",
-     "type": "String",
-     "desc": "(Optional) The default URL to be used for requests to the server. (defaults to undefined)",
-     "memberOf": ""
-    },
-    {
-     "name": "extraParams",
-     "type": "Object",
-     "desc": "(Optional) An object containing properties which are used as\nextra parameters to each request made by this object. (defaults to undefined)",
-     "memberOf": ""
-    },
-    {
-     "name": "defaultHeaders",
+     "name": "listeners",
      "type": "Object",
-     "desc": "(Optional) An object containing request headers which are added\n to each request made by this object. (defaults to undefined)",
-     "memberOf": ""
-    },
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [],
+   "methods": [
     {
-     "name": "method",
-     "type": "String",
-     "desc": "(Optional) The default HTTP method to be used for requests. (defaults to undefined; if not set but parms are present will use POST, otherwise GET)",
-     "memberOf": ""
+     "name": "addEvents",
+     "sig": "(Object object)",
+     "type": "function",
+     "desc": "Used to define events on this Observable"
     },
     {
-     "name": "timeout",
-     "type": "Number",
-     "desc": "(Optional) The timeout in milliseconds to be used for requests. (defaults to 30000)",
-     "memberOf": ""
+     "name": "addInvalidHandleClass",
+     "sig": "(string cssClass)",
+     "type": "function",
+     "desc": "Lets you specify a css class of elements that will not initiate a drag"
     },
     {
-     "name": "autoAbort",
-     "type": "Boolean",
-     "desc": "(Optional) Whether this request should abort any pending requests. (defaults to false)",
-     "memberOf": ""
+     "name": "addInvalidHandleId",
+     "sig": "(string id)",
+     "type": "function",
+     "desc": "Lets you to specify an element id for a child of a drag handle\nthat should not initiate a drag"
     },
     {
-     "name": "disableCaching",
-     "type": "Boolean",
-     "desc": "(Optional) True to add a unique cache-buster param to GET requests. (defaults to true)",
-     "memberOf": ""
-    }
-   ],
-   "events": [
-    {
-     "name": "beforeload",
-     "sig": "function (This, params)\n{\n\n}",
+     "name": "addInvalidHandleType",
+     "sig": "(string tagName)",
      "type": "function",
-     "desc": "Fires before a network request is made to retrieve a data object."
+     "desc": "Allows you to specify a tag name that should not start a drag operation\nwhen clicked.  This is designed to facilitate embedding links within a\ndrag handle that do something other than start the drag."
     },
     {
-     "name": "load",
-     "sig": "function (This, o, arg)\n{\n\n}",
+     "name": "addListener",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
-     "desc": "Fires before the load method's callback is called."
+     "desc": "Appends an event handler to this component"
     },
     {
-     "name": "loadexception",
-     "sig": "function (This, o, arg, e)\n{\n\n}",
+     "name": "addToGroup",
+     "sig": "( sGroup)",
      "type": "function",
-     "desc": "Fires if an Exception occurs during data retrieval."
-    }
-   ],
-   "methods": [
+     "desc": "Add this instance to a group of related drag/drop objects.  All\ninstances belong to at least one group, and can belong to as many\ngroups as needed."
+    },
     {
-     "name": "getConnection",
+     "name": "applyConfig",
      "sig": "()",
      "type": "function",
-     "desc": "Return the {@link Roo.data.Connection} object being used by this Proxy."
+     "desc": "Applies the configuration parameters that were passed into the constructor.\nThis is supposed to happen at each level through the inheritance chain.  So\na DDProxy implentation will execute apply config on DDProxy, DD, and\nDragDrop in order to get all of the parameters that are available in\neach object."
     },
     {
-     "name": "load",
-     "sig": "(Object params, Roo.data.DataReader reader, Function callback, Object scope, Object arg)",
+     "name": "capture",
+     "sig": "(Observable o, Function fn, Object scope)",
      "type": "function",
-     "desc": "Load data from the configured {@link Roo.data.Connection}, read the data object into\na block of Roo.data.Records using the passed {@link Roo.data.DataReader} implementation, and\nprocess that block using the passed callback."
-    }
-   ]
-  },
-  "Roo.data.JsonReader": {
-   "props": [
-    {
-     "name": "totalProperty",
-     "type": "String",
-     "desc": "Name of the property from which to retrieve the total number of records\nin the dataset. This is only needed if the whole dataset is not passed in one go, but is being\npaged from the remote server.",
-     "memberOf": ""
+     "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": "successProperty",
-     "type": "String",
-     "desc": "Name of the property from which to retrieve the success attribute used by forms.",
-     "memberOf": ""
+     "name": "clearConstraints",
+     "sig": "()",
+     "type": "function",
+     "desc": "Clears any constraints applied to this instance.  Also clears ticks\nsince they can't exist independent of a constraint at this time."
     },
     {
-     "name": "root",
-     "type": "String",
-     "desc": "name of the property which contains the Array of row objects.",
-     "memberOf": ""
+     "name": "clearTicks",
+     "sig": "()",
+     "type": "function",
+     "desc": "Clears any tick interval defined for this instance"
     },
     {
-     "name": "id",
-     "type": "String",
-     "desc": "Name of the property within a row object that contains a record identifier value.",
-     "memberOf": ""
+     "name": "endDrag",
+     "sig": "(Event e)",
+     "type": "function",
+     "desc": "Fired when we are done dragging the object"
     },
     {
-     "name": "fields",
-     "type": "Array",
-     "desc": "Array of field definition objects",
-     "memberOf": ""
-    }
-   ],
-   "events": [],
-   "methods": [
-    {
-     "name": "newRow",
-     "sig": "(Object data)",
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
      "type": "function",
-     "desc": "Create an empty record"
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
     },
     {
-     "name": "read",
-     "sig": "(Object response)",
+     "name": "function toString() {\n    [native code]\n}",
+     "sig": "()",
      "type": "function",
-     "desc": "This method is only used by a DataProxy which has retrieved data from a remote server."
+     "desc": "toString method"
     },
     {
-     "name": "readRecords",
-     "sig": "(Object o)",
+     "name": "getDragEl",
+     "sig": "()",
      "type": "function",
-     "desc": "Create a data block containing Roo.data.Records from an XML document."
-    }
-   ]
-  },
-  "Roo.data.JsonStore": {
-   "props": [
-    {
-     "name": "fields",
-     "type": "Array",
-     "desc": "An array of field definition objects, or field name strings.",
-     "memberOf": ""
+     "desc": "Returns a reference to the actual element to drag.  By default this is\nthe same as the html element, but it can be assigned to another\nelement. An example of this can be found in Roo.dd.DDProxy"
     },
     {
-     "name": "isLocal",
-     "type": "boolean",
-     "desc": "flag if data is locally available (and can be always looked up\nwithout a remote query - used by combo/forms at present.",
-     "memberOf": "Roo.data.Store"
+     "name": "getEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns a reference to the linked element"
     },
     {
-     "name": "proxy",
-     "type": "Roo.data.DataProxy",
-     "desc": "The Proxy object which provides access to a data object.",
-     "memberOf": "Roo.data.Store"
+     "name": "hasListener",
+     "sig": "(String eventName)",
+     "type": "function",
+     "desc": "Checks to see if this object has any listeners for a specified event"
     },
     {
-     "name": "data",
-     "type": "Array",
-     "desc": "Inline data to be loaded when the store is initialized.",
-     "memberOf": "Roo.data.Store"
+     "name": "init",
+     "sig": "( id, String sGroup, object config)",
+     "type": "function",
+     "desc": "Sets up the DragDrop object.  Must be called in the constructor of any\nRoo.dd.DragDrop subclass"
     },
     {
-     "name": "reader",
-     "type": "Roo.data.Reader",
-     "desc": "The Reader object which processes the data object and returns\nan Array of Roo.data.record objects which are cached keyed by their <em>id</em> property.",
-     "memberOf": "Roo.data.Store"
+     "name": "initTarget",
+     "sig": "( id, String sGroup, object config)",
+     "type": "function",
+     "desc": "Initializes Targeting functionality only... the object does not\nget a mousedown handler."
     },
     {
-     "name": "baseParams",
-     "type": "Object",
-     "desc": "An object containing properties which are to be sent as parameters\non any HTTP request",
-     "memberOf": "Roo.data.Store"
+     "name": "isLocked",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if this instance is locked, or the drag drop mgr is locked\n(meaning that all drag/drop is disabled on the page.)"
     },
     {
-     "name": "sortInfo",
-     "type": "Object",
-     "desc": "A config object in the format: {field: \"fieldName\", direction: \"ASC|DESC\"}",
-     "memberOf": "Roo.data.Store"
+     "name": "isTarget",
+     "sig": "()",
+     "type": "function",
+     "desc": "By default, all insances can be a drop target.  This can be disabled by\nsetting isTarget to false."
     },
     {
-     "name": "multiSort",
-     "type": "Boolean",
-     "desc": "enable multi column sorting (sort is based on the order of columns, remote only at present)",
-     "memberOf": "Roo.data.Store"
+     "name": "isValidHandleChild",
+     "sig": "(HTMLElement node)",
+     "type": "function",
+     "desc": "Checks the tag exclusion list to see if this click should be ignored"
     },
     {
-     "name": "remoteSort",
-     "type": "boolean",
-     "desc": "True if sorting is to be handled by requesting the Proxy to provide a refreshed\nversion of the data object in sorted order, as opposed to sorting the Record cache in place (defaults to false).",
-     "memberOf": "Roo.data.Store"
+     "name": "lock",
+     "sig": "()",
+     "type": "function",
+     "desc": "Lock this instance"
     },
     {
-     "name": "pruneModifiedRecords",
-     "type": "boolean",
-     "desc": "True to clear all modified record information each time the store is\nloaded or when a record is removed. (defaults to false).",
-     "memberOf": "Roo.data.Store"
+     "name": "on",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "type": "function",
+     "desc": "Appends an event handler to this element (shorthand for addListener)"
     },
     {
-     "name": "listeners",
-     "type": "Object",
-     "desc": "list of events and functions to call for 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": "add",
-     "sig": "function (_self, records, index)\n{\n\n}",
+     "name": "onAvailable",
+     "sig": "()",
      "type": "function",
-     "desc": "Fires when Records have been added to the Store"
+     "desc": "Override the onAvailable method to do what is needed after the initial\nposition was determined."
     },
     {
-     "name": "beforeload",
-     "sig": "function (_self, options)\n{\n\n}",
+     "name": "onDrag",
+     "sig": "(Event e)",
      "type": "function",
-     "desc": "Fires before a request is made for a new data object.  If the beforeload handler returns false\nthe load action will be canceled."
+     "desc": "Abstract method called during the onMouseMove event while dragging an\nobject."
     },
     {
-     "name": "beforeloadadd",
-     "sig": "function (_self, records, options)\n{\n\n}",
+     "name": "onDragDrop",
+     "sig": "(Event e, String|DragDrop[] id)",
      "type": "function",
-     "desc": "Fires after a new set of Records has been loaded."
+     "desc": "Abstract method called when this item is dropped on another DragDrop\nobj"
     },
     {
-     "name": "clear",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "onDragEnter",
+     "sig": "(Event e, String|DragDrop[] id)",
      "type": "function",
-     "desc": "Fires when the data cache has been cleared."
+     "desc": "Abstract method called when this element fist begins hovering over\nanother DragDrop obj"
     },
     {
-     "name": "datachanged",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "onDragOut",
+     "sig": "(Event e, String|DragDrop[] id)",
      "type": "function",
-     "desc": "Fires when the data cache has changed, and a widget which is using this Store\nas a Record cache should refresh its view."
+     "desc": "Abstract method called when we are no longer hovering over an element"
     },
     {
-     "name": "load",
-     "sig": "function (_self, records, options)\n{\n\n}",
+     "name": "onDragOver",
+     "sig": "(Event e, String|DragDrop[] id)",
      "type": "function",
-     "desc": "Fires after a new set of Records has been loaded, before they are added to the store."
+     "desc": "Abstract method called when this element is hovering over another\nDragDrop obj"
     },
     {
-     "name": "loadexception",
-     "sig": "function (, return, load, jsonData)\n{\n\n}",
+     "name": "onInvalidDrop",
+     "sig": "(Event e)",
      "type": "function",
-     "desc": "Fires if an exception occurs in the Proxy during loading.\nCalled with the signature of the Proxy's \"loadexception\" event.\nIf you return Json { data: [] , success: false, .... } then this will be thrown with the following args"
+     "desc": "Abstract method called when this item is dropped on an area with no\ndrop target"
     },
     {
-     "name": "metachange",
-     "sig": "function (_self, meta)\n{\n\n}",
+     "name": "onMouseDown",
+     "sig": "(Event e)",
      "type": "function",
-     "desc": "Fires when this store's reader provides new metadata (fields). This is currently only support for JsonReaders."
+     "desc": "Event handler that fires when a drag/drop obj gets a mousedown"
     },
     {
-     "name": "remove",
-     "sig": "function (_self, record, index)\n{\n\n}",
+     "name": "onMouseUp",
+     "sig": "(Event e)",
      "type": "function",
-     "desc": "Fires when a Record has been removed from the Store"
+     "desc": "Event handler that fires when a drag/drop obj gets a mouseup"
     },
     {
-     "name": "update",
-     "sig": "function (_self, record, operation)\n{\n\n}",
+     "name": "padding",
+     "sig": "()",
      "type": "function",
-     "desc": "Fires when a Record has been updated"
-    }
-   ],
-   "methods": [
+     "desc": "The padding configured for this drag and drop object for calculating\nthe drop zone intersection with this object."
+    },
     {
-     "name": "add",
-     "sig": "(Roo.data.Record[] records)",
+     "name": "purgeListeners",
+     "sig": "()",
      "type": "function",
-     "desc": "Add Records to the Store and fires the add event."
+     "desc": "Removes all listeners for this object"
     },
     {
-     "name": "addEvents",
-     "sig": "(Object object)",
+     "name": "releaseCapture",
+     "sig": "(Observable o)",
      "type": "function",
-     "desc": "Used to define events on this Observable"
+     "desc": "Removes <b>all</b> added captures from the Observable."
     },
     {
-     "name": "addListener",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "name": "removeFromGroup",
+     "sig": "(string sGroup)",
      "type": "function",
-     "desc": "Appends an event handler to this component"
+     "desc": "Remove's this instance from the supplied interaction group"
     },
     {
-     "name": "capture",
-     "sig": "(Observable o, Function fn, Object scope)",
+     "name": "removeInvalidHandleClass",
+     "sig": "(string cssClass)",
      "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": "Unsets an invalid css class"
     },
     {
-     "name": "clearFilter",
-     "sig": "(Boolean suppressEvent)",
+     "name": "removeInvalidHandleId",
+     "sig": "(string id)",
      "type": "function",
-     "desc": "Revert to a view of the Record cache with no filtering applied."
+     "desc": "Unsets an invalid handle id"
     },
     {
-     "name": "collect",
-     "sig": "(String dataIndex, Boolean allowNull, Boolean bypassFilter)",
+     "name": "removeInvalidHandleType",
+     "sig": "(string tagName)",
      "type": "function",
-     "desc": "Collects unique values for a particular dataIndex from this store."
+     "desc": "Unsets an excluded tag name set by addInvalidHandleType"
     },
     {
-     "name": "commitChanges",
-     "sig": "()",
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
-     "desc": "Commit all Records with outstanding changes. To handle updates for changes, subscribe to the\nStore's \"update\" event, and perform updating when the third parameter is Roo.data.Record.COMMIT."
+     "desc": "Removes a listener"
     },
     {
-     "name": "each",
-     "sig": "(Function fn, Object scope)",
+     "name": "resetConstraints",
+     "sig": "(boolean maintainOffset)",
      "type": "function",
-     "desc": "Calls the specified function for each of the Records in the cache."
+     "desc": "resetConstraints must be called if you manually reposition a dd element."
     },
     {
-     "name": "filter",
-     "sig": "(String field, String/RegExp value, Boolean anyMatch)",
+     "name": "setDragElId",
+     "sig": "( id)",
      "type": "function",
-     "desc": "Filter the records by a specified property."
+     "desc": "Allows you to specify that an element other than the linked element\nwill be moved with the cursor during a drag"
     },
     {
-     "name": "filterBy",
-     "sig": "(Function fn, Object scope)",
+     "name": "setHandleElId",
+     "sig": "( id)",
      "type": "function",
-     "desc": "Filter by a function. The specified function will be called with each\nrecord in this data source. If the function returns true the record is included,\notherwise it is filtered."
+     "desc": "Allows you to specify a child of the linked element that should be\nused to initiate the drag operation.  An example of this would be if\nyou have a content div with text and links.  Clicking anywhere in the\ncontent area would normally start the drag operation.  Use this method\nto specify that an element inside of the content div is the element\nthat starts the drag operation."
     },
     {
-     "name": "fireEvent",
-     "sig": "(String eventName, Object... args)",
+     "name": "setInitPosition",
+     "sig": "(int diffX, int diffY)",
      "type": "function",
-     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+     "desc": "Stores the initial placement of the linked element."
     },
     {
-     "name": "getAt",
-     "sig": "(Number index)",
+     "name": "setOuterHandleElId",
+     "sig": "( id)",
      "type": "function",
-     "desc": "Get the Record at the specified index."
+     "desc": "Allows you to set an element outside of the linked element as a drag\nhandle"
     },
     {
-     "name": "getById",
-     "sig": "(String id)",
+     "name": "setPadding",
+     "sig": "(int iTop, int iRight, int iBot, int iLeft)",
      "type": "function",
-     "desc": "Get the Record with the specified id."
+     "desc": "Configures the padding for the target zone in px.  Effectively expands\n(or reduces) the virtual object size for targeting calculations.\nSupports css-style shorthand; if only one parameter is passed, all sides\nwill have that padding, and if only two are passed, the top and bottom\nwill have the first param, the left and right the second."
     },
     {
-     "name": "getCount",
-     "sig": "()",
+     "name": "setXConstraint",
+     "sig": "(int iLeft, int iRight, int iTickSize)",
      "type": "function",
-     "desc": "Gets the number of cached records.\n<p>\n<em>If using paging, this may not be the total size of the dataset. If the data object\nused by the Reader contains the dataset size, then the getTotalCount() function returns\nthe data set size</em>"
+     "desc": "By default, the element can be dragged any place on the screen.  Use\nthis method to limit the horizontal travel of the element.  Pass in\n0,0 for the parameters if you want to lock the drag to the y axis."
     },
     {
-     "name": "getModifiedRecords",
-     "sig": "()",
+     "name": "setYConstraint",
+     "sig": "(int iUp, int iDown, int iTickSize)",
      "type": "function",
-     "desc": "Gets all records modified since the last commit.  Modified records are persisted across load operations\n(e.g., during paging)."
+     "desc": "By default, the element can be dragged any place on the screen.  Set\nthis to limit the vertical travel of the element.  Pass in 0,0 for the\nparameters if you want to lock the drag to the x axis."
     },
     {
-     "name": "getRange",
-     "sig": "(Number startIndex, Number endIndex)",
+     "name": "startDrag",
+     "sig": "(int X, int Y)",
      "type": "function",
-     "desc": "Returns a range of Records between specified indices."
+     "desc": "Abstract method called after a drag/drop object is clicked\nand the drag or mousedown time thresholds have beeen met."
     },
     {
-     "name": "getSortState",
-     "sig": "()",
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
-     "desc": "Returns the sort state of the Store as an object with two properties:\n<pre><code>\n field {String} The name of the field by which the Records are sorted\n direction {String} The sort order, \"ASC\" or \"DESC\"\n</code></pre>"
+     "desc": "Removes a listener (shorthand for removeListener)"
     },
     {
-     "name": "getTotalCount",
+     "name": "unlock",
      "sig": "()",
      "type": "function",
-     "desc": "Gets the total number of records in the dataset as returned by the server.\n<p>\n<em>If using paging, for this to be accurate, the data object used by the Reader must contain\nthe dataset size</em>"
+     "desc": "Unlock this instace"
     },
     {
-     "name": "hasListener",
-     "sig": "(String eventName)",
+     "name": "unreg",
+     "sig": "()",
      "type": "function",
-     "desc": "Checks to see if this object has any listeners for a specified event"
-    },
+     "desc": "Remove all drag and drop hooks for this element"
+    }
+   ]
+  },
+  "Roo.dd.DragDrop": {
+   "props": [
     {
-     "name": "indexOf",
-     "sig": "(Roo.data.Record record)",
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for 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": "Get the index within the cache of the passed Record."
+     "desc": "Used to define events on this Observable"
     },
     {
-     "name": "indexOfId",
-     "sig": "(String id)",
+     "name": "addInvalidHandleClass",
+     "sig": "(string cssClass)",
      "type": "function",
-     "desc": "Get the index within the cache of the Record with the passed id."
+     "desc": "Lets you specify a css class of elements that will not initiate a drag"
     },
     {
-     "name": "insert",
-     "sig": "(Number index, Roo.data.Record[] records)",
+     "name": "addInvalidHandleId",
+     "sig": "(string id)",
      "type": "function",
-     "desc": "Inserts Records to the Store at the given index and fires the add event."
+     "desc": "Lets you to specify an element id for a child of a drag handle\nthat should not initiate a drag"
     },
     {
-     "name": "load",
-     "sig": "(Object options)",
+     "name": "addInvalidHandleType",
+     "sig": "(string tagName)",
      "type": "function",
-     "desc": "Loads the Record cache from the configured Proxy using the configured Reader.\n<p>\nIf using remote paging, then the first load call must specify the <em>start</em>\nand <em>limit</em> properties in the options.params property to establish the initial\nposition within the dataset, and the number of Records to cache on each read from the Proxy.\n<p>\n<strong>It is important to note that for remote data sources, loading is asynchronous,\nand this call will return before the new data has been loaded. Perform any post-processing\nin a callback function, or in a \"load\" event handler.</strong>\n<p>"
+     "desc": "Allows you to specify a tag name that should not start a drag operation\nwhen clicked.  This is designed to facilitate embedding links within a\ndrag handle that do something other than start the drag."
     },
     {
-     "name": "loadData",
-     "sig": "(Object data, Boolean append)",
+     "name": "addListener",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
-     "desc": "Loads data from a passed data block. A Reader which understands the format of the data\nmust have been configured in the constructor."
+     "desc": "Appends an event handler to this component"
     },
     {
-     "name": "on",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "name": "addToGroup",
+     "sig": "( sGroup)",
      "type": "function",
-     "desc": "Appends an event handler to this element (shorthand for addListener)"
+     "desc": "Add this instance to a group of related drag/drop objects.  All\ninstances belong to at least one group, and can belong to as many\ngroups as needed."
     },
     {
-     "name": "purgeListeners",
+     "name": "applyConfig",
      "sig": "()",
      "type": "function",
-     "desc": "Removes all listeners for this object"
+     "desc": "Applies the configuration parameters that were passed into the constructor.\nThis is supposed to happen at each level through the inheritance chain.  So\na DDProxy implentation will execute apply config on DDProxy, DD, and\nDragDrop in order to get all of the parameters that are available in\neach object."
     },
     {
-     "name": "query",
-     "sig": "(String field, String/RegExp value, Boolean anyMatch)",
+     "name": "capture",
+     "sig": "(Observable o, Function fn, Object scope)",
      "type": "function",
-     "desc": "Query the records by a specified property."
+     "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": "queryBy",
-     "sig": "(Function fn, Object scope)",
+     "name": "clearConstraints",
+     "sig": "()",
      "type": "function",
-     "desc": "Query by a function. The specified function will be called with each\nrecord in this data source. If the function returns true the record is included\nin the results."
+     "desc": "Clears any constraints applied to this instance.  Also clears ticks\nsince they can't exist independent of a constraint at this time."
     },
     {
-     "name": "rejectChanges",
+     "name": "clearTicks",
      "sig": "()",
      "type": "function",
-     "desc": "Cancel outstanding changes on all changed records."
+     "desc": "Clears any tick interval defined for this instance"
     },
     {
-     "name": "releaseCapture",
-     "sig": "(Observable o)",
+     "name": "endDrag",
+     "sig": "(Event e)",
      "type": "function",
-     "desc": "Removes <b>all</b> added captures from the Observable."
+     "desc": "Fired when we are done dragging the object"
     },
     {
-     "name": "reload",
-     "sig": "(Object options)",
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
      "type": "function",
-     "desc": "Reloads the Record cache from the configured Proxy using the configured Reader and\nthe options from the last load operation performed."
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
     },
     {
-     "name": "remove",
-     "sig": "(Ext.data.Record record)",
+     "name": "function toString() {\n    [native code]\n}",
+     "sig": "()",
      "type": "function",
-     "desc": "Remove a Record from the Store and fires the remove event."
+     "desc": "toString method"
     },
     {
-     "name": "removeAll",
+     "name": "getDragEl",
      "sig": "()",
      "type": "function",
-     "desc": "Remove all Records from the Store and fires the clear event."
+     "desc": "Returns a reference to the actual element to drag.  By default this is\nthe same as the html element, but it can be assigned to another\nelement. An example of this can be found in Roo.dd.DDProxy"
     },
     {
-     "name": "removeListener",
-     "sig": "(String eventName, Function handler, Object scope)",
+     "name": "getEl",
+     "sig": "()",
      "type": "function",
-     "desc": "Removes a listener"
+     "desc": "Returns a reference to the linked element"
     },
     {
-     "name": "setDefaultSort",
-     "sig": "(String fieldName, String dir)",
+     "name": "hasListener",
+     "sig": "(String eventName)",
      "type": "function",
-     "desc": "Sets the default sort column and order to be used by the next load operation."
+     "desc": "Checks to see if this object has any listeners for a specified event"
     },
     {
-     "name": "sort",
-     "sig": "(String fieldName, String dir)",
+     "name": "init",
+     "sig": "( id, String sGroup, object config)",
      "type": "function",
-     "desc": "Sort the Records.\nIf remote sorting is used, the sort is performed on the server, and the cache is\nreloaded. If local sorting is used, the cache is sorted internally."
+     "desc": "Sets up the DragDrop object.  Must be called in the constructor of any\nRoo.dd.DragDrop subclass"
     },
     {
-     "name": "sum",
-     "sig": "(String property, Number start, Number end)",
+     "name": "initTarget",
+     "sig": "( id, String sGroup, object config)",
      "type": "function",
-     "desc": "Sums the value of <i>property</i> for each record between start and end and returns the result."
+     "desc": "Initializes Targeting functionality only... the object does not\nget a mousedown handler."
     },
     {
-     "name": "un",
-     "sig": "(String eventName, Function handler, Object scope)",
+     "name": "isLocked",
+     "sig": "()",
      "type": "function",
-     "desc": "Removes a listener (shorthand for removeListener)"
-    }
-   ]
-  },
-  "Roo.data.MemoryProxy": {
-   "props": [],
-   "events": [],
-   "methods": [
+     "desc": "Returns true if this instance is locked, or the drag drop mgr is locked\n(meaning that all drag/drop is disabled on the page.)"
+    },
     {
-     "name": "load",
-     "sig": "(Object params, Roo.data.DataReader reader, Function callback, Object scope, Object arg)",
+     "name": "isTarget",
+     "sig": "()",
      "type": "function",
-     "desc": "Load data from the requested source (in this case an in-memory\ndata object passed to the constructor), read the data object into\na block of Roo.data.Records using the passed Roo.data.DataReader implementation, and\nprocess that block using the passed callback."
-    }
-   ]
-  },
-  "Roo.data.Node": {
-   "props": [
+     "desc": "By default, all insances can be a drop target.  This can be disabled by\nsetting isTarget to false."
+    },
     {
-     "name": "leaf",
-     "type": "Boolean",
-     "desc": "true if this node is a leaf and does not have children",
-     "memberOf": ""
+     "name": "isValidHandleChild",
+     "sig": "(HTMLElement node)",
+     "type": "function",
+     "desc": "Checks the tag exclusion list to see if this click should be ignored"
     },
     {
-     "name": "id",
-     "type": "String",
-     "desc": "The id for this node. If one is not specified, one is generated.",
-     "memberOf": ""
+     "name": "lock",
+     "sig": "()",
+     "type": "function",
+     "desc": "Lock this instance"
     },
     {
-     "name": "listeners",
-     "type": "Object",
-     "desc": "list of events and functions to call for 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": "on",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "type": "function",
+     "desc": "Appends an event handler to this element (shorthand for addListener)"
+    },
     {
-     "name": "append",
-     "sig": "function (tree, _self, node, index)\n{\n\n}",
+     "name": "onAvailable",
+     "sig": "()",
      "type": "function",
-     "desc": "Fires when a new child node is appended"
+     "desc": "Override the onAvailable method to do what is needed after the initial\nposition was determined."
     },
     {
-     "name": "beforeappend",
-     "sig": "function (tree, _self, node)\n{\n\n}",
+     "name": "onDrag",
+     "sig": "(Event e)",
      "type": "function",
-     "desc": "Fires before a new child is appended, return false to cancel the append."
+     "desc": "Abstract method called during the onMouseMove event while dragging an\nobject."
     },
     {
-     "name": "beforeinsert",
-     "sig": "function (tree, _self, node, refNode)\n{\n\n}",
+     "name": "onDragDrop",
+     "sig": "(Event e, String|DragDrop[] id)",
      "type": "function",
-     "desc": "Fires before a new child is inserted, return false to cancel the insert."
+     "desc": "Abstract method called when this item is dropped on another DragDrop\nobj"
     },
     {
-     "name": "beforemove",
-     "sig": "function (tree, _self, oldParent, newParent, index)\n{\n\n}",
+     "name": "onDragEnter",
+     "sig": "(Event e, String|DragDrop[] id)",
      "type": "function",
-     "desc": "Fires before this node is moved to a new location in the tree. Return false to cancel the move."
+     "desc": "Abstract method called when this element fist begins hovering over\nanother DragDrop obj"
     },
     {
-     "name": "beforeremove",
-     "sig": "function (tree, _self, node)\n{\n\n}",
+     "name": "onDragOut",
+     "sig": "(Event e, String|DragDrop[] id)",
      "type": "function",
-     "desc": "Fires before a child is removed, return false to cancel the remove."
+     "desc": "Abstract method called when we are no longer hovering over an element"
     },
     {
-     "name": "insert",
-     "sig": "function (tree, _self, node, refNode)\n{\n\n}",
+     "name": "onDragOver",
+     "sig": "(Event e, String|DragDrop[] id)",
      "type": "function",
-     "desc": "Fires when a new child node is inserted."
+     "desc": "Abstract method called when this element is hovering over another\nDragDrop obj"
     },
     {
-     "name": "move",
-     "sig": "function (tree, _self, oldParent, newParent, index)\n{\n\n}",
+     "name": "onInvalidDrop",
+     "sig": "(Event e)",
      "type": "function",
-     "desc": "Fires when this node is moved to a new location in the tree"
+     "desc": "Abstract method called when this item is dropped on an area with no\ndrop target"
     },
     {
-     "name": "remove",
-     "sig": "function (tree, _self, node)\n{\n\n}",
+     "name": "onMouseDown",
+     "sig": "(Event e)",
      "type": "function",
-     "desc": "Fires when a child node is removed"
-    }
-   ],
-   "methods": [
+     "desc": "Event handler that fires when a drag/drop obj gets a mousedown"
+    },
     {
-     "name": "addEvents",
-     "sig": "(Object object)",
+     "name": "onMouseUp",
+     "sig": "(Event e)",
      "type": "function",
-     "desc": "Used to define events on this Observable"
+     "desc": "Event handler that fires when a drag/drop obj gets a mouseup"
     },
     {
-     "name": "addListener",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "name": "padding",
+     "sig": "()",
      "type": "function",
-     "desc": "Appends an event handler to this component"
+     "desc": "The padding configured for this drag and drop object for calculating\nthe drop zone intersection with this object."
     },
     {
-     "name": "appendChild",
-     "sig": "(Node/Array node)",
+     "name": "purgeListeners",
+     "sig": "()",
      "type": "function",
-     "desc": "Insert node(s) as the last child node of this node."
+     "desc": "Removes all listeners for this object"
     },
     {
-     "name": "bubble",
-     "sig": "(Function fn, Object scope, Array args)",
+     "name": "releaseCapture",
+     "sig": "(Observable o)",
      "type": "function",
-     "desc": "Bubbles up the tree from this node, calling the specified function with each node. The scope (<i>this</i>) of\nfunction call will be the scope provided or the current node. The arguments to the function\nwill be the args provided or the current node. If the function returns false at any point,\nthe bubble is stopped."
+     "desc": "Removes <b>all</b> added captures from the Observable."
     },
     {
-     "name": "capture",
-     "sig": "(Observable o, Function fn, Object scope)",
+     "name": "removeFromGroup",
+     "sig": "(string sGroup)",
      "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": "Remove's this instance from the supplied interaction group"
     },
     {
-     "name": "cascade",
-     "sig": "(Function fn, Object scope, Array args)",
+     "name": "removeInvalidHandleClass",
+     "sig": "(string cssClass)",
      "type": "function",
-     "desc": "Cascades down the tree from this node, calling the specified function with each node. The scope (<i>this</i>) of\nfunction call will be the scope provided or the current node. The arguments to the function\nwill be the args provided or the current node. If the function returns false at any point,\nthe cascade is stopped on that branch."
+     "desc": "Unsets an invalid css class"
     },
     {
-     "name": "contains",
-     "sig": "(Node node)",
+     "name": "removeInvalidHandleId",
+     "sig": "(string id)",
      "type": "function",
-     "desc": "Returns true if this node is an ancestor (at any point) of the passed node."
+     "desc": "Unsets an invalid handle id"
     },
     {
-     "name": "eachChild",
-     "sig": "(Function fn, Object scope, Array args)",
+     "name": "removeInvalidHandleType",
+     "sig": "(string tagName)",
      "type": "function",
-     "desc": "Interates the child nodes of this node, calling the specified function with each node. The scope (<i>this</i>) of\nfunction call will be the scope provided or the current node. The arguments to the function\nwill be the args provided or the current node. If the function returns false at any point,\nthe iteration stops."
+     "desc": "Unsets an excluded tag name set by addInvalidHandleType"
     },
     {
-     "name": "findChild",
-     "sig": "(String attribute, Mixed value)",
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
-     "desc": "Finds the first child that has the attribute with the specified value."
+     "desc": "Removes a listener"
     },
     {
-     "name": "findChildBy",
-     "sig": "(Function fn, Object scope)",
+     "name": "resetConstraints",
+     "sig": "(boolean maintainOffset)",
      "type": "function",
-     "desc": "Finds the first child by a custom function. The child matches if the function passed\nreturns true."
+     "desc": "resetConstraints must be called if you manually reposition a dd element."
     },
     {
-     "name": "fireEvent",
-     "sig": "(String eventName, Object... args)",
+     "name": "setDragElId",
+     "sig": "( id)",
      "type": "function",
-     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+     "desc": "Allows you to specify that an element other than the linked element\nwill be moved with the cursor during a drag"
     },
     {
-     "name": "getDepth",
-     "sig": "()",
+     "name": "setHandleElId",
+     "sig": "( id)",
      "type": "function",
-     "desc": "Returns depth of this node (the root node has a depth of 0)"
+     "desc": "Allows you to specify a child of the linked element that should be\nused to initiate the drag operation.  An example of this would be if\nyou have a content div with text and links.  Clicking anywhere in the\ncontent area would normally start the drag operation.  Use this method\nto specify that an element inside of the content div is the element\nthat starts the drag operation."
     },
     {
-     "name": "getOwnerTree",
-     "sig": "()",
+     "name": "setInitPosition",
+     "sig": "(int diffX, int diffY)",
      "type": "function",
-     "desc": "Returns the tree this node is in."
+     "desc": "Stores the initial placement of the linked element."
     },
     {
-     "name": "getPath",
-     "sig": "(String attr)",
+     "name": "setOuterHandleElId",
+     "sig": "( id)",
      "type": "function",
-     "desc": "Returns the path for this node. The path can be used to expand or select this node programmatically."
+     "desc": "Allows you to set an element outside of the linked element as a drag\nhandle"
     },
     {
-     "name": "hasListener",
-     "sig": "(String eventName)",
+     "name": "setPadding",
+     "sig": "(int iTop, int iRight, int iBot, int iLeft)",
      "type": "function",
-     "desc": "Checks to see if this object has any listeners for a specified event"
+     "desc": "Configures the padding for the target zone in px.  Effectively expands\n(or reduces) the virtual object size for targeting calculations.\nSupports css-style shorthand; if only one parameter is passed, all sides\nwill have that padding, and if only two are passed, the top and bottom\nwill have the first param, the left and right the second."
     },
     {
-     "name": "indexOf",
-     "sig": "(Node node)",
+     "name": "setXConstraint",
+     "sig": "(int iLeft, int iRight, int iTickSize)",
      "type": "function",
-     "desc": "Returns the index of a child node"
+     "desc": "By default, the element can be dragged any place on the screen.  Use\nthis method to limit the horizontal travel of the element.  Pass in\n0,0 for the parameters if you want to lock the drag to the y axis."
     },
     {
-     "name": "insertBefore",
-     "sig": "(Node node, Node refNode)",
+     "name": "setYConstraint",
+     "sig": "(int iUp, int iDown, int iTickSize)",
      "type": "function",
-     "desc": "Inserts the first node before the second node in this nodes childNodes collection."
+     "desc": "By default, the element can be dragged any place on the screen.  Set\nthis to limit the vertical travel of the element.  Pass in 0,0 for the\nparameters if you want to lock the drag to the x axis."
     },
     {
-     "name": "isAncestor",
-     "sig": "(Node node)",
+     "name": "startDrag",
+     "sig": "(int X, int Y)",
      "type": "function",
-     "desc": "Returns true if the passed node is an ancestor (at any point) of this node."
+     "desc": "Abstract method called after a drag/drop object is clicked\nand the drag or mousedown time thresholds have beeen met."
     },
     {
-     "name": "isFirst",
-     "sig": "()",
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
-     "desc": "Returns true if this node is the first child of its parent"
+     "desc": "Removes a listener (shorthand for removeListener)"
     },
     {
-     "name": "isLast",
+     "name": "unlock",
      "sig": "()",
      "type": "function",
-     "desc": "Returns true if this node is the last child of its parent"
+     "desc": "Unlock this instace"
     },
     {
-     "name": "isLeaf",
+     "name": "unreg",
      "sig": "()",
      "type": "function",
-     "desc": "Returns true if this node is a leaf"
-    },
+     "desc": "Remove all drag and drop hooks for this element"
+    }
+   ]
+  },
+  "Roo.dd.DragDropMgr": {
+   "props": [],
+   "events": [],
+   "methods": [
     {
-     "name": "item",
-     "sig": "(Number index)",
+     "name": "getBestMatch",
+     "sig": "(DragDrop[] dds)",
      "type": "function",
-     "desc": "Returns the child node at the specified index."
+     "desc": "Helper function for getting the best match from the list of drag\nand drop objects returned by the drag and drop events when we are\nin INTERSECT mode.  It returns either the first object that the\ncursor is over, or the object that has the greatest overlap with\nthe dragged element."
     },
     {
-     "name": "on",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "name": "getCss",
+     "sig": "(String id)",
      "type": "function",
-     "desc": "Appends an event handler to this element (shorthand for addListener)"
+     "desc": "Returns the style property for the DOM element (i.e.,\ndocument.getElById(id).style)"
     },
     {
-     "name": "purgeListeners",
-     "sig": "()",
+     "name": "getDDById",
+     "sig": "(String id)",
      "type": "function",
-     "desc": "Removes all listeners for this object"
+     "desc": "Returns the DragDrop instance for a given id"
     },
     {
-     "name": "releaseCapture",
-     "sig": "(Observable o)",
+     "name": "getElement",
+     "sig": "(String id)",
      "type": "function",
-     "desc": "Removes <b>all</b> added captures from the Observable."
+     "desc": "Returns the actual DOM element"
     },
     {
-     "name": "removeChild",
-     "sig": "(Node node)",
+     "name": "getLocation",
+     "sig": "(DragDrop oDD)",
      "type": "function",
-     "desc": "Removes a child node from this node."
+     "desc": "Returns a Region object containing the drag and drop element's position\nand size, including the padding configured for it"
     },
     {
-     "name": "removeListener",
-     "sig": "(String eventName, Function handler, Object scope)",
+     "name": "getPosX",
+     "sig": "( el)",
      "type": "function",
-     "desc": "Removes a listener"
+     "desc": "Returns the X position of an html element"
     },
     {
-     "name": "replaceChild",
-     "sig": "(Node newChild, Node oldChild)",
+     "name": "getPosY",
+     "sig": "( el)",
      "type": "function",
-     "desc": "Replaces one child node in this node with another."
+     "desc": "Returns the Y position of an html element"
     },
     {
-     "name": "sort",
-     "sig": "(Function fn, Object scope)",
+     "name": "getRelated",
+     "sig": "(DragDrop p_oDD, boolean bTargetsOnly)",
      "type": "function",
-     "desc": "Sorts this nodes children using the supplied sort function"
+     "desc": "Returns the drag and drop instances that are in all groups the\npassed in instance belongs to."
     },
     {
-     "name": "un",
-     "sig": "(String eventName, Function handler, Object scope)",
+     "name": "getScrollLeft",
+     "sig": "()",
      "type": "function",
-     "desc": "Removes a listener (shorthand for removeListener)"
-    }
-   ]
-  },
-  "Roo.data.Record": {
-   "props": [],
-   "events": [],
-   "methods": [
+     "desc": "Gets the scrollLeft"
+    },
     {
-     "name": "commit",
+     "name": "getScrollTop",
      "sig": "()",
      "type": "function",
-     "desc": "Usually called by the {@link Roo.data.Store} which owns the Record.\nCommits all changes made to the Record since either creation, or the last commit operation.\n<p>\nDevelopers should subscribe to the {@link Roo.data.Store#update} event to have their code notified\nof commit operations."
+     "desc": "Gets the scrollTop"
     },
     {
-     "name": "copy",
-     "sig": "(String id)",
+     "name": "getStyle",
+     "sig": "(HTMLElement el, string styleProp)",
      "type": "function",
-     "desc": "Creates a copy of this record."
+     "desc": "Returns the specified element style property"
     },
     {
-     "name": "create",
-     "sig": "(Array o)",
+     "name": "handleWasClicked",
+     "sig": "( node)",
      "type": "function",
-     "desc": "Generate a constructor for a specific record layout."
+     "desc": "Recursively searches the immediate parent and all child nodes for\nthe handle element in order to determine wheter or not it was\nclicked."
     },
     {
-     "name": "get",
-     "sig": "(String name)",
+     "name": "isDragDrop",
+     "sig": "(String id)",
      "type": "function",
-     "desc": "Get the value of the named field."
+     "desc": "Utility function to determine if a given element has been\nregistered as a drag drop item."
     },
     {
-     "name": "reject",
-     "sig": "()",
+     "name": "isHandle",
+     "sig": "(String id)",
      "type": "function",
-     "desc": "Usually called by the {@link Roo.data.Store} which owns the Record.\nRejects all changes made to the Record since either creation, or the last commit operation.\nModified fields are reverted to their original values.\n<p>\nDevelopers should subscribe to the {@link Roo.data.Store#update} event to have their code notified\nof reject operations."
+     "desc": "Utility function to determine if a given element has been\nregistered as a drag drop handle for the given Drag Drop object."
     },
     {
-     "name": "set",
-     "sig": "(String name, Object value)",
+     "name": "isLegalTarget",
+     "sig": "(DragDrop the, DragDrop the)",
      "type": "function",
-     "desc": "Set the named field to the specified value."
-    }
-   ]
-  },
-  "Roo.data.ScriptTagProxy": {
-   "props": [
-    {
-     "name": "url",
-     "type": "String",
-     "desc": "The URL from which to request the data object.",
-     "memberOf": ""
+     "desc": "Returns true if the specified dd target is a legal target for\nthe specifice drag obj"
     },
     {
-     "name": "timeout",
-     "type": "Number",
-     "desc": "(Optional) The number of milliseconds to wait for a response. Defaults to 30 seconds.",
-     "memberOf": ""
+     "name": "isLocked",
+     "sig": "()",
+     "type": "function",
+     "desc": "Is drag and drop locked?"
     },
     {
-     "name": "callbackParam",
-     "type": "String",
-     "desc": "(Optional) The name of the parameter to pass to the server which tells\nthe server the name of the callback function set up by the load call to process the returned data object.\nDefaults to \"callback\".<p>The server-side processing must read this parameter value, and generate\njavascript output which calls this named function passing the data object as its only parameter.",
-     "memberOf": ""
+     "name": "isTypeOfDD",
+     "sig": "(Object the)",
+     "type": "function",
+     "desc": "My goal is to be able to transparently determine if an object is\ntypeof DragDrop, and the exact subclass of DragDrop.  typeof\nreturns \"object\", oDD.constructor.toString() always returns\n\"DragDrop\" and not the name of the subclass.  So for now it just\nevaluates a well-known variable in DragDrop."
     },
     {
-     "name": "nocache",
-     "type": "Boolean",
-     "desc": "(Optional) Defaults to true. Disable cacheing by adding a unique parameter\nname to the request.",
-     "memberOf": ""
-    }
-   ],
-   "events": [],
-   "methods": [
-    {
-     "name": "abort",
+     "name": "lock",
      "sig": "()",
      "type": "function",
-     "desc": "Abort the current server request."
+     "desc": "Lock all drag and drop functionality"
     },
     {
-     "name": "load",
-     "sig": "(Object params, Roo.data.DataReader reader, Function callback, Object scope, Object arg)",
+     "name": "moveToEl",
+     "sig": "(HTMLElement moveEl, HTMLElement targetEl)",
      "type": "function",
-     "desc": "Load data from the configured URL, read the data object into\na block of Roo.data.Records using the passed Roo.data.DataReader implementation, and\nprocess that block using the passed callback."
-    }
-   ]
-  },
-  "Roo.data.SimpleStore": {
-   "props": [
-    {
-     "name": "id",
-     "type": "Number",
-     "desc": "The array index of the record id. Leave blank to auto generate ids.",
-     "memberOf": ""
+     "desc": "Sets the x/y position of an element to the location of the\ntarget element."
     },
     {
-     "name": "fields",
-     "type": "Array",
-     "desc": "An array of field definition objects, or field name strings.",
-     "memberOf": ""
+     "name": "numericSort",
+     "sig": "()",
+     "type": "function",
+     "desc": "Numeric array sort function"
     },
     {
-     "name": "data",
-     "type": "Array",
-     "desc": "The multi-dimensional array of data",
-     "memberOf": ""
+     "name": "refreshCache",
+     "sig": "(Object groups)",
+     "type": "function",
+     "desc": "Refreshes the cache of the top-left and bottom-right points of the\ndrag and drop objects in the specified group(s).  This is in the\nformat that is stored in the drag and drop instance, so typical\nusage is:\n<code>\nRoo.dd.DragDropMgr.refreshCache(ddinstance.groups);\n</code>\nAlternatively:\n<code>\nRoo.dd.DragDropMgr.refreshCache({group1:true, group2:true});\n</code>"
     },
     {
-     "name": "isLocal",
-     "type": "boolean",
-     "desc": "flag if data is locally available (and can be always looked up\nwithout a remote query - used by combo/forms at present.",
-     "memberOf": "Roo.data.Store"
+     "name": "regDragDrop",
+     "sig": "(DragDrop oDD, String sGroup)",
+     "type": "function",
+     "desc": "Each DragDrop instance must be registered with the DragDropMgr.\nThis is executed in DragDrop.init()"
     },
     {
-     "name": "proxy",
-     "type": "Roo.data.DataProxy",
-     "desc": "The Proxy object which provides access to a data object.",
-     "memberOf": "Roo.data.Store"
+     "name": "regHandle",
+     "sig": "(String sDDId, String sHandleId)",
+     "type": "function",
+     "desc": "Each DragDrop handle element must be registered.  This is done\nautomatically when executing DragDrop.setHandleElId()"
     },
     {
-     "name": "reader",
-     "type": "Roo.data.Reader",
-     "desc": "The Reader object which processes the data object and returns\nan Array of Roo.data.record objects which are cached keyed by their <em>id</em> property.",
-     "memberOf": "Roo.data.Store"
+     "name": "startDrag",
+     "sig": "( x,  y)",
+     "type": "function",
+     "desc": "Fired when either the drag pixel threshol or the mousedown hold\ntime threshold has been met."
     },
     {
-     "name": "baseParams",
-     "type": "Object",
-     "desc": "An object containing properties which are to be sent as parameters\non any HTTP request",
-     "memberOf": "Roo.data.Store"
+     "name": "stopEvent",
+     "sig": "(Event e)",
+     "type": "function",
+     "desc": "Utility to stop event propagation and event default, if these\nfeatures are turned on."
     },
     {
-     "name": "sortInfo",
-     "type": "Object",
-     "desc": "A config object in the format: {field: \"fieldName\", direction: \"ASC|DESC\"}",
-     "memberOf": "Roo.data.Store"
+     "name": "swapNode",
+     "sig": "( n1,  n2)",
+     "type": "function",
+     "desc": "Swap two nodes.  In IE, we use the native method, for others we\nemulate the IE behavior"
     },
     {
-     "name": "multiSort",
-     "type": "Boolean",
-     "desc": "enable multi column sorting (sort is based on the order of columns, remote only at present)",
-     "memberOf": "Roo.data.Store"
+     "name": "unlock",
+     "sig": "()",
+     "type": "function",
+     "desc": "Unlock all drag and drop functionality"
     },
     {
-     "name": "remoteSort",
-     "type": "boolean",
-     "desc": "True if sorting is to be handled by requesting the Proxy to provide a refreshed\nversion of the data object in sorted order, as opposed to sorting the Record cache in place (defaults to false).",
-     "memberOf": "Roo.data.Store"
+     "name": "verifyEl",
+     "sig": "(HTMLElement el)",
+     "type": "function",
+     "desc": "This checks to make sure an element exists and is in the DOM.  The\nmain purpose is to handle cases where innerHTML is used to remove\ndrag and drop objects from the DOM.  IE provides an 'unspecified\nerror' when trying to access the offsetParent of such an element"
+    }
+   ]
+  },
+  "Roo.dd.DragSource": {
+   "props": [
+    {
+     "name": "dropAllowed",
+     "type": "String",
+     "desc": "The CSS class returned to the drag source when drop is allowed (defaults to \"x-dd-drop-ok\").",
+     "memberOf": ""
     },
     {
-     "name": "pruneModifiedRecords",
-     "type": "boolean",
-     "desc": "True to clear all modified record information each time the store is\nloaded or when a record is removed. (defaults to false).",
-     "memberOf": "Roo.data.Store"
+     "name": "dropNotAllowed",
+     "type": "String",
+     "desc": "The CSS class returned to the drag source when drop is not allowed (defaults to \"x-dd-drop-nodrop\").",
+     "memberOf": ""
     },
     {
      "name": "listeners",
      "memberOf": "Roo.util.Observable"
     }
    ],
-   "events": [
+   "events": [],
+   "methods": [
     {
-     "name": "add",
-     "sig": "function (_self, records, index)\n{\n\n}",
+     "name": "addEvents",
+     "sig": "(Object object)",
      "type": "function",
-     "desc": "Fires when Records have been added to the Store"
+     "desc": "Used to define events on this Observable"
     },
     {
-     "name": "beforeload",
-     "sig": "function (_self, options)\n{\n\n}",
+     "name": "addInvalidHandleClass",
+     "sig": "(string cssClass)",
      "type": "function",
-     "desc": "Fires before a request is made for a new data object.  If the beforeload handler returns false\nthe load action will be canceled."
+     "desc": "Lets you specify a css class of elements that will not initiate a drag"
     },
     {
-     "name": "beforeloadadd",
-     "sig": "function (_self, records, options)\n{\n\n}",
+     "name": "addInvalidHandleId",
+     "sig": "(string id)",
      "type": "function",
-     "desc": "Fires after a new set of Records has been loaded."
+     "desc": "Lets you to specify an element id for a child of a drag handle\nthat should not initiate a drag"
     },
     {
-     "name": "clear",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "addInvalidHandleType",
+     "sig": "(string tagName)",
      "type": "function",
-     "desc": "Fires when the data cache has been cleared."
+     "desc": "Allows you to specify a tag name that should not start a drag operation\nwhen clicked.  This is designed to facilitate embedding links within a\ndrag handle that do something other than start the drag."
     },
     {
-     "name": "datachanged",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "addListener",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
-     "desc": "Fires when the data cache has changed, and a widget which is using this Store\nas a Record cache should refresh its view."
+     "desc": "Appends an event handler to this component"
     },
     {
-     "name": "load",
-     "sig": "function (_self, records, options)\n{\n\n}",
+     "name": "addToGroup",
+     "sig": "( sGroup)",
      "type": "function",
-     "desc": "Fires after a new set of Records has been loaded, before they are added to the store."
+     "desc": "Add this instance to a group of related drag/drop objects.  All\ninstances belong to at least one group, and can belong to as many\ngroups as needed."
     },
     {
-     "name": "loadexception",
-     "sig": "function (, return, load, jsonData)\n{\n\n}",
+     "name": "alignElWithMouse",
+     "sig": "(HTMLElement el, int iPageX, int iPageY)",
      "type": "function",
-     "desc": "Fires if an exception occurs in the Proxy during loading.\nCalled with the signature of the Proxy's \"loadexception\" event.\nIf you return Json { data: [] , success: false, .... } then this will be thrown with the following args"
+     "desc": "Sets the element to the location of the mousedown or click event,\nmaintaining the cursor location relative to the location on the element\nthat was clicked.  Override this if you want to place the element in a\nlocation other than where the cursor is."
     },
     {
-     "name": "metachange",
-     "sig": "function (_self, meta)\n{\n\n}",
+     "name": "applyConfig",
+     "sig": "()",
      "type": "function",
-     "desc": "Fires when this store's reader provides new metadata (fields). This is currently only support for JsonReaders."
+     "desc": "Applies the configuration parameters that were passed into the constructor.\nThis is supposed to happen at each level through the inheritance chain.  So\na DDProxy implentation will execute apply config on DDProxy, DD, and\nDragDrop in order to get all of the parameters that are available in\neach object."
     },
     {
-     "name": "remove",
-     "sig": "function (_self, record, index)\n{\n\n}",
+     "name": "autoOffset",
+     "sig": "(int iPageX, int iPageY)",
      "type": "function",
-     "desc": "Fires when a Record has been removed from the Store"
+     "desc": "Sets the pointer offset to the distance between the linked element's top\nleft corner and the location the element was clicked"
     },
     {
-     "name": "update",
-     "sig": "function (_self, record, operation)\n{\n\n}",
+     "name": "beforeDragDrop",
+     "sig": "(Roo.dd.DragDrop target, Event e, String id)",
      "type": "function",
-     "desc": "Fires when a Record has been updated"
-    }
-   ],
-   "methods": [
+     "desc": "An empty function by default, but provided so that you can perform a custom action before the dragged\nitem is dropped onto the target and optionally cancel the onDragDrop."
+    },
     {
-     "name": "add",
-     "sig": "(Roo.data.Record[] records)",
+     "name": "beforeDragEnter",
+     "sig": "(Roo.dd.DragDrop target, Event e, String id)",
      "type": "function",
-     "desc": "Add Records to the Store and fires the add event."
+     "desc": "An empty function by default, but provided so that you can perform a custom action\nbefore the dragged item enters the drop target and optionally cancel the onDragEnter."
     },
     {
-     "name": "addEvents",
-     "sig": "(Object object)",
+     "name": "beforeDragOut",
+     "sig": "(Roo.dd.DragDrop target, Event e, String id)",
      "type": "function",
-     "desc": "Used to define events on this Observable"
+     "desc": "An empty function by default, but provided so that you can perform a custom action before the dragged\nitem is dragged out of the target without dropping, and optionally cancel the onDragOut."
     },
     {
-     "name": "addListener",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "name": "beforeDragOver",
+     "sig": "(Roo.dd.DragDrop target, Event e, String id)",
      "type": "function",
-     "desc": "Appends an event handler to this component"
+     "desc": "An empty function by default, but provided so that you can perform a custom action\nwhile the dragged item is over the drop target and optionally cancel the onDragOver."
     },
     {
-     "name": "capture",
-     "sig": "(Observable o, Function fn, Object scope)",
+     "name": "beforeInvalidDrop",
+     "sig": "(Roo.dd.DragDrop target, Event e, String id)",
      "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": "An empty function by default, but provided so that you can perform a custom action after an invalid\ndrop has occurred."
     },
     {
-     "name": "clearFilter",
-     "sig": "(Boolean suppressEvent)",
+     "name": "cachePosition",
+     "sig": "( iPageX,  iPageY)",
      "type": "function",
-     "desc": "Revert to a view of the Record cache with no filtering applied."
+     "desc": "Saves the most recent position so that we can reset the constraints and\ntick marks on-demand.  We need to know this so that we can calculate the\nnumber of pixels the element is offset from its original position."
     },
     {
-     "name": "collect",
-     "sig": "(String dataIndex, Boolean allowNull, Boolean bypassFilter)",
+     "name": "capture",
+     "sig": "(Observable o, Function fn, Object scope)",
      "type": "function",
-     "desc": "Collects unique values for a particular dataIndex from this store."
+     "desc": "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire."
     },
     {
-     "name": "commitChanges",
+     "name": "clearConstraints",
      "sig": "()",
      "type": "function",
-     "desc": "Commit all Records with outstanding changes. To handle updates for changes, subscribe to the\nStore's \"update\" event, and perform updating when the third parameter is Roo.data.Record.COMMIT."
+     "desc": "Clears any constraints applied to this instance.  Also clears ticks\nsince they can't exist independent of a constraint at this time."
     },
     {
-     "name": "each",
-     "sig": "(Function fn, Object scope)",
+     "name": "clearTicks",
+     "sig": "()",
      "type": "function",
-     "desc": "Calls the specified function for each of the Records in the cache."
+     "desc": "Clears any tick interval defined for this instance"
     },
     {
-     "name": "filter",
-     "sig": "(String field, String/RegExp value, Boolean anyMatch)",
+     "name": "createFrame",
+     "sig": "()",
      "type": "function",
-     "desc": "Filter the records by a specified property."
+     "desc": "Creates the proxy element if it does not yet exist"
     },
     {
-     "name": "filterBy",
-     "sig": "(Function fn, Object scope)",
+     "name": "endDrag",
+     "sig": "(Event e)",
      "type": "function",
-     "desc": "Filter by a function. The specified function will be called with each\nrecord in this data source. If the function returns true the record is included,\notherwise it is filtered."
+     "desc": "Fired when we are done dragging the object"
     },
     {
      "name": "fireEvent",
      "desc": "Fires the specified event with the passed parameters (minus the event name)."
     },
     {
-     "name": "getAt",
-     "sig": "(Number index)",
+     "name": "function toString() {\n    [native code]\n}",
+     "sig": "()",
      "type": "function",
-     "desc": "Get the Record at the specified index."
+     "desc": "toString method"
     },
     {
-     "name": "getById",
-     "sig": "(String id)",
+     "name": "getDragData",
+     "sig": "()",
      "type": "function",
-     "desc": "Get the Record with the specified id."
+     "desc": "Returns the data object associated with this drag source"
     },
     {
-     "name": "getCount",
+     "name": "getDragEl",
      "sig": "()",
      "type": "function",
-     "desc": "Gets the number of cached records.\n<p>\n<em>If using paging, this may not be the total size of the dataset. If the data object\nused by the Reader contains the dataset size, then the getTotalCount() function returns\nthe data set size</em>"
+     "desc": "Returns a reference to the actual element to drag.  By default this is\nthe same as the html element, but it can be assigned to another\nelement. An example of this can be found in Roo.dd.DDProxy"
     },
     {
-     "name": "getModifiedRecords",
+     "name": "getEl",
      "sig": "()",
      "type": "function",
-     "desc": "Gets all records modified since the last commit.  Modified records are persisted across load operations\n(e.g., during paging)."
+     "desc": "Returns a reference to the linked element"
     },
     {
-     "name": "getRange",
-     "sig": "(Number startIndex, Number endIndex)",
+     "name": "getProxy",
+     "sig": "()",
      "type": "function",
-     "desc": "Returns a range of Records between specified indices."
+     "desc": "Returns the drag source's underlying {@link Roo.dd.StatusProxy}"
     },
     {
-     "name": "getSortState",
-     "sig": "()",
+     "name": "hasListener",
+     "sig": "(String eventName)",
      "type": "function",
-     "desc": "Returns the sort state of the Store as an object with two properties:\n<pre><code>\n field {String} The name of the field by which the Records are sorted\n direction {String} The sort order, \"ASC\" or \"DESC\"\n</code></pre>"
+     "desc": "Checks to see if this object has any listeners for a specified event"
     },
     {
-     "name": "getTotalCount",
+     "name": "hideProxy",
      "sig": "()",
      "type": "function",
-     "desc": "Gets the total number of records in the dataset as returned by the server.\n<p>\n<em>If using paging, for this to be accurate, the data object used by the Reader must contain\nthe dataset size</em>"
+     "desc": "Hides the drag source's {@link Roo.dd.StatusProxy}"
     },
     {
-     "name": "hasListener",
-     "sig": "(String eventName)",
+     "name": "init",
+     "sig": "( id, String sGroup, object config)",
      "type": "function",
-     "desc": "Checks to see if this object has any listeners for a specified event"
+     "desc": "Sets up the DragDrop object.  Must be called in the constructor of any\nRoo.dd.DragDrop subclass"
     },
     {
-     "name": "indexOf",
-     "sig": "(Roo.data.Record record)",
+     "name": "initFrame",
+     "sig": "()",
      "type": "function",
-     "desc": "Get the index within the cache of the passed Record."
+     "desc": "Initialization for the drag frame element.  Must be called in the\nconstructor of all subclasses"
     },
     {
-     "name": "indexOfId",
-     "sig": "(String id)",
+     "name": "initTarget",
+     "sig": "( id, String sGroup, object config)",
      "type": "function",
-     "desc": "Get the index within the cache of the Record with the passed id."
+     "desc": "Initializes Targeting functionality only... the object does not\nget a mousedown handler."
     },
     {
-     "name": "insert",
-     "sig": "(Number index, Roo.data.Record[] records)",
+     "name": "isLocked",
+     "sig": "()",
      "type": "function",
-     "desc": "Inserts Records to the Store at the given index and fires the add event."
+     "desc": "Returns true if this instance is locked, or the drag drop mgr is locked\n(meaning that all drag/drop is disabled on the page.)"
     },
     {
-     "name": "load",
-     "sig": "(Object options)",
+     "name": "isTarget",
+     "sig": "()",
      "type": "function",
-     "desc": "Loads the Record cache from the configured Proxy using the configured Reader.\n<p>\nIf using remote paging, then the first load call must specify the <em>start</em>\nand <em>limit</em> properties in the options.params property to establish the initial\nposition within the dataset, and the number of Records to cache on each read from the Proxy.\n<p>\n<strong>It is important to note that for remote data sources, loading is asynchronous,\nand this call will return before the new data has been loaded. Perform any post-processing\nin a callback function, or in a \"load\" event handler.</strong>\n<p>"
+     "desc": "By default, all insances can be a drop target.  This can be disabled by\nsetting isTarget to false."
     },
     {
-     "name": "loadData",
-     "sig": "(Object data, Boolean append)",
+     "name": "isValidHandleChild",
+     "sig": "(HTMLElement node)",
      "type": "function",
-     "desc": "Loads data from a passed data block. A Reader which understands the format of the data\nmust have been configured in the constructor."
+     "desc": "Checks the tag exclusion list to see if this click should be ignored"
+    },
+    {
+     "name": "lock",
+     "sig": "()",
+     "type": "function",
+     "desc": "Lock this instance"
     },
     {
      "name": "on",
      "desc": "Appends an event handler to this element (shorthand for addListener)"
     },
     {
-     "name": "purgeListeners",
+     "name": "onAvailable",
      "sig": "()",
      "type": "function",
-     "desc": "Removes all listeners for this object"
+     "desc": "Override the onAvailable method to do what is needed after the initial\nposition was determined."
     },
     {
-     "name": "query",
-     "sig": "(String field, String/RegExp value, Boolean anyMatch)",
+     "name": "onBeforeDrag",
+     "sig": "(Object data, Event e)",
      "type": "function",
-     "desc": "Query the records by a specified property."
+     "desc": "An empty function by default, but provided so that you can perform a custom action before the initial\ndrag event begins and optionally cancel it."
     },
     {
-     "name": "queryBy",
-     "sig": "(Function fn, Object scope)",
+     "name": "onDrag",
+     "sig": "(Event e)",
      "type": "function",
-     "desc": "Query by a function. The specified function will be called with each\nrecord in this data source. If the function returns true the record is included\nin the results."
+     "desc": "Abstract method called during the onMouseMove event while dragging an\nobject."
     },
     {
-     "name": "rejectChanges",
-     "sig": "()",
+     "name": "onDragDrop",
+     "sig": "(Event e, String|DragDrop[] id)",
      "type": "function",
-     "desc": "Cancel outstanding changes on all changed records."
+     "desc": "Abstract method called when this item is dropped on another DragDrop\nobj"
     },
     {
-     "name": "releaseCapture",
-     "sig": "(Observable o)",
+     "name": "onDragEnter",
+     "sig": "(Event e, String|DragDrop[] id)",
      "type": "function",
-     "desc": "Removes <b>all</b> added captures from the Observable."
+     "desc": "Abstract method called when this element fist begins hovering over\nanother DragDrop obj"
     },
     {
-     "name": "reload",
-     "sig": "(Object options)",
+     "name": "onDragOut",
+     "sig": "(Event e, String|DragDrop[] id)",
      "type": "function",
-     "desc": "Reloads the Record cache from the configured Proxy using the configured Reader and\nthe options from the last load operation performed."
+     "desc": "Abstract method called when we are no longer hovering over an element"
     },
     {
-     "name": "remove",
-     "sig": "(Ext.data.Record record)",
+     "name": "onDragOver",
+     "sig": "(Event e, String|DragDrop[] id)",
      "type": "function",
-     "desc": "Remove a Record from the Store and fires the remove event."
+     "desc": "Abstract method called when this element is hovering over another\nDragDrop obj"
     },
     {
-     "name": "removeAll",
+     "name": "onInvalidDrop",
+     "sig": "(Event e)",
+     "type": "function",
+     "desc": "Abstract method called when this item is dropped on an area with no\ndrop target"
+    },
+    {
+     "name": "onMouseDown",
+     "sig": "(Event e)",
+     "type": "function",
+     "desc": "Event handler that fires when a drag/drop obj gets a mousedown"
+    },
+    {
+     "name": "onMouseUp",
+     "sig": "(Event e)",
+     "type": "function",
+     "desc": "Event handler that fires when a drag/drop obj gets a mouseup"
+    },
+    {
+     "name": "onStartDrag",
+     "sig": "(Number x, Number y)",
+     "type": "function",
+     "desc": "An empty function by default, but provided so that you can perform a custom action once the initial\ndrag event has begun.  The drag cannot be canceled from this function."
+    },
+    {
+     "name": "padding",
      "sig": "()",
      "type": "function",
-     "desc": "Remove all Records from the Store and fires the clear event."
+     "desc": "The padding configured for this drag and drop object for calculating\nthe drop zone intersection with this object."
     },
     {
-     "name": "removeListener",
-     "sig": "(String eventName, Function handler, Object scope)",
+     "name": "purgeListeners",
+     "sig": "()",
      "type": "function",
-     "desc": "Removes a listener"
+     "desc": "Removes all listeners for this object"
     },
     {
-     "name": "setDefaultSort",
-     "sig": "(String fieldName, String dir)",
+     "name": "releaseCapture",
+     "sig": "(Observable o)",
      "type": "function",
-     "desc": "Sets the default sort column and order to be used by the next load operation."
+     "desc": "Removes <b>all</b> added captures from the Observable."
     },
     {
-     "name": "sort",
-     "sig": "(String fieldName, String dir)",
+     "name": "removeFromGroup",
+     "sig": "(string sGroup)",
      "type": "function",
-     "desc": "Sort the Records.\nIf remote sorting is used, the sort is performed on the server, and the cache is\nreloaded. If local sorting is used, the cache is sorted internally."
+     "desc": "Remove's this instance from the supplied interaction group"
     },
     {
-     "name": "sum",
-     "sig": "(String property, Number start, Number end)",
+     "name": "removeInvalidHandleClass",
+     "sig": "(string cssClass)",
      "type": "function",
-     "desc": "Sums the value of <i>property</i> for each record between start and end and returns the result."
+     "desc": "Unsets an invalid css class"
     },
     {
-     "name": "un",
+     "name": "removeInvalidHandleId",
+     "sig": "(string id)",
+     "type": "function",
+     "desc": "Unsets an invalid handle id"
+    },
+    {
+     "name": "removeInvalidHandleType",
+     "sig": "(string tagName)",
+     "type": "function",
+     "desc": "Unsets an excluded tag name set by addInvalidHandleType"
+    },
+    {
+     "name": "removeListener",
      "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
-     "desc": "Removes a listener (shorthand for removeListener)"
-    }
-   ]
-  },
-  "Roo.data.SortTypes": {
-   "props": [],
-   "events": [],
-   "methods": [
+     "desc": "Removes a listener"
+    },
     {
-     "name": "asDate",
-     "sig": "(Mixed s)",
+     "name": "resetConstraints",
+     "sig": "(boolean maintainOffset)",
      "type": "function",
-     "desc": "Date sorting"
+     "desc": "resetConstraints must be called if you manually reposition a dd element."
     },
     {
-     "name": "asFloat",
-     "sig": "(Mixed s)",
+     "name": "setDelta",
+     "sig": "(int iDeltaX, int iDeltaY)",
      "type": "function",
-     "desc": "Float sorting"
+     "desc": "Sets the pointer offset.  You can call this directly to force the\noffset to be in a particular location (e.g., pass in 0,0 to set it\nto the center of the object)"
     },
     {
-     "name": "asInt",
-     "sig": "(Mixed s)",
+     "name": "setDragElId",
+     "sig": "( id)",
      "type": "function",
-     "desc": "Integer sorting"
+     "desc": "Allows you to specify that an element other than the linked element\nwill be moved with the cursor during a drag"
     },
     {
-     "name": "asText",
-     "sig": "(Mixed s)",
+     "name": "setDragElPos",
+     "sig": "(int iPageX, int iPageY)",
      "type": "function",
-     "desc": "Strips all HTML tags to sort on text only"
+     "desc": "Sets the drag element to the location of the mousedown or click event,\nmaintaining the cursor location relative to the location on the element\nthat was clicked.  Override this if you want to place the element in a\nlocation other than where the cursor is."
     },
     {
-     "name": "asUCString",
-     "sig": "(Mixed s)",
+     "name": "setHandleElId",
+     "sig": "( id)",
      "type": "function",
-     "desc": "Case insensitive string"
+     "desc": "Allows you to specify a child of the linked element that should be\nused to initiate the drag operation.  An example of this would be if\nyou have a content div with text and links.  Clicking anywhere in the\ncontent area would normally start the drag operation.  Use this method\nto specify that an element inside of the content div is the element\nthat starts the drag operation."
     },
     {
-     "name": "asUCText",
-     "sig": "(Mixed s)",
+     "name": "setInitPosition",
+     "sig": "(int diffX, int diffY)",
      "type": "function",
-     "desc": "Strips all HTML tags to sort on text only - Case insensitive"
+     "desc": "Stores the initial placement of the linked element."
     },
     {
-     "name": "none",
-     "sig": "(Mixed s)",
+     "name": "setOuterHandleElId",
+     "sig": "( id)",
      "type": "function",
-     "desc": "Default sort that does nothing"
-    }
-   ]
-  },
-  "Roo.data.Store": {
-   "props": [
+     "desc": "Allows you to set an element outside of the linked element as a drag\nhandle"
+    },
     {
-     "name": "isLocal",
-     "type": "boolean",
-     "desc": "flag if data is locally available (and can be always looked up\nwithout a remote query - used by combo/forms at present.",
-     "memberOf": ""
+     "name": "setPadding",
+     "sig": "(int iTop, int iRight, int iBot, int iLeft)",
+     "type": "function",
+     "desc": "Configures the padding for the target zone in px.  Effectively expands\n(or reduces) the virtual object size for targeting calculations.\nSupports css-style shorthand; if only one parameter is passed, all sides\nwill have that padding, and if only two are passed, the top and bottom\nwill have the first param, the left and right the second."
     },
     {
-     "name": "proxy",
-     "type": "Roo.data.DataProxy",
-     "desc": "The Proxy object which provides access to a data object.",
-     "memberOf": ""
+     "name": "setXConstraint",
+     "sig": "(int iLeft, int iRight, int iTickSize)",
+     "type": "function",
+     "desc": "By default, the element can be dragged any place on the screen.  Use\nthis method to limit the horizontal travel of the element.  Pass in\n0,0 for the parameters if you want to lock the drag to the y axis."
     },
     {
-     "name": "data",
-     "type": "Array",
-     "desc": "Inline data to be loaded when the store is initialized.",
-     "memberOf": ""
+     "name": "setYConstraint",
+     "sig": "(int iUp, int iDown, int iTickSize)",
+     "type": "function",
+     "desc": "By default, the element can be dragged any place on the screen.  Set\nthis to limit the vertical travel of the element.  Pass in 0,0 for the\nparameters if you want to lock the drag to the x axis."
     },
     {
-     "name": "reader",
-     "type": "Roo.data.Reader",
-     "desc": "The Reader object which processes the data object and returns\nan Array of Roo.data.record objects which are cached keyed by their <em>id</em> property.",
-     "memberOf": ""
+     "name": "startDrag",
+     "sig": "(int X, int Y)",
+     "type": "function",
+     "desc": "Abstract method called after a drag/drop object is clicked\nand the drag or mousedown time thresholds have beeen met."
     },
     {
-     "name": "baseParams",
-     "type": "Object",
-     "desc": "An object containing properties which are to be sent as parameters\non any HTTP request",
-     "memberOf": ""
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener (shorthand for removeListener)"
     },
     {
-     "name": "sortInfo",
-     "type": "Object",
-     "desc": "A config object in the format: {field: \"fieldName\", direction: \"ASC|DESC\"}",
-     "memberOf": ""
+     "name": "unlock",
+     "sig": "()",
+     "type": "function",
+     "desc": "Unlock this instace"
     },
     {
-     "name": "multiSort",
+     "name": "unreg",
+     "sig": "()",
+     "type": "function",
+     "desc": "Remove all drag and drop hooks for this element"
+    }
+   ]
+  },
+  "Roo.dd.DragZone": {
+   "props": [
+    {
+     "name": "containerScroll",
      "type": "Boolean",
-     "desc": "enable multi column sorting (sort is based on the order of columns, remote only at present)",
+     "desc": "True to register this container with the Scrollmanager\nfor auto scrolling during drag operations.",
      "memberOf": ""
     },
     {
-     "name": "remoteSort",
-     "type": "boolean",
-     "desc": "True if sorting is to be handled by requesting the Proxy to provide a refreshed\nversion of the data object in sorted order, as opposed to sorting the Record cache in place (defaults to false).",
+     "name": "hlColor",
+     "type": "String",
+     "desc": "The color to use when visually highlighting the drag source in the afterRepair\nmethod after a failed drop (defaults to \"c3daf9\" - light blue)",
      "memberOf": ""
     },
     {
-     "name": "pruneModifiedRecords",
-     "type": "boolean",
-     "desc": "True to clear all modified record information each time the store is\nloaded or when a record is removed. (defaults to false).",
-     "memberOf": ""
+     "name": "dropAllowed",
+     "type": "String",
+     "desc": "The CSS class returned to the drag source when drop is allowed (defaults to \"x-dd-drop-ok\").",
+     "memberOf": "Roo.dd.DragSource"
+    },
+    {
+     "name": "dropNotAllowed",
+     "type": "String",
+     "desc": "The CSS class returned to the drag source when drop is not allowed (defaults to \"x-dd-drop-nodrop\").",
+     "memberOf": "Roo.dd.DragSource"
     },
     {
      "name": "listeners",
      "memberOf": "Roo.util.Observable"
     }
    ],
-   "events": [
+   "events": [],
+   "methods": [
+    {
+     "name": "addEvents",
+     "sig": "(Object object)",
+     "type": "function",
+     "desc": "Used to define events on this Observable"
+    },
+    {
+     "name": "addInvalidHandleClass",
+     "sig": "(string cssClass)",
+     "type": "function",
+     "desc": "Lets you specify a css class of elements that will not initiate a drag"
+    },
+    {
+     "name": "addInvalidHandleId",
+     "sig": "(string id)",
+     "type": "function",
+     "desc": "Lets you to specify an element id for a child of a drag handle\nthat should not initiate a drag"
+    },
     {
-     "name": "add",
-     "sig": "function (_self, records, index)\n{\n\n}",
+     "name": "addInvalidHandleType",
+     "sig": "(string tagName)",
      "type": "function",
-     "desc": "Fires when Records have been added to the Store"
+     "desc": "Allows you to specify a tag name that should not start a drag operation\nwhen clicked.  This is designed to facilitate embedding links within a\ndrag handle that do something other than start the drag."
     },
     {
-     "name": "beforeload",
-     "sig": "function (_self, options)\n{\n\n}",
+     "name": "addListener",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
-     "desc": "Fires before a request is made for a new data object.  If the beforeload handler returns false\nthe load action will be canceled."
+     "desc": "Appends an event handler to this component"
     },
     {
-     "name": "beforeloadadd",
-     "sig": "function (_self, records, options)\n{\n\n}",
+     "name": "addToGroup",
+     "sig": "( sGroup)",
      "type": "function",
-     "desc": "Fires after a new set of Records has been loaded."
+     "desc": "Add this instance to a group of related drag/drop objects.  All\ninstances belong to at least one group, and can belong to as many\ngroups as needed."
     },
     {
-     "name": "clear",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "afterRepair",
+     "sig": "()",
      "type": "function",
-     "desc": "Fires when the data cache has been cleared."
+     "desc": "Called after a repair of an invalid drop. By default, highlights this.dragData.ddel"
     },
     {
-     "name": "datachanged",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "alignElWithMouse",
+     "sig": "(HTMLElement el, int iPageX, int iPageY)",
      "type": "function",
-     "desc": "Fires when the data cache has changed, and a widget which is using this Store\nas a Record cache should refresh its view."
+     "desc": "Sets the element to the location of the mousedown or click event,\nmaintaining the cursor location relative to the location on the element\nthat was clicked.  Override this if you want to place the element in a\nlocation other than where the cursor is."
     },
     {
-     "name": "load",
-     "sig": "function (_self, records, options)\n{\n\n}",
+     "name": "applyConfig",
+     "sig": "()",
      "type": "function",
-     "desc": "Fires after a new set of Records has been loaded, before they are added to the store."
+     "desc": "Applies the configuration parameters that were passed into the constructor.\nThis is supposed to happen at each level through the inheritance chain.  So\na DDProxy implentation will execute apply config on DDProxy, DD, and\nDragDrop in order to get all of the parameters that are available in\neach object."
     },
     {
-     "name": "loadexception",
-     "sig": "function (, return, load, jsonData)\n{\n\n}",
+     "name": "autoOffset",
+     "sig": "(int iPageX, int iPageY)",
      "type": "function",
-     "desc": "Fires if an exception occurs in the Proxy during loading.\nCalled with the signature of the Proxy's \"loadexception\" event.\nIf you return Json { data: [] , success: false, .... } then this will be thrown with the following args"
+     "desc": "Sets the pointer offset to the distance between the linked element's top\nleft corner and the location the element was clicked"
     },
     {
-     "name": "metachange",
-     "sig": "function (_self, meta)\n{\n\n}",
+     "name": "beforeDragDrop",
+     "sig": "(Roo.dd.DragDrop target, Event e, String id)",
      "type": "function",
-     "desc": "Fires when this store's reader provides new metadata (fields). This is currently only support for JsonReaders."
+     "desc": "An empty function by default, but provided so that you can perform a custom action before the dragged\nitem is dropped onto the target and optionally cancel the onDragDrop."
     },
     {
-     "name": "remove",
-     "sig": "function (_self, record, index)\n{\n\n}",
+     "name": "beforeDragEnter",
+     "sig": "(Roo.dd.DragDrop target, Event e, String id)",
      "type": "function",
-     "desc": "Fires when a Record has been removed from the Store"
+     "desc": "An empty function by default, but provided so that you can perform a custom action\nbefore the dragged item enters the drop target and optionally cancel the onDragEnter."
     },
     {
-     "name": "update",
-     "sig": "function (_self, record, operation)\n{\n\n}",
+     "name": "beforeDragOut",
+     "sig": "(Roo.dd.DragDrop target, Event e, String id)",
      "type": "function",
-     "desc": "Fires when a Record has been updated"
-    }
-   ],
-   "methods": [
+     "desc": "An empty function by default, but provided so that you can perform a custom action before the dragged\nitem is dragged out of the target without dropping, and optionally cancel the onDragOut."
+    },
     {
-     "name": "add",
-     "sig": "(Roo.data.Record[] records)",
+     "name": "beforeDragOver",
+     "sig": "(Roo.dd.DragDrop target, Event e, String id)",
      "type": "function",
-     "desc": "Add Records to the Store and fires the add event."
+     "desc": "An empty function by default, but provided so that you can perform a custom action\nwhile the dragged item is over the drop target and optionally cancel the onDragOver."
     },
     {
-     "name": "addEvents",
-     "sig": "(Object object)",
+     "name": "beforeInvalidDrop",
+     "sig": "(Roo.dd.DragDrop target, Event e, String id)",
      "type": "function",
-     "desc": "Used to define events on this Observable"
+     "desc": "An empty function by default, but provided so that you can perform a custom action after an invalid\ndrop has occurred."
     },
     {
-     "name": "addListener",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "name": "cachePosition",
+     "sig": "( iPageX,  iPageY)",
      "type": "function",
-     "desc": "Appends an event handler to this component"
+     "desc": "Saves the most recent position so that we can reset the constraints and\ntick marks on-demand.  We need to know this so that we can calculate the\nnumber of pixels the element is offset from its original position."
     },
     {
      "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": "clearFilter",
-     "sig": "(Boolean suppressEvent)",
+     "name": "clearConstraints",
+     "sig": "()",
      "type": "function",
-     "desc": "Revert to a view of the Record cache with no filtering applied."
+     "desc": "Clears any constraints applied to this instance.  Also clears ticks\nsince they can't exist independent of a constraint at this time."
     },
     {
-     "name": "collect",
-     "sig": "(String dataIndex, Boolean allowNull, Boolean bypassFilter)",
+     "name": "clearTicks",
+     "sig": "()",
      "type": "function",
-     "desc": "Collects unique values for a particular dataIndex from this store."
+     "desc": "Clears any tick interval defined for this instance"
     },
     {
-     "name": "commitChanges",
+     "name": "createFrame",
      "sig": "()",
      "type": "function",
-     "desc": "Commit all Records with outstanding changes. To handle updates for changes, subscribe to the\nStore's \"update\" event, and perform updating when the third parameter is Roo.data.Record.COMMIT."
+     "desc": "Creates the proxy element if it does not yet exist"
     },
     {
-     "name": "each",
-     "sig": "(Function fn, Object scope)",
+     "name": "endDrag",
+     "sig": "(Event e)",
      "type": "function",
-     "desc": "Calls the specified function for each of the Records in the cache."
+     "desc": "Fired when we are done dragging the object"
     },
     {
-     "name": "filter",
-     "sig": "(String field, String/RegExp value, Boolean anyMatch)",
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
      "type": "function",
-     "desc": "Filter the records by a specified property."
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
     },
     {
-     "name": "filterBy",
-     "sig": "(Function fn, Object scope)",
+     "name": "function toString() {\n    [native code]\n}",
+     "sig": "()",
      "type": "function",
-     "desc": "Filter by a function. The specified function will be called with each\nrecord in this data source. If the function returns true the record is included,\notherwise it is filtered."
+     "desc": "toString method"
     },
     {
-     "name": "fireEvent",
-     "sig": "(String eventName, Object... args)",
+     "name": "getDragData",
+     "sig": "(EventObject e)",
      "type": "function",
-     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+     "desc": "Called when a mousedown occurs in this container. Looks in {@link Roo.dd.Registry}\nfor a valid target to drag based on the mouse down. Override this method\nto provide your own lookup logic (e.g. finding a child by class name). Make sure your returned\nobject has a \"ddel\" attribute (with an HTML Element) for other functions to work."
     },
     {
-     "name": "getAt",
-     "sig": "(Number index)",
+     "name": "getDragEl",
+     "sig": "()",
      "type": "function",
-     "desc": "Get the Record at the specified index."
+     "desc": "Returns a reference to the actual element to drag.  By default this is\nthe same as the html element, but it can be assigned to another\nelement. An example of this can be found in Roo.dd.DDProxy"
     },
     {
-     "name": "getById",
-     "sig": "(String id)",
+     "name": "getEl",
+     "sig": "()",
      "type": "function",
-     "desc": "Get the Record with the specified id."
+     "desc": "Returns a reference to the linked element"
     },
     {
-     "name": "getCount",
+     "name": "getProxy",
      "sig": "()",
      "type": "function",
-     "desc": "Gets the number of cached records.\n<p>\n<em>If using paging, this may not be the total size of the dataset. If the data object\nused by the Reader contains the dataset size, then the getTotalCount() function returns\nthe data set size</em>"
+     "desc": "Returns the drag source's underlying {@link Roo.dd.StatusProxy}"
     },
     {
-     "name": "getModifiedRecords",
-     "sig": "()",
+     "name": "getRepairXY",
+     "sig": "(EventObject e)",
      "type": "function",
-     "desc": "Gets all records modified since the last commit.  Modified records are persisted across load operations\n(e.g., during paging)."
+     "desc": "Called before a repair of an invalid drop to get the XY to animate to. By default returns\nthe XY of this.dragData.ddel"
     },
     {
-     "name": "getRange",
-     "sig": "(Number startIndex, Number endIndex)",
+     "name": "hasListener",
+     "sig": "(String eventName)",
      "type": "function",
-     "desc": "Returns a range of Records between specified indices."
+     "desc": "Checks to see if this object has any listeners for a specified event"
     },
     {
-     "name": "getSortState",
+     "name": "hideProxy",
      "sig": "()",
      "type": "function",
-     "desc": "Returns the sort state of the Store as an object with two properties:\n<pre><code>\n field {String} The name of the field by which the Records are sorted\n direction {String} The sort order, \"ASC\" or \"DESC\"\n</code></pre>"
+     "desc": "Hides the drag source's {@link Roo.dd.StatusProxy}"
     },
     {
-     "name": "getTotalCount",
-     "sig": "()",
+     "name": "init",
+     "sig": "( id, String sGroup, object config)",
      "type": "function",
-     "desc": "Gets the total number of records in the dataset as returned by the server.\n<p>\n<em>If using paging, for this to be accurate, the data object used by the Reader must contain\nthe dataset size</em>"
+     "desc": "Sets up the DragDrop object.  Must be called in the constructor of any\nRoo.dd.DragDrop subclass"
     },
     {
-     "name": "hasListener",
-     "sig": "(String eventName)",
+     "name": "initFrame",
+     "sig": "()",
      "type": "function",
-     "desc": "Checks to see if this object has any listeners for a specified event"
+     "desc": "Initialization for the drag frame element.  Must be called in the\nconstructor of all subclasses"
     },
     {
-     "name": "indexOf",
-     "sig": "(Roo.data.Record record)",
+     "name": "initTarget",
+     "sig": "( id, String sGroup, object config)",
      "type": "function",
-     "desc": "Get the index within the cache of the passed Record."
+     "desc": "Initializes Targeting functionality only... the object does not\nget a mousedown handler."
     },
     {
-     "name": "indexOfId",
-     "sig": "(String id)",
+     "name": "isLocked",
+     "sig": "()",
      "type": "function",
-     "desc": "Get the index within the cache of the Record with the passed id."
+     "desc": "Returns true if this instance is locked, or the drag drop mgr is locked\n(meaning that all drag/drop is disabled on the page.)"
     },
     {
-     "name": "insert",
-     "sig": "(Number index, Roo.data.Record[] records)",
+     "name": "isTarget",
+     "sig": "()",
      "type": "function",
-     "desc": "Inserts Records to the Store at the given index and fires the add event."
+     "desc": "By default, all insances can be a drop target.  This can be disabled by\nsetting isTarget to false."
     },
     {
-     "name": "load",
-     "sig": "(Object options)",
+     "name": "isValidHandleChild",
+     "sig": "(HTMLElement node)",
      "type": "function",
-     "desc": "Loads the Record cache from the configured Proxy using the configured Reader.\n<p>\nIf using remote paging, then the first load call must specify the <em>start</em>\nand <em>limit</em> properties in the options.params property to establish the initial\nposition within the dataset, and the number of Records to cache on each read from the Proxy.\n<p>\n<strong>It is important to note that for remote data sources, loading is asynchronous,\nand this call will return before the new data has been loaded. Perform any post-processing\nin a callback function, or in a \"load\" event handler.</strong>\n<p>"
+     "desc": "Checks the tag exclusion list to see if this click should be ignored"
     },
     {
-     "name": "loadData",
-     "sig": "(Object data, Boolean append)",
+     "name": "lock",
+     "sig": "()",
      "type": "function",
-     "desc": "Loads data from a passed data block. A Reader which understands the format of the data\nmust have been configured in the constructor."
+     "desc": "Lock this instance"
     },
     {
      "name": "on",
      "desc": "Appends an event handler to this element (shorthand for addListener)"
     },
     {
-     "name": "purgeListeners",
+     "name": "onAvailable",
      "sig": "()",
      "type": "function",
-     "desc": "Removes all listeners for this object"
+     "desc": "Override the onAvailable method to do what is needed after the initial\nposition was determined."
     },
     {
-     "name": "query",
-     "sig": "(String field, String/RegExp value, Boolean anyMatch)",
+     "name": "onBeforeDrag",
+     "sig": "(Object data, Event e)",
      "type": "function",
-     "desc": "Query the records by a specified property."
+     "desc": "An empty function by default, but provided so that you can perform a custom action before the initial\ndrag event begins and optionally cancel it."
     },
     {
-     "name": "queryBy",
-     "sig": "(Function fn, Object scope)",
+     "name": "onDrag",
+     "sig": "(Event e)",
      "type": "function",
-     "desc": "Query by a function. The specified function will be called with each\nrecord in this data source. If the function returns true the record is included\nin the results."
+     "desc": "Abstract method called during the onMouseMove event while dragging an\nobject."
     },
     {
-     "name": "rejectChanges",
-     "sig": "()",
+     "name": "onDragDrop",
+     "sig": "(Event e, String|DragDrop[] id)",
      "type": "function",
-     "desc": "Cancel outstanding changes on all changed records."
+     "desc": "Abstract method called when this item is dropped on another DragDrop\nobj"
     },
     {
-     "name": "releaseCapture",
-     "sig": "(Observable o)",
+     "name": "onDragEnter",
+     "sig": "(Event e, String|DragDrop[] id)",
      "type": "function",
-     "desc": "Removes <b>all</b> added captures from the Observable."
+     "desc": "Abstract method called when this element fist begins hovering over\nanother DragDrop obj"
     },
     {
-     "name": "reload",
-     "sig": "(Object options)",
+     "name": "onDragOut",
+     "sig": "(Event e, String|DragDrop[] id)",
      "type": "function",
-     "desc": "Reloads the Record cache from the configured Proxy using the configured Reader and\nthe options from the last load operation performed."
+     "desc": "Abstract method called when we are no longer hovering over an element"
     },
     {
-     "name": "remove",
-     "sig": "(Ext.data.Record record)",
+     "name": "onDragOver",
+     "sig": "(Event e, String|DragDrop[] id)",
      "type": "function",
-     "desc": "Remove a Record from the Store and fires the remove event."
+     "desc": "Abstract method called when this element is hovering over another\nDragDrop obj"
     },
     {
-     "name": "removeAll",
-     "sig": "()",
+     "name": "onInitDrag",
+     "sig": "(Number x, Number y)",
      "type": "function",
-     "desc": "Remove all Records from the Store and fires the clear event."
+     "desc": "Called once drag threshold has been reached to initialize the proxy element. By default, it clones the\nthis.dragData.ddel"
     },
     {
-     "name": "removeListener",
-     "sig": "(String eventName, Function handler, Object scope)",
+     "name": "onInvalidDrop",
+     "sig": "(Event e)",
      "type": "function",
-     "desc": "Removes a listener"
+     "desc": "Abstract method called when this item is dropped on an area with no\ndrop target"
     },
     {
-     "name": "setDefaultSort",
-     "sig": "(String fieldName, String dir)",
+     "name": "onMouseDown",
+     "sig": "(Event e)",
      "type": "function",
-     "desc": "Sets the default sort column and order to be used by the next load operation."
+     "desc": "Event handler that fires when a drag/drop obj gets a mousedown"
     },
     {
-     "name": "sort",
-     "sig": "(String fieldName, String dir)",
+     "name": "onMouseUp",
+     "sig": "(Event e)",
      "type": "function",
-     "desc": "Sort the Records.\nIf remote sorting is used, the sort is performed on the server, and the cache is\nreloaded. If local sorting is used, the cache is sorted internally."
+     "desc": "Event handler that fires when a drag/drop obj gets a mouseup"
     },
     {
-     "name": "sum",
-     "sig": "(String property, Number start, Number end)",
+     "name": "onStartDrag",
+     "sig": "(Number x, Number y)",
      "type": "function",
-     "desc": "Sums the value of <i>property</i> for each record between start and end and returns the result."
+     "desc": "An empty function by default, but provided so that you can perform a custom action once the initial\ndrag event has begun.  The drag cannot be canceled from this function."
     },
     {
-     "name": "un",
-     "sig": "(String eventName, Function handler, Object scope)",
+     "name": "padding",
+     "sig": "()",
      "type": "function",
-     "desc": "Removes a listener (shorthand for removeListener)"
-    }
-   ]
-  },
-  "Roo.data.Tree": {
-   "props": [
-    {
-     "name": "listeners",
-     "type": "Object",
-     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-     "memberOf": "Roo.util.Observable"
-    }
-   ],
-   "events": [
+     "desc": "The padding configured for this drag and drop object for calculating\nthe drop zone intersection with this object."
+    },
     {
-     "name": "append",
-     "sig": "function (tree, parent, node, index)\n{\n\n}",
+     "name": "purgeListeners",
+     "sig": "()",
      "type": "function",
-     "desc": "Fires when a new child node is appended to a node in this tree."
+     "desc": "Removes all listeners for this object"
     },
     {
-     "name": "beforeappend",
-     "sig": "function (tree, parent, node)\n{\n\n}",
+     "name": "releaseCapture",
+     "sig": "(Observable o)",
      "type": "function",
-     "desc": "Fires before a new child is appended to a node in this tree, return false to cancel the append."
+     "desc": "Removes <b>all</b> added captures from the Observable."
     },
     {
-     "name": "beforeinsert",
-     "sig": "function (tree, parent, node, refNode)\n{\n\n}",
+     "name": "removeFromGroup",
+     "sig": "(string sGroup)",
      "type": "function",
-     "desc": "Fires before a new child is inserted in a node in this tree, return false to cancel the insert."
+     "desc": "Remove's this instance from the supplied interaction group"
     },
     {
-     "name": "beforemove",
-     "sig": "function (tree, node, oldParent, newParent, index)\n{\n\n}",
+     "name": "removeInvalidHandleClass",
+     "sig": "(string cssClass)",
      "type": "function",
-     "desc": "Fires before a node is moved to a new location in the tree. Return false to cancel the move."
+     "desc": "Unsets an invalid css class"
     },
     {
-     "name": "beforeremove",
-     "sig": "function (tree, parent, node)\n{\n\n}",
+     "name": "removeInvalidHandleId",
+     "sig": "(string id)",
      "type": "function",
-     "desc": "Fires before a child is removed from a node in this tree, return false to cancel the remove."
+     "desc": "Unsets an invalid handle id"
     },
     {
-     "name": "insert",
-     "sig": "function (tree, parent, node, refNode)\n{\n\n}",
+     "name": "removeInvalidHandleType",
+     "sig": "(string tagName)",
      "type": "function",
-     "desc": "Fires when a new child node is inserted in a node in this tree."
+     "desc": "Unsets an excluded tag name set by addInvalidHandleType"
     },
     {
-     "name": "move",
-     "sig": "function (tree, node, oldParent, newParent, index)\n{\n\n}",
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
-     "desc": "Fires when a node is moved to a new location in the tree"
+     "desc": "Removes a listener"
     },
     {
-     "name": "remove",
-     "sig": "function (tree, parent, node)\n{\n\n}",
+     "name": "resetConstraints",
+     "sig": "(boolean maintainOffset)",
      "type": "function",
-     "desc": "Fires when a child node is removed from a node in this tree."
-    }
-   ],
-   "methods": [
+     "desc": "resetConstraints must be called if you manually reposition a dd element."
+    },
     {
-     "name": "addEvents",
-     "sig": "(Object object)",
+     "name": "setDelta",
+     "sig": "(int iDeltaX, int iDeltaY)",
      "type": "function",
-     "desc": "Used to define events on this Observable"
+     "desc": "Sets the pointer offset.  You can call this directly to force the\noffset to be in a particular location (e.g., pass in 0,0 to set it\nto the center of the object)"
     },
     {
-     "name": "addListener",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "name": "setDragElId",
+     "sig": "( id)",
      "type": "function",
-     "desc": "Appends an event handler to this component"
+     "desc": "Allows you to specify that an element other than the linked element\nwill be moved with the cursor during a drag"
     },
     {
-     "name": "capture",
-     "sig": "(Observable o, Function fn, Object scope)",
+     "name": "setDragElPos",
+     "sig": "(int iPageX, int iPageY)",
      "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": "Sets the drag element to the location of the mousedown or click event,\nmaintaining the cursor location relative to the location on the element\nthat was clicked.  Override this if you want to place the element in a\nlocation other than where the cursor is."
     },
     {
-     "name": "fireEvent",
-     "sig": "(String eventName, Object... args)",
+     "name": "setHandleElId",
+     "sig": "( id)",
      "type": "function",
-     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+     "desc": "Allows you to specify a child of the linked element that should be\nused to initiate the drag operation.  An example of this would be if\nyou have a content div with text and links.  Clicking anywhere in the\ncontent area would normally start the drag operation.  Use this method\nto specify that an element inside of the content div is the element\nthat starts the drag operation."
     },
     {
-     "name": "getNodeById",
-     "sig": "(String id)",
+     "name": "setInitPosition",
+     "sig": "(int diffX, int diffY)",
      "type": "function",
-     "desc": "Gets a node in this tree by its id."
+     "desc": "Stores the initial placement of the linked element."
     },
     {
-     "name": "getRootNode",
-     "sig": "()",
+     "name": "setOuterHandleElId",
+     "sig": "( id)",
      "type": "function",
-     "desc": "Returns the root node for this tree."
+     "desc": "Allows you to set an element outside of the linked element as a drag\nhandle"
     },
     {
-     "name": "hasListener",
-     "sig": "(String eventName)",
+     "name": "setPadding",
+     "sig": "(int iTop, int iRight, int iBot, int iLeft)",
      "type": "function",
-     "desc": "Checks to see if this object has any listeners for a specified event"
+     "desc": "Configures the padding for the target zone in px.  Effectively expands\n(or reduces) the virtual object size for targeting calculations.\nSupports css-style shorthand; if only one parameter is passed, all sides\nwill have that padding, and if only two are passed, the top and bottom\nwill have the first param, the left and right the second."
     },
     {
-     "name": "on",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "name": "setXConstraint",
+     "sig": "(int iLeft, int iRight, int iTickSize)",
      "type": "function",
-     "desc": "Appends an event handler to this element (shorthand for addListener)"
+     "desc": "By default, the element can be dragged any place on the screen.  Use\nthis method to limit the horizontal travel of the element.  Pass in\n0,0 for the parameters if you want to lock the drag to the y axis."
     },
     {
-     "name": "purgeListeners",
-     "sig": "()",
+     "name": "setYConstraint",
+     "sig": "(int iUp, int iDown, int iTickSize)",
      "type": "function",
-     "desc": "Removes all listeners for this object"
+     "desc": "By default, the element can be dragged any place on the screen.  Set\nthis to limit the vertical travel of the element.  Pass in 0,0 for the\nparameters if you want to lock the drag to the x axis."
     },
     {
-     "name": "releaseCapture",
-     "sig": "(Observable o)",
+     "name": "startDrag",
+     "sig": "(int X, int Y)",
      "type": "function",
-     "desc": "Removes <b>all</b> added captures from the Observable."
+     "desc": "Abstract method called after a drag/drop object is clicked\nand the drag or mousedown time thresholds have beeen met."
     },
     {
-     "name": "removeListener",
+     "name": "un",
      "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
-     "desc": "Removes a listener"
+     "desc": "Removes a listener (shorthand for removeListener)"
     },
     {
-     "name": "setRootNode",
-     "sig": "(Node node)",
+     "name": "unlock",
+     "sig": "()",
      "type": "function",
-     "desc": "Sets the root node for this tree."
+     "desc": "Unlock this instace"
     },
     {
-     "name": "un",
-     "sig": "(String eventName, Function handler, Object scope)",
+     "name": "unreg",
+     "sig": "()",
      "type": "function",
-     "desc": "Removes a listener (shorthand for removeListener)"
+     "desc": "Remove all drag and drop hooks for this element"
     }
    ]
   },
-  "Roo.data.XmlReader": {
+  "Roo.dd.DropTarget": {
    "props": [
     {
-     "name": "totalRecords",
+     "name": "overClass",
      "type": "String",
-     "desc": "The DomQuery path from which to retrieve the total number of records\nin the dataset. This is only needed if the whole dataset is not passed in one go, but is being\npaged from the remote server.",
+     "desc": "The CSS class applied to the drop target element while the drag source is over it (defaults to \"\").",
      "memberOf": ""
     },
     {
-     "name": "record",
+     "name": "ddGroup",
      "type": "String",
-     "desc": "The DomQuery path to the repeated element which contains record information.",
+     "desc": "The drag drop group to handle drop events for",
      "memberOf": ""
     },
     {
-     "name": "success",
+     "name": "dropAllowed",
      "type": "String",
-     "desc": "The DomQuery path to the success attribute used by forms.",
+     "desc": "The CSS class returned to the drag source when drop is allowed (defaults to \"x-dd-drop-ok\").",
      "memberOf": ""
     },
     {
-     "name": "id",
+     "name": "dropNotAllowed",
      "type": "String",
-     "desc": "The DomQuery path relative from the record element to the element that contains\na record identifier value.",
+     "desc": "The CSS class returned to the drag source when drop is not allowed (defaults to \"x-dd-drop-nodrop\").",
+     "memberOf": ""
+    },
+    {
+     "name": "success",
+     "type": "boolean",
+     "desc": "set this after drop listener..",
+     "memberOf": ""
+    },
+    {
+     "name": "valid",
+     "type": "boolean|String",
+     "desc": "true/false or string (ok-add/ok-sub/ok/nodrop)\nif the drop point is valid for over/enter..",
      "memberOf": ""
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for 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": [
+   "events": [
     {
-     "name": "newRow",
-     "sig": "(Object data)",
+     "name": "drop",
+     "sig": "function (source, e, data)\n{\n\n}",
      "type": "function",
-     "desc": "Create an empty record"
+     "desc": "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the dragged item has\nbeen dropped on it.  This method has no default implementation and returns false, so you must provide an\nimplementation that does something to process the drop event and returns true so that the drag source's\nrepair action does not run.\n\nIMPORTANT : it should set this.success"
     },
     {
-     "name": "read",
-     "sig": "(Object response)",
+     "name": "enter",
+     "sig": "function (source, e, data)\n{\n\n}",
      "type": "function",
-     "desc": "This method is only used by a DataProxy which has retrieved data from a remote server."
+     "desc": "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the source is now over the\ntarget.  This default implementation adds the CSS class specified by overClass (if any) to the drop element\nand returns the dropAllowed config value.  This method should be overridden if drop validation is required.\n\nIMPORTANT : it should set this.overClass and this.dropAllowed"
     },
     {
-     "name": "readRecords",
-     "sig": "(Object doc)",
+     "name": "out",
+     "sig": "function (source, e, data)\n{\n\n}",
      "type": "function",
-     "desc": "Create a data block containing Roo.data.Records from an XML document."
-    }
-   ]
-  },
-  "Roo.dd": {
-   "props": [],
-   "events": [],
-   "methods": []
-  },
-  "Roo.dd.DD": {
-   "props": [
+     "desc": "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the source has been dragged\nout of the target without dropping.  This default implementation simply removes the CSS class specified by\noverClass (if any) from the drop element."
+    },
     {
-     "name": "listeners",
-     "type": "Object",
-     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-     "memberOf": "Roo.util.Observable"
+     "name": "over",
+     "sig": "function (source, e, data)\n{\n\n}",
+     "type": "function",
+     "desc": "The function a {@link Roo.dd.DragSource} calls continuously while it is being dragged over the target.\nThis method will be called on every mouse movement while the drag source is over the drop target.\nThis default implementation simply returns the dropAllowed config value.\n\nIMPORTANT : it should set this.dropAllowed"
     }
    ],
-   "events": [],
    "methods": [
     {
      "name": "addEvents",
      "type": "function",
      "desc": "Add this instance to a group of related drag/drop objects.  All\ninstances belong to at least one group, and can belong to as many\ngroups as needed."
     },
-    {
-     "name": "alignElWithMouse",
-     "sig": "(HTMLElement el, int iPageX, int iPageY)",
-     "type": "function",
-     "desc": "Sets the element to the location of the mousedown or click event,\nmaintaining the cursor location relative to the location on the element\nthat was clicked.  Override this if you want to place the element in a\nlocation other than where the cursor is."
-    },
     {
      "name": "applyConfig",
      "sig": "()",
      "type": "function",
      "desc": "Applies the configuration parameters that were passed into the constructor.\nThis is supposed to happen at each level through the inheritance chain.  So\na DDProxy implentation will execute apply config on DDProxy, DD, and\nDragDrop in order to get all of the parameters that are available in\neach object."
     },
-    {
-     "name": "autoOffset",
-     "sig": "(int iPageX, int iPageY)",
-     "type": "function",
-     "desc": "Sets the pointer offset to the distance between the linked element's top\nleft corner and the location the element was clicked"
-    },
-    {
-     "name": "cachePosition",
-     "sig": "( iPageX,  iPageY)",
-     "type": "function",
-     "desc": "Saves the most recent position so that we can reset the constraints and\ntick marks on-demand.  We need to know this so that we can calculate the\nnumber of pixels the element is offset from its original position."
-    },
     {
      "name": "capture",
      "sig": "(Observable o, Function fn, Object scope)",
      "type": "function",
      "desc": "resetConstraints must be called if you manually reposition a dd element."
     },
-    {
-     "name": "setDelta",
-     "sig": "(int iDeltaX, int iDeltaY)",
-     "type": "function",
-     "desc": "Sets the pointer offset.  You can call this directly to force the\noffset to be in a particular location (e.g., pass in 0,0 to set it\nto the center of the object)"
-    },
     {
      "name": "setDragElId",
      "sig": "( id)",
      "type": "function",
      "desc": "Allows you to specify that an element other than the linked element\nwill be moved with the cursor during a drag"
     },
-    {
-     "name": "setDragElPos",
-     "sig": "(int iPageX, int iPageY)",
-     "type": "function",
-     "desc": "Sets the drag element to the location of the mousedown or click event,\nmaintaining the cursor location relative to the location on the element\nthat was clicked.  Override this if you want to place the element in a\nlocation other than where the cursor is."
-    },
     {
      "name": "setHandleElId",
      "sig": "( id)",
     }
    ]
   },
-  "Roo.dd.DDProxy": {
+  "Roo.dd.DropZone": {
    "props": [
+    {
+     "name": "overClass",
+     "type": "String",
+     "desc": "The CSS class applied to the drop target element while the drag source is over it (defaults to \"\").",
+     "memberOf": "Roo.dd.DropTarget"
+    },
+    {
+     "name": "ddGroup",
+     "type": "String",
+     "desc": "The drag drop group to handle drop events for",
+     "memberOf": "Roo.dd.DropTarget"
+    },
+    {
+     "name": "dropAllowed",
+     "type": "String",
+     "desc": "The CSS class returned to the drag source when drop is allowed (defaults to \"x-dd-drop-ok\").",
+     "memberOf": "Roo.dd.DropTarget"
+    },
+    {
+     "name": "dropNotAllowed",
+     "type": "String",
+     "desc": "The CSS class returned to the drag source when drop is not allowed (defaults to \"x-dd-drop-nodrop\").",
+     "memberOf": "Roo.dd.DropTarget"
+    },
+    {
+     "name": "success",
+     "type": "boolean",
+     "desc": "set this after drop listener..",
+     "memberOf": "Roo.dd.DropTarget"
+    },
+    {
+     "name": "valid",
+     "type": "boolean|String",
+     "desc": "true/false or string (ok-add/ok-sub/ok/nodrop)\nif the drop point is valid for over/enter..",
+     "memberOf": "Roo.dd.DropTarget"
+    },
     {
      "name": "listeners",
      "type": "Object",
      "memberOf": "Roo.util.Observable"
     }
    ],
-   "events": [],
+   "events": [
+    {
+     "name": "drop",
+     "sig": "function (source, e, data)\n{\n\n}",
+     "type": "function",
+     "desc": "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the dragged item has\nbeen dropped on it.  This method has no default implementation and returns false, so you must provide an\nimplementation that does something to process the drop event and returns true so that the drag source's\nrepair action does not run.\n\nIMPORTANT : it should set this.success"
+    },
+    {
+     "name": "enter",
+     "sig": "function (source, e, data)\n{\n\n}",
+     "type": "function",
+     "desc": "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the source is now over the\ntarget.  This default implementation adds the CSS class specified by overClass (if any) to the drop element\nand returns the dropAllowed config value.  This method should be overridden if drop validation is required.\n\nIMPORTANT : it should set this.overClass and this.dropAllowed"
+    },
+    {
+     "name": "out",
+     "sig": "function (source, e, data)\n{\n\n}",
+     "type": "function",
+     "desc": "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the source has been dragged\nout of the target without dropping.  This default implementation simply removes the CSS class specified by\noverClass (if any) from the drop element."
+    },
+    {
+     "name": "over",
+     "sig": "function (source, e, data)\n{\n\n}",
+     "type": "function",
+     "desc": "The function a {@link Roo.dd.DragSource} calls continuously while it is being dragged over the target.\nThis method will be called on every mouse movement while the drag source is over the drop target.\nThis default implementation simply returns the dropAllowed config value.\n\nIMPORTANT : it should set this.dropAllowed"
+    }
+   ],
    "methods": [
     {
      "name": "addEvents",
      "type": "function",
      "desc": "Add this instance to a group of related drag/drop objects.  All\ninstances belong to at least one group, and can belong to as many\ngroups as needed."
     },
-    {
-     "name": "alignElWithMouse",
-     "sig": "(HTMLElement el, int iPageX, int iPageY)",
-     "type": "function",
-     "desc": "Sets the element to the location of the mousedown or click event,\nmaintaining the cursor location relative to the location on the element\nthat was clicked.  Override this if you want to place the element in a\nlocation other than where the cursor is."
-    },
     {
      "name": "applyConfig",
      "sig": "()",
      "type": "function",
      "desc": "Applies the configuration parameters that were passed into the constructor.\nThis is supposed to happen at each level through the inheritance chain.  So\na DDProxy implentation will execute apply config on DDProxy, DD, and\nDragDrop in order to get all of the parameters that are available in\neach object."
     },
-    {
-     "name": "autoOffset",
-     "sig": "(int iPageX, int iPageY)",
-     "type": "function",
-     "desc": "Sets the pointer offset to the distance between the linked element's top\nleft corner and the location the element was clicked"
-    },
-    {
-     "name": "cachePosition",
-     "sig": "( iPageX,  iPageY)",
-     "type": "function",
-     "desc": "Saves the most recent position so that we can reset the constraints and\ntick marks on-demand.  We need to know this so that we can calculate the\nnumber of pixels the element is offset from its original position."
-    },
     {
      "name": "capture",
      "sig": "(Observable o, Function fn, Object scope)",
      "type": "function",
      "desc": "Clears any tick interval defined for this instance"
     },
-    {
-     "name": "createFrame",
-     "sig": "()",
-     "type": "function",
-     "desc": "Creates the proxy element if it does not yet exist"
-    },
     {
      "name": "endDrag",
      "sig": "(Event e)",
      "type": "function",
      "desc": "Returns a reference to the linked element"
     },
+    {
+     "name": "getTargetFromEvent",
+     "sig": "(Event e)",
+     "type": "function",
+     "desc": "Returns a custom data object associated with the DOM node that is the target of the event.  By default\nthis looks up the event target in the {@link Roo.dd.Registry}, although you can override this method to\nprovide your own custom lookup."
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "type": "function",
      "desc": "Sets up the DragDrop object.  Must be called in the constructor of any\nRoo.dd.DragDrop subclass"
     },
-    {
-     "name": "initFrame",
-     "sig": "()",
-     "type": "function",
-     "desc": "Initialization for the drag frame element.  Must be called in the\nconstructor of all subclasses"
-    },
     {
      "name": "initTarget",
      "sig": "( id, String sGroup, object config)",
      "type": "function",
      "desc": "Lock this instance"
     },
+    {
+     "name": "notifyDrop",
+     "sig": "(Roo.dd.DragSource source, Event e, Object data)",
+     "type": "function",
+     "desc": "The function a {@link Roo.dd.DragSource} calls once to notify this drop zone that the dragged item has\nbeen dropped on it.  The drag zone will look up the target node based on the event passed in, and if there\nis a node registered for that event, it will delegate to {@link #onNodeDrop} for node-specific handling,\notherwise it will call {@link #onContainerDrop}."
+    },
+    {
+     "name": "notifyEnter",
+     "sig": "(Roo.dd.DragSource source, Event e, Object data)",
+     "type": "function",
+     "desc": "The function a {@link Roo.dd.DragSource} calls once to notify this drop zone that the source is now over\nthe zone.  The default implementation returns this.dropNotAllowed and expects that only registered drop\nnodes can process drag drop operations, so if you need the drop zone itself to be able to process drops\nyou should override this method and provide a custom implementation."
+    },
+    {
+     "name": "notifyOut",
+     "sig": "(Roo.dd.DragSource source, Event e, Object data)",
+     "type": "function",
+     "desc": "The function a {@link Roo.dd.DragSource} calls once to notify this drop zone that the source has been dragged\nout of the zone without dropping.  If the drag source is currently over a registered node, the notification\nwill be delegated to {@link #onNodeOut} for node-specific handling, otherwise it will be ignored."
+    },
+    {
+     "name": "notifyOver",
+     "sig": "(Roo.dd.DragSource source, Event e, Object data)",
+     "type": "function",
+     "desc": "The function a {@link Roo.dd.DragSource} calls continuously while it is being dragged over the drop zone.\nThis method will be called on every mouse movement while the drag source is over the drop zone.\nIt will call {@link #onNodeOver} while the drag source is over a registered node, and will also automatically\ndelegate to the appropriate node-specific methods as necessary when the drag source enters and exits\nregistered nodes ({@link #onNodeEnter}, {@link #onNodeOut}). If the drag source is not currently over a\nregistered node, it will call {@link #onContainerOver}."
+    },
     {
      "name": "on",
      "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
      "desc": "Override the onAvailable method to do what is needed after the initial\nposition was determined."
     },
+    {
+     "name": "onContainerDrop",
+     "sig": "(Roo.dd.DragSource source, Event e, Object data)",
+     "type": "function",
+     "desc": "Called internally when the DropZone determines that a {@link Roo.dd.DragSource} has been dropped on it,\nbut not on any of its registered drop nodes.  The default implementation returns false, so it should be\noverridden to provide the appropriate processing of the drop event if you need the drop zone itself to\nbe able to accept drops.  It should return true when valid so that the drag source's repair action does not run."
+    },
+    {
+     "name": "onContainerOver",
+     "sig": "(Roo.dd.DragSource source, Event e, Object data)",
+     "type": "function",
+     "desc": "Called internally while the DropZone determines that a {@link Roo.dd.DragSource} is being dragged over it,\nbut not over any of its registered drop nodes.  The default implementation returns this.dropNotAllowed, so\nit should be overridden to provide the proper feedback if necessary."
+    },
     {
      "name": "onDrag",
      "sig": "(Event e)",
      "type": "function",
      "desc": "Event handler that fires when a drag/drop obj gets a mouseup"
     },
+    {
+     "name": "onNodeDrop",
+     "sig": "(Object nodeData, Roo.dd.DragSource source, Event e, Object data)",
+     "type": "function",
+     "desc": "Called internally when the DropZone determines that a {@link Roo.dd.DragSource} has been dropped onto\nthe drop node.  The default implementation returns false, so it should be overridden to provide the\nappropriate processing of the drop event and return true so that the drag source's repair action does not run."
+    },
+    {
+     "name": "onNodeEnter",
+     "sig": "(Object nodeData, Roo.dd.DragSource source, Event e, Object data)",
+     "type": "function",
+     "desc": "Called internally when the DropZone determines that a {@link Roo.dd.DragSource} has entered a drop node\nthat it has registered.  This method has no default implementation and should be overridden to provide\nnode-specific processing if necessary."
+    },
+    {
+     "name": "onNodeOut",
+     "sig": "(Object nodeData, Roo.dd.DragSource source, Event e, Object data)",
+     "type": "function",
+     "desc": "Called internally when the DropZone determines that a {@link Roo.dd.DragSource} has been dragged out of\nthe drop node without dropping.  This method has no default implementation and should be overridden to provide\nnode-specific processing if necessary."
+    },
+    {
+     "name": "onNodeOver",
+     "sig": "(Object nodeData, Roo.dd.DragSource source, Event e, Object data)",
+     "type": "function",
+     "desc": "Called internally while the DropZone determines that a {@link Roo.dd.DragSource} is over a drop node\nthat it has registered.  The default implementation returns this.dropNotAllowed, so it should be\noverridden to provide the proper feedback."
+    },
     {
      "name": "padding",
      "sig": "()",
      "type": "function",
      "desc": "resetConstraints must be called if you manually reposition a dd element."
     },
-    {
-     "name": "setDelta",
-     "sig": "(int iDeltaX, int iDeltaY)",
-     "type": "function",
-     "desc": "Sets the pointer offset.  You can call this directly to force the\noffset to be in a particular location (e.g., pass in 0,0 to set it\nto the center of the object)"
-    },
     {
      "name": "setDragElId",
      "sig": "( id)",
      "type": "function",
      "desc": "Allows you to specify that an element other than the linked element\nwill be moved with the cursor during a drag"
     },
-    {
-     "name": "setDragElPos",
-     "sig": "(int iPageX, int iPageY)",
-     "type": "function",
-     "desc": "Sets the drag element to the location of the mousedown or click event,\nmaintaining the cursor location relative to the location on the element\nthat was clicked.  Override this if you want to place the element in a\nlocation other than where the cursor is."
-    },
     {
      "name": "setHandleElId",
      "sig": "( id)",
     }
    ]
   },
-  "Roo.dd.DDTarget": {
-   "props": [
-    {
-     "name": "listeners",
-     "type": "Object",
-     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-     "memberOf": "Roo.util.Observable"
-    }
-   ],
+  "Roo.dd.Registry": {
+   "props": [],
    "events": [],
    "methods": [
     {
-     "name": "addEvents",
-     "sig": "(Object object)",
-     "type": "function",
-     "desc": "Used to define events on this Observable"
-    },
-    {
-     "name": "addInvalidHandleClass",
-     "sig": "(string cssClass)",
-     "type": "function",
-     "desc": "Lets you specify a css class of elements that will not initiate a drag"
-    },
-    {
-     "name": "addInvalidHandleId",
-     "sig": "(string id)",
-     "type": "function",
-     "desc": "Lets you to specify an element id for a child of a drag handle\nthat should not initiate a drag"
-    },
-    {
-     "name": "addInvalidHandleType",
-     "sig": "(string tagName)",
-     "type": "function",
-     "desc": "Allows you to specify a tag name that should not start a drag operation\nwhen clicked.  This is designed to facilitate embedding links within a\ndrag handle that do something other than start the drag."
-    },
-    {
-     "name": "addListener",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
-     "type": "function",
-     "desc": "Appends an event handler to this component"
-    },
-    {
-     "name": "addToGroup",
-     "sig": "( sGroup)",
-     "type": "function",
-     "desc": "Add this instance to a group of related drag/drop objects.  All\ninstances belong to at least one group, and can belong to as many\ngroups as needed."
-    },
-    {
-     "name": "applyConfig",
-     "sig": "()",
-     "type": "function",
-     "desc": "Applies the configuration parameters that were passed into the constructor.\nThis is supposed to happen at each level through the inheritance chain.  So\na DDProxy implentation will execute apply config on DDProxy, DD, and\nDragDrop in order to get all of the parameters that are available in\neach object."
-    },
-    {
-     "name": "capture",
-     "sig": "(Observable o, Function fn, Object scope)",
+     "name": "getHandle",
+     "sig": "(String|HTMLElement id)",
      "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": "Returns the handle registered for a DOM Node by id"
     },
     {
-     "name": "clearConstraints",
-     "sig": "()",
+     "name": "getHandleFromEvent",
+     "sig": "(Event e)",
      "type": "function",
-     "desc": "Clears any constraints applied to this instance.  Also clears ticks\nsince they can't exist independent of a constraint at this time."
+     "desc": "Returns the handle that is registered for the DOM node that is the target of the event"
     },
     {
-     "name": "clearTicks",
-     "sig": "()",
+     "name": "getTarget",
+     "sig": "(String|HTMLElement id)",
      "type": "function",
-     "desc": "Clears any tick interval defined for this instance"
+     "desc": "Returns a custom data object that is registered for a DOM node by id"
     },
     {
-     "name": "endDrag",
+     "name": "getTargetFromEvent",
      "sig": "(Event e)",
      "type": "function",
-     "desc": "Fired when we are done dragging the object"
+     "desc": "Returns a custom data object that is registered for the DOM node that is the target of the event"
     },
     {
-     "name": "fireEvent",
-     "sig": "(String eventName, Object... args)",
+     "name": "register",
+     "sig": "(String|HTMLElement element, Object data)",
      "type": "function",
-     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+     "desc": "Register a drag drop element"
     },
     {
-     "name": "function toString() {\n    [native code]\n}",
-     "sig": "()",
+     "name": "unregister",
+     "sig": "(String|HTMLElement element)",
      "type": "function",
-     "desc": "toString method"
-    },
+     "desc": "Unregister a drag drop element"
+    }
+   ]
+  },
+  "Roo.dd.ScrollManager": {
+   "props": [],
+   "events": [],
+   "methods": [
     {
-     "name": "getDragEl",
+     "name": "refreshCache",
      "sig": "()",
      "type": "function",
-     "desc": "Returns a reference to the actual element to drag.  By default this is\nthe same as the html element, but it can be assigned to another\nelement. An example of this can be found in Roo.dd.DDProxy"
+     "desc": "Manually trigger a cache refresh."
     },
     {
-     "name": "getEl",
-     "sig": "()",
+     "name": "register",
+     "sig": "(String/HTMLElement/Element/Array el)",
      "type": "function",
-     "desc": "Returns a reference to the linked element"
+     "desc": "Registers new overflow element(s) to auto scroll"
     },
     {
-     "name": "hasListener",
-     "sig": "(String eventName)",
+     "name": "unregister",
+     "sig": "(String/HTMLElement/Element/Array el)",
      "type": "function",
-     "desc": "Checks to see if this object has any listeners for a specified event"
-    },
+     "desc": "Unregisters overflow element(s) so they are no longer scrolled"
+    }
+   ]
+  },
+  "Roo.dd.StatusProxy": {
+   "props": [
     {
-     "name": "init",
-     "sig": "( id, String sGroup, object config)",
-     "type": "function",
-     "desc": "Sets up the DragDrop object.  Must be called in the constructor of any\nRoo.dd.DragDrop subclass"
+     "name": "dropAllowed",
+     "type": "String",
+     "desc": "The CSS class to apply to the status element when drop is allowed (defaults to \"x-dd-drop-ok\").",
+     "memberOf": ""
     },
     {
-     "name": "initTarget",
-     "sig": "( id, String sGroup, object config)",
-     "type": "function",
-     "desc": "Initializes Targeting functionality only... the object does not\nget a mousedown handler."
-    },
+     "name": "dropNotAllowed",
+     "type": "String",
+     "desc": "The CSS class to apply to the status element when drop is not allowed (defaults to \"x-dd-drop-nodrop\").",
+     "memberOf": ""
+    }
+   ],
+   "events": [],
+   "methods": [
     {
-     "name": "isLocked",
+     "name": "getEl",
      "sig": "()",
      "type": "function",
-     "desc": "Returns true if this instance is locked, or the drag drop mgr is locked\n(meaning that all drag/drop is disabled on the page.)"
+     "desc": "Returns the underlying proxy {@link Roo.Layer}"
     },
     {
-     "name": "isTarget",
+     "name": "getGhost",
      "sig": "()",
      "type": "function",
-     "desc": "By default, all insances can be a drop target.  This can be disabled by\nsetting isTarget to false."
+     "desc": "Returns the ghost element"
     },
     {
-     "name": "isValidHandleChild",
-     "sig": "(HTMLElement node)",
+     "name": "hide",
+     "sig": "(Boolean clear)",
      "type": "function",
-     "desc": "Checks the tag exclusion list to see if this click should be ignored"
+     "desc": "Hides the proxy"
     },
     {
-     "name": "lock",
-     "sig": "()",
+     "name": "repair",
+     "sig": "(Array xy, Function callback, Object scope)",
      "type": "function",
-     "desc": "Lock this instance"
+     "desc": "Causes the proxy to return to its position of origin via an animation.  Should be called after an\ninvalid drop operation by the item being dragged."
     },
     {
-     "name": "on",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "name": "reset",
+     "sig": "(Boolean clearGhost)",
      "type": "function",
-     "desc": "Appends an event handler to this element (shorthand for addListener)"
+     "desc": "Resets the status indicator to the default dropNotAllowed value"
     },
     {
-     "name": "onAvailable",
-     "sig": "()",
+     "name": "setStatus",
+     "sig": "(String cssClass)",
      "type": "function",
-     "desc": "Override the onAvailable method to do what is needed after the initial\nposition was determined."
+     "desc": "Updates the proxy's visual element to indicate the status of whether or not drop is allowed\nover the current target element."
     },
     {
-     "name": "onDrag",
-     "sig": "(Event e)",
+     "name": "show",
+     "sig": "()",
      "type": "function",
-     "desc": "Abstract method called during the onMouseMove event while dragging an\nobject."
+     "desc": "Displays this proxy"
     },
     {
-     "name": "onDragDrop",
-     "sig": "(Event e, String|DragDrop[] id)",
+     "name": "stop",
+     "sig": "()",
      "type": "function",
-     "desc": "Abstract method called when this item is dropped on another DragDrop\nobj"
+     "desc": "Stops the repair animation if it's currently running"
     },
     {
-     "name": "onDragEnter",
-     "sig": "(Event e, String|DragDrop[] id)",
+     "name": "sync",
+     "sig": "()",
      "type": "function",
-     "desc": "Abstract method called when this element fist begins hovering over\nanother DragDrop obj"
+     "desc": "Force the Layer to sync its shadow and shim positions to the element"
     },
     {
-     "name": "onDragOut",
-     "sig": "(Event e, String|DragDrop[] id)",
+     "name": "update",
+     "sig": "(String html)",
      "type": "function",
-     "desc": "Abstract method called when we are no longer hovering over an element"
+     "desc": "Updates the contents of the ghost element"
+    }
+   ]
+  },
+  "Roo.doc": {
+   "props": [],
+   "events": [],
+   "methods": []
+  },
+  "Roo.doc.Book": {
+   "props": [
+    {
+     "name": "title",
+     "type": "String",
+     "desc": "Title of the book",
+     "memberOf": ""
     },
     {
-     "name": "onDragOver",
-     "sig": "(Event e, String|DragDrop[] id)",
-     "type": "function",
-     "desc": "Abstract method called when this element is hovering over another\nDragDrop obj"
+     "name": "abstract",
+     "type": "String",
+     "desc": "Abstract (or just add para's to the book, and it will get added to the abstract)",
+     "memberOf": ""
     },
     {
-     "name": "onInvalidDrop",
-     "sig": "(Event e)",
-     "type": "function",
-     "desc": "Abstract method called when this item is dropped on an area with no\ndrop target"
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "onMouseDown",
-     "sig": "(Event e)",
-     "type": "function",
-     "desc": "Event handler that fires when a drag/drop obj gets a mousedown"
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "onMouseUp",
-     "sig": "(Event e)",
-     "type": "function",
-     "desc": "Event handler that fires when a drag/drop obj gets a mouseup"
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "padding",
-     "sig": "()",
-     "type": "function",
-     "desc": "The padding configured for this drag and drop object for calculating\nthe drop zone intersection with this object."
+     "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": "removeFromGroup",
-     "sig": "(string sGroup)",
-     "type": "function",
-     "desc": "Remove's this instance from the supplied interaction group"
+     "name": "tooltip",
+     "type": "string",
+     "desc": "Text for the tooltip",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "removeInvalidHandleClass",
-     "sig": "(string cssClass)",
-     "type": "function",
-     "desc": "Unsets an invalid css class"
+     "name": "container_method",
+     "type": "string",
+     "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "removeInvalidHandleId",
-     "sig": "(string id)",
-     "type": "function",
-     "desc": "Unsets an invalid handle id"
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "removeInvalidHandleType",
-     "sig": "(string tagName)",
-     "type": "function",
-     "desc": "Unsets an excluded tag name set by addInvalidHandleType"
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "removeListener",
-     "sig": "(String eventName, Function handler, Object scope)",
-     "type": "function",
-     "desc": "Removes a listener"
+     "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": "resetConstraints",
-     "sig": "(boolean maintainOffset)",
-     "type": "function",
-     "desc": "resetConstraints must be called if you manually reposition a dd 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": "setDragElId",
-     "sig": "( id)",
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for 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": "Allows you to specify that an element other than the linked element\nwill be moved with the cursor during a drag"
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
     },
     {
-     "name": "setHandleElId",
-     "sig": "( id)",
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Allows you to specify a child of the linked element that should be\nused to initiate the drag operation.  An example of this would be if\nyou have a content div with text and links.  Clicking anywhere in the\ncontent area would normally start the drag operation.  Use this method\nto specify that an element inside of the content div is the element\nthat starts the drag operation."
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
     {
-     "name": "setInitPosition",
-     "sig": "(int diffX, int diffY)",
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Stores the initial placement of the linked element."
+     "desc": "Fires before the component is rendered. Return false to stop the render."
     },
     {
-     "name": "setOuterHandleElId",
-     "sig": "( id)",
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Allows you to set an element outside of the linked element as a drag\nhandle"
+     "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "setPadding",
-     "sig": "(int iTop, int iRight, int iBot, int iLeft)",
+     "name": "childrenrendered",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Configures the padding for the target zone in px.  Effectively expands\n(or reduces) the virtual object size for targeting calculations.\nSupports css-style shorthand; if only one parameter is passed, all sides\nwill have that padding, and if only two are passed, the top and bottom\nwill have the first param, the left and right the second."
+     "desc": "Fires when the children have been rendered.."
     },
     {
-     "name": "setXConstraint",
-     "sig": "(int iLeft, int iRight, int iTickSize)",
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "By default, the element can be dragged any place on the screen.  Use\nthis method to limit the horizontal travel of the element.  Pass in\n0,0 for the parameters if you want to lock the drag to the y axis."
+     "desc": "Fires after the component is destroyed."
     },
     {
-     "name": "setYConstraint",
-     "sig": "(int iUp, int iDown, int iTickSize)",
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "By default, the element can be dragged any place on the screen.  Set\nthis to limit the vertical travel of the element.  Pass in 0,0 for the\nparameters if you want to lock the drag to the x axis."
+     "desc": "Fires after the component is disabled."
     },
     {
-     "name": "startDrag",
-     "sig": "(int X, int Y)",
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Abstract method called after a drag/drop object is clicked\nand the drag or mousedown time thresholds have beeen met."
+     "desc": "Fires after the component is enabled."
     },
     {
-     "name": "un",
-     "sig": "(String eventName, Function handler, Object scope)",
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Removes a listener (shorthand for removeListener)"
+     "desc": "Fires after the component is hidden."
     },
     {
-     "name": "unlock",
-     "sig": "()",
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Unlock this instace"
+     "desc": "Fires after the component is rendered."
     },
     {
-     "name": "unreg",
-     "sig": "()",
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Remove all drag and drop hooks for this element"
-    }
-   ]
-  },
-  "Roo.dd.DragDrop": {
-   "props": [
-    {
-     "name": "listeners",
-     "type": "Object",
-     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-     "memberOf": "Roo.util.Observable"
+     "desc": "Fires after the component is shown."
     }
    ],
-   "events": [],
    "methods": [
     {
      "name": "addEvents",
      "type": "function",
      "desc": "Used to define events on this Observable"
     },
-    {
-     "name": "addInvalidHandleClass",
-     "sig": "(string cssClass)",
-     "type": "function",
-     "desc": "Lets you specify a css class of elements that will not initiate a drag"
-    },
-    {
-     "name": "addInvalidHandleId",
-     "sig": "(string id)",
-     "type": "function",
-     "desc": "Lets you to specify an element id for a child of a drag handle\nthat should not initiate a drag"
-    },
-    {
-     "name": "addInvalidHandleType",
-     "sig": "(string tagName)",
-     "type": "function",
-     "desc": "Allows you to specify a tag name that should not start a drag operation\nwhen clicked.  This is designed to facilitate embedding links within a\ndrag handle that do something other than start the drag."
-    },
     {
      "name": "addListener",
      "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
      "desc": "Appends an event handler to this component"
     },
-    {
-     "name": "addToGroup",
-     "sig": "( sGroup)",
-     "type": "function",
-     "desc": "Add this instance to a group of related drag/drop objects.  All\ninstances belong to at least one group, and can belong to as many\ngroups as needed."
-    },
-    {
-     "name": "applyConfig",
-     "sig": "()",
-     "type": "function",
-     "desc": "Applies the configuration parameters that were passed into the constructor.\nThis is supposed to happen at each level through the inheritance chain.  So\na DDProxy implentation will execute apply config on DDProxy, DD, and\nDragDrop in order to get all of the parameters that are available in\neach object."
-    },
     {
      "name": "capture",
      "sig": "(Observable o, Function fn, Object scope)",
      "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": "clearConstraints",
+     "name": "destroy",
      "sig": "()",
      "type": "function",
-     "desc": "Clears any constraints applied to this instance.  Also clears ticks\nsince they can't exist independent of a constraint at this time."
+     "desc": "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": "clearTicks",
+     "name": "disable",
      "sig": "()",
      "type": "function",
-     "desc": "Clears any tick interval defined for this instance"
+     "desc": "Disable this component."
     },
     {
-     "name": "endDrag",
-     "sig": "(Event e)",
+     "name": "enable",
+     "sig": "()",
      "type": "function",
-     "desc": "Fired when we are done dragging the object"
+     "desc": "Enable this component."
     },
     {
      "name": "fireEvent",
      "desc": "Fires the specified event with the passed parameters (minus the event name)."
     },
     {
-     "name": "function toString() {\n    [native code]\n}",
-     "sig": "()",
+     "name": "focus",
+     "sig": "(Boolean selectText)",
      "type": "function",
-     "desc": "toString method"
+     "desc": "Try to focus this component."
     },
     {
-     "name": "getDragEl",
+     "name": "getChildContainer",
      "sig": "()",
      "type": "function",
-     "desc": "Returns a reference to the actual element to drag.  By default this is\nthe same as the html element, but it can be assigned to another\nelement. An example of this can be found in Roo.dd.DDProxy"
+     "desc": "Fetch the element to add children to"
     },
     {
      "name": "getEl",
      "sig": "()",
      "type": "function",
-     "desc": "Returns a reference to the linked element"
-    },
-    {
-     "name": "hasListener",
-     "sig": "(String eventName)",
-     "type": "function",
-     "desc": "Checks to see if this object has any listeners for a specified event"
+     "desc": "Returns the underlying {@link Roo.Element}."
     },
     {
-     "name": "init",
-     "sig": "( id, String sGroup, object config)",
+     "name": "getId",
+     "sig": "()",
      "type": "function",
-     "desc": "Sets up the DragDrop object.  Must be called in the constructor of any\nRoo.dd.DragDrop subclass"
+     "desc": "Returns the id of this component."
     },
     {
-     "name": "initTarget",
-     "sig": "( id, String sGroup, object config)",
+     "name": "hasListener",
+     "sig": "(String eventName)",
      "type": "function",
-     "desc": "Initializes Targeting functionality only... the object does not\nget a mousedown handler."
+     "desc": "Checks to see if this object has any listeners for a specified event"
     },
     {
-     "name": "isLocked",
+     "name": "hide",
      "sig": "()",
      "type": "function",
-     "desc": "Returns true if this instance is locked, or the drag drop mgr is locked\n(meaning that all drag/drop is disabled on the page.)"
+     "desc": "Hide a component - adds 'hidden' class"
     },
     {
-     "name": "isTarget",
+     "name": "initEvents",
      "sig": "()",
      "type": "function",
-     "desc": "By default, all insances can be a drop target.  This can be disabled by\nsetting isTarget to false."
-    },
-    {
-     "name": "isValidHandleChild",
-     "sig": "(HTMLElement node)",
-     "type": "function",
-     "desc": "Checks the tag exclusion list to see if this click should be ignored"
+     "desc": "Initialize Events for the element"
     },
     {
-     "name": "lock",
+     "name": "isVisible",
      "sig": "()",
      "type": "function",
-     "desc": "Lock this instance"
+     "desc": "Returns true if this component is visible."
     },
     {
      "name": "on",
      "desc": "Appends an event handler to this element (shorthand for addListener)"
     },
     {
-     "name": "onAvailable",
+     "name": "purgeListeners",
      "sig": "()",
      "type": "function",
-     "desc": "Override the onAvailable method to do what is needed after the initial\nposition was determined."
+     "desc": "Removes all listeners for this object"
     },
     {
-     "name": "onDrag",
-     "sig": "(Event e)",
+     "name": "releaseCapture",
+     "sig": "(Observable o)",
      "type": "function",
-     "desc": "Abstract method called during the onMouseMove event while dragging an\nobject."
+     "desc": "Removes <b>all</b> added captures from the Observable."
     },
     {
-     "name": "onDragDrop",
-     "sig": "(Event e, String|DragDrop[] id)",
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
-     "desc": "Abstract method called when this item is dropped on another DragDrop\nobj"
+     "desc": "Removes a listener"
     },
     {
-     "name": "onDragEnter",
-     "sig": "(Event e, String|DragDrop[] id)",
+     "name": "render",
+     "sig": "(String/HTMLElement/Element container)",
      "type": "function",
-     "desc": "Abstract method called when this element fist begins hovering over\nanother DragDrop obj"
+     "desc": "If this is a lazy rendering component, render it to its container element."
     },
     {
-     "name": "onDragOut",
-     "sig": "(Event e, String|DragDrop[] id)",
+     "name": "setDisabled",
+     "sig": "(Boolean disabled)",
      "type": "function",
-     "desc": "Abstract method called when we are no longer hovering over an element"
+     "desc": "Convenience function for setting disabled/enabled by boolean."
     },
     {
-     "name": "onDragOver",
-     "sig": "(Event e, String|DragDrop[] id)",
+     "name": "setVisible",
+     "sig": "(Boolean visible)",
      "type": "function",
-     "desc": "Abstract method called when this element is hovering over another\nDragDrop obj"
+     "desc": "Convenience function to hide or show this component by boolean."
     },
     {
-     "name": "onInvalidDrop",
-     "sig": "(Event e)",
+     "name": "show",
+     "sig": "()",
      "type": "function",
-     "desc": "Abstract method called when this item is dropped on an area with no\ndrop target"
+     "desc": "Show a component - removes 'hidden' class"
     },
     {
-     "name": "onMouseDown",
-     "sig": "(Event e)",
+     "name": "tooltipEl",
+     "sig": "()",
      "type": "function",
-     "desc": "Event handler that fires when a drag/drop obj gets a mousedown"
+     "desc": "Fetch the element to display the tooltip on."
     },
     {
-     "name": "onMouseUp",
-     "sig": "(Event e)",
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
-     "desc": "Event handler that fires when a drag/drop obj gets a mouseup"
+     "desc": "Removes a listener (shorthand for removeListener)"
+    }
+   ]
+  },
+  "Roo.doc.Entry": {
+   "props": [
+    {
+     "name": "name",
+     "type": "",
+     "desc": "{String} name of method",
+     "memberOf": ""
     },
     {
-     "name": "padding",
-     "sig": "()",
-     "type": "function",
-     "desc": "The padding configured for this drag and drop object for calculating\nthe drop zone intersection with this object."
+     "name": "purpose",
+     "type": "",
+     "desc": "{String} short description of method.",
+     "memberOf": ""
     },
     {
-     "name": "purgeListeners",
-     "sig": "()",
-     "type": "function",
-     "desc": "Removes all listeners for this object"
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "releaseCapture",
-     "sig": "(Observable o)",
-     "type": "function",
-     "desc": "Removes <b>all</b> added captures from the Observable."
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "removeFromGroup",
-     "sig": "(string sGroup)",
-     "type": "function",
-     "desc": "Remove's this instance from the supplied interaction group"
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "removeInvalidHandleClass",
-     "sig": "(string cssClass)",
-     "type": "function",
-     "desc": "Unsets an invalid css class"
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "removeInvalidHandleId",
-     "sig": "(string id)",
-     "type": "function",
-     "desc": "Unsets an invalid handle id"
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "removeInvalidHandleType",
-     "sig": "(string tagName)",
-     "type": "function",
-     "desc": "Unsets an excluded tag name set by addInvalidHandleType"
+     "name": "tooltip",
+     "type": "string",
+     "desc": "Text for the tooltip",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "removeListener",
-     "sig": "(String eventName, Function handler, Object scope)",
-     "type": "function",
-     "desc": "Removes a listener"
+     "name": "container_method",
+     "type": "string",
+     "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "resetConstraints",
-     "sig": "(boolean maintainOffset)",
-     "type": "function",
-     "desc": "resetConstraints must be called if you manually reposition a dd element."
+     "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": "setDragElId",
-     "sig": "( id)",
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for 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": "Allows you to specify that an element other than the linked element\nwill be moved with the cursor during a drag"
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
     },
     {
-     "name": "setHandleElId",
-     "sig": "( id)",
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Allows you to specify a child of the linked element that should be\nused to initiate the drag operation.  An example of this would be if\nyou have a content div with text and links.  Clicking anywhere in the\ncontent area would normally start the drag operation.  Use this method\nto specify that an element inside of the content div is the element\nthat starts the drag operation."
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
     {
-     "name": "setInitPosition",
-     "sig": "(int diffX, int diffY)",
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Stores the initial placement of the linked element."
+     "desc": "Fires before the component is rendered. Return false to stop the render."
     },
     {
-     "name": "setOuterHandleElId",
-     "sig": "( id)",
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Allows you to set an element outside of the linked element as a drag\nhandle"
+     "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "setPadding",
-     "sig": "(int iTop, int iRight, int iBot, int iLeft)",
+     "name": "childrenrendered",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Configures the padding for the target zone in px.  Effectively expands\n(or reduces) the virtual object size for targeting calculations.\nSupports css-style shorthand; if only one parameter is passed, all sides\nwill have that padding, and if only two are passed, the top and bottom\nwill have the first param, the left and right the second."
+     "desc": "Fires when the children have been rendered.."
     },
     {
-     "name": "setXConstraint",
-     "sig": "(int iLeft, int iRight, int iTickSize)",
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "By default, the element can be dragged any place on the screen.  Use\nthis method to limit the horizontal travel of the element.  Pass in\n0,0 for the parameters if you want to lock the drag to the y axis."
+     "desc": "Fires after the component is destroyed."
     },
     {
-     "name": "setYConstraint",
-     "sig": "(int iUp, int iDown, int iTickSize)",
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "By default, the element can be dragged any place on the screen.  Set\nthis to limit the vertical travel of the element.  Pass in 0,0 for the\nparameters if you want to lock the drag to the x axis."
+     "desc": "Fires after the component is disabled."
     },
     {
-     "name": "startDrag",
-     "sig": "(int X, int Y)",
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Abstract method called after a drag/drop object is clicked\nand the drag or mousedown time thresholds have beeen met."
+     "desc": "Fires after the component is enabled."
     },
     {
-     "name": "un",
-     "sig": "(String eventName, Function handler, Object scope)",
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Removes a listener (shorthand for removeListener)"
+     "desc": "Fires after the component is hidden."
     },
     {
-     "name": "unlock",
-     "sig": "()",
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Unlock this instace"
+     "desc": "Fires after the component is rendered."
     },
     {
-     "name": "unreg",
-     "sig": "()",
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Remove all drag and drop hooks for this element"
+     "desc": "Fires after the component is shown."
     }
-   ]
-  },
-  "Roo.dd.DragDropMgr": {
-   "props": [],
-   "events": [],
+   ],
    "methods": [
     {
-     "name": "getBestMatch",
-     "sig": "(DragDrop[] dds)",
+     "name": "addEvents",
+     "sig": "(Object object)",
      "type": "function",
-     "desc": "Helper function for getting the best match from the list of drag\nand drop objects returned by the drag and drop events when we are\nin INTERSECT mode.  It returns either the first object that the\ncursor is over, or the object that has the greatest overlap with\nthe dragged element."
+     "desc": "Used to define events on this Observable"
     },
     {
-     "name": "getCss",
-     "sig": "(String id)",
+     "name": "addListener",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
-     "desc": "Returns the style property for the DOM element (i.e.,\ndocument.getElById(id).style)"
+     "desc": "Appends an event handler to this component"
     },
     {
-     "name": "getDDById",
-     "sig": "(String id)",
+     "name": "capture",
+     "sig": "(Observable o, Function fn, Object scope)",
      "type": "function",
-     "desc": "Returns the DragDrop instance for a given id"
+     "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": "getElement",
-     "sig": "(String id)",
+     "name": "destroy",
+     "sig": "()",
      "type": "function",
-     "desc": "Returns the actual DOM element"
+     "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": "getLocation",
-     "sig": "(DragDrop oDD)",
+     "name": "disable",
+     "sig": "()",
      "type": "function",
-     "desc": "Returns a Region object containing the drag and drop element's position\nand size, including the padding configured for it"
+     "desc": "Disable this component."
     },
     {
-     "name": "getPosX",
-     "sig": "( el)",
+     "name": "enable",
+     "sig": "()",
      "type": "function",
-     "desc": "Returns the X position of an html element"
+     "desc": "Enable this component."
     },
     {
-     "name": "getPosY",
-     "sig": "( el)",
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
      "type": "function",
-     "desc": "Returns the Y position of an html element"
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
     },
     {
-     "name": "getRelated",
-     "sig": "(DragDrop p_oDD, boolean bTargetsOnly)",
+     "name": "focus",
+     "sig": "(Boolean selectText)",
      "type": "function",
-     "desc": "Returns the drag and drop instances that are in all groups the\npassed in instance belongs to."
+     "desc": "Try to focus this component."
     },
     {
-     "name": "getScrollLeft",
+     "name": "getChildContainer",
      "sig": "()",
      "type": "function",
-     "desc": "Gets the scrollLeft"
+     "desc": "Fetch the element to add children to"
     },
     {
-     "name": "getScrollTop",
+     "name": "getEl",
      "sig": "()",
      "type": "function",
-     "desc": "Gets the scrollTop"
-    },
-    {
-     "name": "getStyle",
-     "sig": "(HTMLElement el, string styleProp)",
-     "type": "function",
-     "desc": "Returns the specified element style property"
-    },
-    {
-     "name": "handleWasClicked",
-     "sig": "( node)",
-     "type": "function",
-     "desc": "Recursively searches the immediate parent and all child nodes for\nthe handle element in order to determine wheter or not it was\nclicked."
-    },
-    {
-     "name": "isDragDrop",
-     "sig": "(String id)",
-     "type": "function",
-     "desc": "Utility function to determine if a given element has been\nregistered as a drag drop item."
+     "desc": "Returns the underlying {@link Roo.Element}."
     },
     {
-     "name": "isHandle",
-     "sig": "(String id)",
+     "name": "getId",
+     "sig": "()",
      "type": "function",
-     "desc": "Utility function to determine if a given element has been\nregistered as a drag drop handle for the given Drag Drop object."
+     "desc": "Returns the id of this component."
     },
     {
-     "name": "isLegalTarget",
-     "sig": "(DragDrop the, DragDrop the)",
+     "name": "hasListener",
+     "sig": "(String eventName)",
      "type": "function",
-     "desc": "Returns true if the specified dd target is a legal target for\nthe specifice drag obj"
+     "desc": "Checks to see if this object has any listeners for a specified event"
     },
     {
-     "name": "isLocked",
+     "name": "hide",
      "sig": "()",
      "type": "function",
-     "desc": "Is drag and drop locked?"
+     "desc": "Hide a component - adds 'hidden' class"
     },
     {
-     "name": "isTypeOfDD",
-     "sig": "(Object the)",
+     "name": "initEvents",
+     "sig": "()",
      "type": "function",
-     "desc": "My goal is to be able to transparently determine if an object is\ntypeof DragDrop, and the exact subclass of DragDrop.  typeof\nreturns \"object\", oDD.constructor.toString() always returns\n\"DragDrop\" and not the name of the subclass.  So for now it just\nevaluates a well-known variable in DragDrop."
+     "desc": "Initialize Events for the element"
     },
     {
-     "name": "lock",
+     "name": "isVisible",
      "sig": "()",
      "type": "function",
-     "desc": "Lock all drag and drop functionality"
+     "desc": "Returns true if this component is visible."
     },
     {
-     "name": "moveToEl",
-     "sig": "(HTMLElement moveEl, HTMLElement targetEl)",
+     "name": "on",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
-     "desc": "Sets the x/y position of an element to the location of the\ntarget element."
+     "desc": "Appends an event handler to this element (shorthand for addListener)"
     },
     {
-     "name": "numericSort",
+     "name": "purgeListeners",
      "sig": "()",
      "type": "function",
-     "desc": "Numeric array sort function"
+     "desc": "Removes all listeners for this object"
     },
     {
-     "name": "refreshCache",
-     "sig": "(Object groups)",
+     "name": "releaseCapture",
+     "sig": "(Observable o)",
      "type": "function",
-     "desc": "Refreshes the cache of the top-left and bottom-right points of the\ndrag and drop objects in the specified group(s).  This is in the\nformat that is stored in the drag and drop instance, so typical\nusage is:\n<code>\nRoo.dd.DragDropMgr.refreshCache(ddinstance.groups);\n</code>\nAlternatively:\n<code>\nRoo.dd.DragDropMgr.refreshCache({group1:true, group2:true});\n</code>"
+     "desc": "Removes <b>all</b> added captures from the Observable."
     },
     {
-     "name": "regDragDrop",
-     "sig": "(DragDrop oDD, String sGroup)",
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
-     "desc": "Each DragDrop instance must be registered with the DragDropMgr.\nThis is executed in DragDrop.init()"
+     "desc": "Removes a listener"
     },
     {
-     "name": "regHandle",
-     "sig": "(String sDDId, String sHandleId)",
+     "name": "render",
+     "sig": "(String/HTMLElement/Element container)",
      "type": "function",
-     "desc": "Each DragDrop handle element must be registered.  This is done\nautomatically when executing DragDrop.setHandleElId()"
+     "desc": "If this is a lazy rendering component, render it to its container element."
     },
     {
-     "name": "startDrag",
-     "sig": "( x,  y)",
+     "name": "setDisabled",
+     "sig": "(Boolean disabled)",
      "type": "function",
-     "desc": "Fired when either the drag pixel threshol or the mousedown hold\ntime threshold has been met."
+     "desc": "Convenience function for setting disabled/enabled by boolean."
     },
     {
-     "name": "stopEvent",
-     "sig": "(Event e)",
+     "name": "setVisible",
+     "sig": "(Boolean visible)",
      "type": "function",
-     "desc": "Utility to stop event propagation and event default, if these\nfeatures are turned on."
+     "desc": "Convenience function to hide or show this component by boolean."
     },
     {
-     "name": "swapNode",
-     "sig": "( n1,  n2)",
+     "name": "show",
+     "sig": "()",
      "type": "function",
-     "desc": "Swap two nodes.  In IE, we use the native method, for others we\nemulate the IE behavior"
+     "desc": "Show a component - removes 'hidden' class"
     },
     {
-     "name": "unlock",
+     "name": "tooltipEl",
      "sig": "()",
      "type": "function",
-     "desc": "Unlock all drag and drop functionality"
+     "desc": "Fetch the element to display the tooltip on."
     },
     {
-     "name": "verifyEl",
-     "sig": "(HTMLElement el)",
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
-     "desc": "This checks to make sure an element exists and is in the DOM.  The\nmain purpose is to handle cases where innerHTML is used to remove\ndrag and drop objects from the DOM.  IE provides an 'unspecified\nerror' when trying to access the offsetParent of such an element"
+     "desc": "Removes a listener (shorthand for removeListener)"
     }
    ]
   },
-  "Roo.dd.DragSource": {
+  "Roo.doc.Example": {
    "props": [
     {
-     "name": "dropAllowed",
+     "name": "title",
      "type": "String",
-     "desc": "The CSS class returned to the drag source when drop is allowed (defaults to \"x-dd-drop-ok\").",
+     "desc": "short title describing example",
      "memberOf": ""
     },
     {
-     "name": "dropNotAllowed",
+     "name": "lang",
      "type": "String",
-     "desc": "The CSS class returned to the drag source when drop is not allowed (defaults to \"x-dd-drop-nodrop\").",
-     "memberOf": ""
-    },
-    {
-     "name": "listeners",
-     "type": "Object",
-     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-     "memberOf": "Roo.util.Observable"
-    }
-   ],
-   "events": [],
-   "methods": [
-    {
-     "name": "addEvents",
-     "sig": "(Object object)",
-     "type": "function",
-     "desc": "Used to define events on this Observable"
-    },
-    {
-     "name": "addInvalidHandleClass",
-     "sig": "(string cssClass)",
-     "type": "function",
-     "desc": "Lets you specify a css class of elements that will not initiate a drag"
-    },
-    {
-     "name": "addInvalidHandleId",
-     "sig": "(string id)",
-     "type": "function",
-     "desc": "Lets you to specify an element id for a child of a drag handle\nthat should not initiate a drag"
-    },
-    {
-     "name": "addInvalidHandleType",
-     "sig": "(string tagName)",
-     "type": "function",
-     "desc": "Allows you to specify a tag name that should not start a drag operation\nwhen clicked.  This is designed to facilitate embedding links within a\ndrag handle that do something other than start the drag."
-    },
-    {
-     "name": "addListener",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
-     "type": "function",
-     "desc": "Appends an event handler to this component"
-    },
-    {
-     "name": "addToGroup",
-     "sig": "( sGroup)",
-     "type": "function",
-     "desc": "Add this instance to a group of related drag/drop objects.  All\ninstances belong to at least one group, and can belong to as many\ngroups as needed."
-    },
-    {
-     "name": "alignElWithMouse",
-     "sig": "(HTMLElement el, int iPageX, int iPageY)",
-     "type": "function",
-     "desc": "Sets the element to the location of the mousedown or click event,\nmaintaining the cursor location relative to the location on the element\nthat was clicked.  Override this if you want to place the element in a\nlocation other than where the cursor is."
+     "desc": "code language.",
+     "memberOf": "",
+     "optvals": [
+      "php",
+      "txt",
+      "sql"
+     ]
     },
     {
-     "name": "applyConfig",
-     "sig": "()",
-     "type": "function",
-     "desc": "Applies the configuration parameters that were passed into the constructor.\nThis is supposed to happen at each level through the inheritance chain.  So\na DDProxy implentation will execute apply config on DDProxy, DD, and\nDragDrop in order to get all of the parameters that are available in\neach object."
+     "name": "code",
+     "type": "String",
+     "desc": "example code",
+     "memberOf": ""
     },
     {
-     "name": "autoOffset",
-     "sig": "(int iPageX, int iPageY)",
-     "type": "function",
-     "desc": "Sets the pointer offset to the distance between the linked element's top\nleft corner and the location the element was clicked"
+     "name": "output",
+     "type": "String",
+     "desc": "The expected output from the code",
+     "memberOf": ""
     },
     {
-     "name": "beforeDragDrop",
-     "sig": "(Roo.dd.DragDrop target, Event e, String id)",
-     "type": "function",
-     "desc": "An empty function by default, but provided so that you can perform a custom action before the dragged\nitem is dropped onto the target and optionally cancel the onDragDrop."
+     "name": "outputlang",
+     "type": "String",
+     "desc": "php|txt|sql) output language",
+     "memberOf": ""
     },
     {
-     "name": "beforeDragEnter",
-     "sig": "(Roo.dd.DragDrop target, Event e, String id)",
-     "type": "function",
-     "desc": "An empty function by default, but provided so that you can perform a custom action\nbefore the dragged item enters the drop target and optionally cancel the onDragEnter."
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "beforeDragOut",
-     "sig": "(Roo.dd.DragDrop target, Event e, String id)",
-     "type": "function",
-     "desc": "An empty function by default, but provided so that you can perform a custom action before the dragged\nitem is dragged out of the target without dropping, and optionally cancel the onDragOut."
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "beforeDragOver",
-     "sig": "(Roo.dd.DragDrop target, Event e, String id)",
-     "type": "function",
-     "desc": "An empty function by default, but provided so that you can perform a custom action\nwhile the dragged item is over the drop target and optionally cancel the onDragOver."
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "beforeInvalidDrop",
-     "sig": "(Roo.dd.DragDrop target, Event e, String id)",
-     "type": "function",
-     "desc": "An empty function by default, but provided so that you can perform a custom action after an invalid\ndrop has occurred."
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "cachePosition",
-     "sig": "( iPageX,  iPageY)",
-     "type": "function",
-     "desc": "Saves the most recent position so that we can reset the constraints and\ntick marks on-demand.  We need to know this so that we can calculate the\nnumber of pixels the element is offset from its original position."
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "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": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "clearConstraints",
-     "sig": "()",
-     "type": "function",
-     "desc": "Clears any constraints applied to this instance.  Also clears ticks\nsince they can't exist independent of a constraint at this time."
+     "name": "tooltip",
+     "type": "string",
+     "desc": "Text for the tooltip",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "clearTicks",
-     "sig": "()",
-     "type": "function",
-     "desc": "Clears any tick interval defined for this instance"
+     "name": "container_method",
+     "type": "string",
+     "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "createFrame",
-     "sig": "()",
-     "type": "function",
-     "desc": "Creates the proxy element if it does not yet exist"
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "endDrag",
-     "sig": "(Event e)",
-     "type": "function",
-     "desc": "Fired when we are done dragging the object"
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "fireEvent",
-     "sig": "(String eventName, Object... args)",
-     "type": "function",
-     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+     "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": "function toString() {\n    [native code]\n}",
-     "sig": "()",
-     "type": "function",
-     "desc": "toString method"
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "getDragData",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns the data object associated with this drag source"
-    },
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for 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": "getDragEl",
-     "sig": "()",
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Returns a reference to the actual element to drag.  By default this is\nthe same as the html element, but it can be assigned to another\nelement. An example of this can be found in Roo.dd.DDProxy"
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
     },
     {
-     "name": "getEl",
-     "sig": "()",
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Returns a reference to the linked element"
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
     {
-     "name": "getProxy",
-     "sig": "()",
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Returns the drag source's underlying {@link Roo.dd.StatusProxy}"
+     "desc": "Fires before the component is rendered. Return false to stop the render."
     },
     {
-     "name": "hasListener",
-     "sig": "(String eventName)",
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Checks to see if this object has any listeners for a specified event"
+     "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "hideProxy",
-     "sig": "()",
+     "name": "childrenrendered",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Hides the drag source's {@link Roo.dd.StatusProxy}"
+     "desc": "Fires when the children have been rendered.."
     },
     {
-     "name": "init",
-     "sig": "( id, String sGroup, object config)",
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Sets up the DragDrop object.  Must be called in the constructor of any\nRoo.dd.DragDrop subclass"
+     "desc": "Fires after the component is destroyed."
     },
     {
-     "name": "initFrame",
-     "sig": "()",
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Initialization for the drag frame element.  Must be called in the\nconstructor of all subclasses"
+     "desc": "Fires after the component is disabled."
     },
     {
-     "name": "initTarget",
-     "sig": "( id, String sGroup, object config)",
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Initializes Targeting functionality only... the object does not\nget a mousedown handler."
+     "desc": "Fires after the component is enabled."
     },
     {
-     "name": "isLocked",
-     "sig": "()",
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Returns true if this instance is locked, or the drag drop mgr is locked\n(meaning that all drag/drop is disabled on the page.)"
+     "desc": "Fires after the component is hidden."
     },
     {
-     "name": "isTarget",
-     "sig": "()",
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "By default, all insances can be a drop target.  This can be disabled by\nsetting isTarget to false."
+     "desc": "Fires after the component is rendered."
     },
     {
-     "name": "isValidHandleChild",
-     "sig": "(HTMLElement node)",
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Checks the tag exclusion list to see if this click should be ignored"
-    },
+     "desc": "Fires after the component is shown."
+    }
+   ],
+   "methods": [
     {
-     "name": "lock",
-     "sig": "()",
+     "name": "addEvents",
+     "sig": "(Object object)",
      "type": "function",
-     "desc": "Lock this instance"
+     "desc": "Used to define events on this Observable"
     },
     {
-     "name": "on",
+     "name": "addListener",
      "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
-     "desc": "Appends an event handler to this element (shorthand for addListener)"
-    },
-    {
-     "name": "onAvailable",
-     "sig": "()",
-     "type": "function",
-     "desc": "Override the onAvailable method to do what is needed after the initial\nposition was determined."
-    },
-    {
-     "name": "onBeforeDrag",
-     "sig": "(Object data, Event e)",
-     "type": "function",
-     "desc": "An empty function by default, but provided so that you can perform a custom action before the initial\ndrag event begins and optionally cancel it."
+     "desc": "Appends an event handler to this component"
     },
     {
-     "name": "onDrag",
-     "sig": "(Event e)",
+     "name": "capture",
+     "sig": "(Observable o, Function fn, Object scope)",
      "type": "function",
-     "desc": "Abstract method called during the onMouseMove event while dragging an\nobject."
+     "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": "onDragDrop",
-     "sig": "(Event e, String|DragDrop[] id)",
+     "name": "destroy",
+     "sig": "()",
      "type": "function",
-     "desc": "Abstract method called when this item is dropped on another DragDrop\nobj"
+     "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": "onDragEnter",
-     "sig": "(Event e, String|DragDrop[] id)",
+     "name": "disable",
+     "sig": "()",
      "type": "function",
-     "desc": "Abstract method called when this element fist begins hovering over\nanother DragDrop obj"
+     "desc": "Disable this component."
     },
     {
-     "name": "onDragOut",
-     "sig": "(Event e, String|DragDrop[] id)",
+     "name": "enable",
+     "sig": "()",
      "type": "function",
-     "desc": "Abstract method called when we are no longer hovering over an element"
+     "desc": "Enable this component."
     },
     {
-     "name": "onDragOver",
-     "sig": "(Event e, String|DragDrop[] id)",
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
      "type": "function",
-     "desc": "Abstract method called when this element is hovering over another\nDragDrop obj"
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
     },
     {
-     "name": "onInvalidDrop",
-     "sig": "(Event e)",
+     "name": "focus",
+     "sig": "(Boolean selectText)",
      "type": "function",
-     "desc": "Abstract method called when this item is dropped on an area with no\ndrop target"
+     "desc": "Try to focus this component."
     },
     {
-     "name": "onMouseDown",
-     "sig": "(Event e)",
+     "name": "getChildContainer",
+     "sig": "()",
      "type": "function",
-     "desc": "Event handler that fires when a drag/drop obj gets a mousedown"
+     "desc": "Fetch the element to add children to"
     },
     {
-     "name": "onMouseUp",
-     "sig": "(Event e)",
+     "name": "getEl",
+     "sig": "()",
      "type": "function",
-     "desc": "Event handler that fires when a drag/drop obj gets a mouseup"
+     "desc": "Returns the underlying {@link Roo.Element}."
     },
     {
-     "name": "onStartDrag",
-     "sig": "(Number x, Number y)",
+     "name": "getId",
+     "sig": "()",
      "type": "function",
-     "desc": "An empty function by default, but provided so that you can perform a custom action once the initial\ndrag event has begun.  The drag cannot be canceled from this function."
+     "desc": "Returns the id of this component."
     },
     {
-     "name": "padding",
-     "sig": "()",
+     "name": "hasListener",
+     "sig": "(String eventName)",
      "type": "function",
-     "desc": "The padding configured for this drag and drop object for calculating\nthe drop zone intersection with this object."
+     "desc": "Checks to see if this object has any listeners for a specified event"
     },
     {
-     "name": "purgeListeners",
+     "name": "hide",
      "sig": "()",
      "type": "function",
-     "desc": "Removes all listeners for this object"
+     "desc": "Hide a component - adds 'hidden' class"
     },
     {
-     "name": "releaseCapture",
-     "sig": "(Observable o)",
+     "name": "initEvents",
+     "sig": "()",
      "type": "function",
-     "desc": "Removes <b>all</b> added captures from the Observable."
+     "desc": "Initialize Events for the element"
     },
     {
-     "name": "removeFromGroup",
-     "sig": "(string sGroup)",
+     "name": "isVisible",
+     "sig": "()",
      "type": "function",
-     "desc": "Remove's this instance from the supplied interaction group"
+     "desc": "Returns true if this component is visible."
     },
     {
-     "name": "removeInvalidHandleClass",
-     "sig": "(string cssClass)",
+     "name": "on",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
-     "desc": "Unsets an invalid css class"
+     "desc": "Appends an event handler to this element (shorthand for addListener)"
     },
     {
-     "name": "removeInvalidHandleId",
-     "sig": "(string id)",
+     "name": "purgeListeners",
+     "sig": "()",
      "type": "function",
-     "desc": "Unsets an invalid handle id"
+     "desc": "Removes all listeners for this object"
     },
     {
-     "name": "removeInvalidHandleType",
-     "sig": "(string tagName)",
+     "name": "releaseCapture",
+     "sig": "(Observable o)",
      "type": "function",
-     "desc": "Unsets an excluded tag name set by addInvalidHandleType"
+     "desc": "Removes <b>all</b> added captures from the Observable."
     },
     {
      "name": "removeListener",
      "desc": "Removes a listener"
     },
     {
-     "name": "resetConstraints",
-     "sig": "(boolean maintainOffset)",
+     "name": "render",
+     "sig": "(String/HTMLElement/Element container)",
      "type": "function",
-     "desc": "resetConstraints must be called if you manually reposition a dd element."
+     "desc": "If this is a lazy rendering component, render it to its container element."
     },
     {
-     "name": "setDelta",
-     "sig": "(int iDeltaX, int iDeltaY)",
+     "name": "setDisabled",
+     "sig": "(Boolean disabled)",
      "type": "function",
-     "desc": "Sets the pointer offset.  You can call this directly to force the\noffset to be in a particular location (e.g., pass in 0,0 to set it\nto the center of the object)"
+     "desc": "Convenience function for setting disabled/enabled by boolean."
     },
     {
-     "name": "setDragElId",
-     "sig": "( id)",
+     "name": "setVisible",
+     "sig": "(Boolean visible)",
      "type": "function",
-     "desc": "Allows you to specify that an element other than the linked element\nwill be moved with the cursor during a drag"
+     "desc": "Convenience function to hide or show this component by boolean."
     },
     {
-     "name": "setDragElPos",
-     "sig": "(int iPageX, int iPageY)",
+     "name": "show",
+     "sig": "()",
      "type": "function",
-     "desc": "Sets the drag element to the location of the mousedown or click event,\nmaintaining the cursor location relative to the location on the element\nthat was clicked.  Override this if you want to place the element in a\nlocation other than where the cursor is."
+     "desc": "Show a component - removes 'hidden' class"
     },
     {
-     "name": "setHandleElId",
-     "sig": "( id)",
+     "name": "tooltipEl",
+     "sig": "()",
      "type": "function",
-     "desc": "Allows you to specify a child of the linked element that should be\nused to initiate the drag operation.  An example of this would be if\nyou have a content div with text and links.  Clicking anywhere in the\ncontent area would normally start the drag operation.  Use this method\nto specify that an element inside of the content div is the element\nthat starts the drag operation."
+     "desc": "Fetch the element to display the tooltip on."
     },
     {
-     "name": "setInitPosition",
-     "sig": "(int diffX, int diffY)",
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
-     "desc": "Stores the initial placement of the linked element."
-    },
+     "desc": "Removes a listener (shorthand for removeListener)"
+    }
+   ]
+  },
+  "Roo.doc.NavCategory": {
+   "props": [
     {
-     "name": "setOuterHandleElId",
-     "sig": "( id)",
-     "type": "function",
-     "desc": "Allows you to set an element outside of the linked element as a drag\nhandle"
+     "name": "title",
+     "type": "string",
+     "desc": "",
+     "memberOf": ""
     },
     {
-     "name": "setPadding",
-     "sig": "(int iTop, int iRight, int iBot, int iLeft)",
-     "type": "function",
-     "desc": "Configures the padding for the target zone in px.  Effectively expands\n(or reduces) the virtual object size for targeting calculations.\nSupports css-style shorthand; if only one parameter is passed, all sides\nwill have that padding, and if only two are passed, the top and bottom\nwill have the first param, the left and right the second."
+     "name": "name",
+     "type": "string",
+     "desc": "Represent's an category on the left menu.\n- phpdoc @category elements map the pages to the categories\n  this should be on the left side of the menu, when the\n  contents are loaded, then it can expand this out, and add links\n  for each of the methods.",
+     "memberOf": ""
     },
     {
-     "name": "setXConstraint",
-     "sig": "(int iLeft, int iRight, int iTickSize)",
-     "type": "function",
-     "desc": "By default, the element can be dragged any place on the screen.  Use\nthis method to limit the horizontal travel of the element.  Pass in\n0,0 for the parameters if you want to lock the drag to the y axis."
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "setYConstraint",
-     "sig": "(int iUp, int iDown, int iTickSize)",
-     "type": "function",
-     "desc": "By default, the element can be dragged any place on the screen.  Set\nthis to limit the vertical travel of the element.  Pass in 0,0 for the\nparameters if you want to lock the drag to the x axis."
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "startDrag",
-     "sig": "(int X, int Y)",
-     "type": "function",
-     "desc": "Abstract method called after a drag/drop object is clicked\nand the drag or mousedown time thresholds have beeen met."
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "un",
-     "sig": "(String eventName, Function handler, Object scope)",
-     "type": "function",
-     "desc": "Removes a listener (shorthand for removeListener)"
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "unlock",
-     "sig": "()",
-     "type": "function",
-     "desc": "Unlock this instace"
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "unreg",
-     "sig": "()",
-     "type": "function",
-     "desc": "Remove all drag and drop hooks for this element"
-    }
-   ]
-  },
-  "Roo.dd.DragZone": {
-   "props": [
+     "name": "tooltip",
+     "type": "string",
+     "desc": "Text for the tooltip",
+     "memberOf": "Roo.bootstrap.Component"
+    },
     {
-     "name": "containerScroll",
-     "type": "Boolean",
-     "desc": "True to register this container with the Scrollmanager\nfor auto scrolling during drag operations.",
-     "memberOf": ""
+     "name": "container_method",
+     "type": "string",
+     "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "hlColor",
+     "name": "disableClass",
      "type": "String",
-     "desc": "The color to use when visually highlighting the drag source in the afterRepair\nmethod after a failed drop (defaults to \"c3daf9\" - light blue)",
-     "memberOf": ""
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "dropAllowed",
+     "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": "The CSS class returned to the drag source when drop is allowed (defaults to \"x-dd-drop-ok\").",
-     "memberOf": "Roo.dd.DragSource"
+     "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": "dropNotAllowed",
+     "name": "actionMode",
      "type": "String",
-     "desc": "The CSS class returned to the drag source when drop is not allowed (defaults to \"x-dd-drop-nodrop\").",
-     "memberOf": "Roo.dd.DragSource"
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
     },
     {
      "name": "listeners",
      "memberOf": "Roo.util.Observable"
     }
    ],
-   "events": [],
-   "methods": [
+   "events": [
     {
-     "name": "addEvents",
-     "sig": "(Object object)",
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Used to define events on this Observable"
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
     },
     {
-     "name": "addInvalidHandleClass",
-     "sig": "(string cssClass)",
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Lets you specify a css class of elements that will not initiate a drag"
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
     {
-     "name": "addInvalidHandleId",
-     "sig": "(string id)",
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Lets you to specify an element id for a child of a drag handle\nthat should not initiate a drag"
+     "desc": "Fires before the component is rendered. Return false to stop the render."
     },
     {
-     "name": "addInvalidHandleType",
-     "sig": "(string tagName)",
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Allows you to specify a tag name that should not start a drag operation\nwhen clicked.  This is designed to facilitate embedding links within a\ndrag handle that do something other than start the drag."
+     "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "addListener",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "name": "childrenrendered",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Appends an event handler to this component"
+     "desc": "Fires when the children have been rendered.."
     },
     {
-     "name": "addToGroup",
-     "sig": "( sGroup)",
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Add this instance to a group of related drag/drop objects.  All\ninstances belong to at least one group, and can belong to as many\ngroups as needed."
+     "desc": "Fires after the component is destroyed."
     },
     {
-     "name": "afterRepair",
-     "sig": "()",
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Called after a repair of an invalid drop. By default, highlights this.dragData.ddel"
+     "desc": "Fires after the component is disabled."
     },
     {
-     "name": "alignElWithMouse",
-     "sig": "(HTMLElement el, int iPageX, int iPageY)",
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Sets the element to the location of the mousedown or click event,\nmaintaining the cursor location relative to the location on the element\nthat was clicked.  Override this if you want to place the element in a\nlocation other than where the cursor is."
+     "desc": "Fires after the component is enabled."
     },
     {
-     "name": "applyConfig",
-     "sig": "()",
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Applies the configuration parameters that were passed into the constructor.\nThis is supposed to happen at each level through the inheritance chain.  So\na DDProxy implentation will execute apply config on DDProxy, DD, and\nDragDrop in order to get all of the parameters that are available in\neach object."
+     "desc": "Fires after the component is hidden."
     },
     {
-     "name": "autoOffset",
-     "sig": "(int iPageX, int iPageY)",
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Sets the pointer offset to the distance between the linked element's top\nleft corner and the location the element was clicked"
+     "desc": "Fires after the component is rendered."
     },
     {
-     "name": "beforeDragDrop",
-     "sig": "(Roo.dd.DragDrop target, Event e, String id)",
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "An empty function by default, but provided so that you can perform a custom action before the dragged\nitem is dropped onto the target and optionally cancel the onDragDrop."
+     "desc": "Fires after the component is shown."
+    }
+   ],
+   "methods": [
+    {
+     "name": "addEvents",
+     "sig": "(Object object)",
+     "type": "function",
+     "desc": "Used to define events on this Observable"
     },
     {
-     "name": "beforeDragEnter",
-     "sig": "(Roo.dd.DragDrop target, Event e, String id)",
+     "name": "addListener",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
-     "desc": "An empty function by default, but provided so that you can perform a custom action\nbefore the dragged item enters the drop target and optionally cancel the onDragEnter."
+     "desc": "Appends an event handler to this component"
     },
     {
-     "name": "beforeDragOut",
-     "sig": "(Roo.dd.DragDrop target, Event e, String id)",
+     "name": "capture",
+     "sig": "(Observable o, Function fn, Object scope)",
      "type": "function",
-     "desc": "An empty function by default, but provided so that you can perform a custom action before the dragged\nitem is dragged out of the target without dropping, and optionally cancel the onDragOut."
+     "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": "beforeDragOver",
-     "sig": "(Roo.dd.DragDrop target, Event e, String id)",
+     "name": "destroy",
+     "sig": "()",
      "type": "function",
-     "desc": "An empty function by default, but provided so that you can perform a custom action\nwhile the dragged item is over the drop target and optionally cancel the onDragOver."
+     "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": "beforeInvalidDrop",
-     "sig": "(Roo.dd.DragDrop target, Event e, String id)",
+     "name": "disable",
+     "sig": "()",
      "type": "function",
-     "desc": "An empty function by default, but provided so that you can perform a custom action after an invalid\ndrop has occurred."
+     "desc": "Disable this component."
     },
     {
-     "name": "cachePosition",
-     "sig": "( iPageX,  iPageY)",
+     "name": "enable",
+     "sig": "()",
      "type": "function",
-     "desc": "Saves the most recent position so that we can reset the constraints and\ntick marks on-demand.  We need to know this so that we can calculate the\nnumber of pixels the element is offset from its original position."
+     "desc": "Enable this component."
     },
     {
-     "name": "capture",
-     "sig": "(Observable o, Function fn, Object scope)",
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
      "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": "Fires the specified event with the passed parameters (minus the event name)."
     },
     {
-     "name": "clearConstraints",
-     "sig": "()",
+     "name": "focus",
+     "sig": "(Boolean selectText)",
      "type": "function",
-     "desc": "Clears any constraints applied to this instance.  Also clears ticks\nsince they can't exist independent of a constraint at this time."
+     "desc": "Try to focus this component."
     },
     {
-     "name": "clearTicks",
+     "name": "getChildContainer",
      "sig": "()",
      "type": "function",
-     "desc": "Clears any tick interval defined for this instance"
+     "desc": "Fetch the element to add children to"
     },
     {
-     "name": "createFrame",
+     "name": "getEl",
      "sig": "()",
      "type": "function",
-     "desc": "Creates the proxy element if it does not yet exist"
+     "desc": "Returns the underlying {@link Roo.Element}."
     },
     {
-     "name": "endDrag",
-     "sig": "(Event e)",
+     "name": "getId",
+     "sig": "()",
      "type": "function",
-     "desc": "Fired when we are done dragging the object"
+     "desc": "Returns the id of this component."
     },
     {
-     "name": "fireEvent",
-     "sig": "(String eventName, Object... args)",
+     "name": "hasListener",
+     "sig": "(String eventName)",
      "type": "function",
-     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+     "desc": "Checks to see if this object has any listeners for a specified event"
     },
     {
-     "name": "function toString() {\n    [native code]\n}",
+     "name": "hide",
      "sig": "()",
      "type": "function",
-     "desc": "toString method"
+     "desc": "Hide a component - adds 'hidden' class"
     },
     {
-     "name": "getDragData",
-     "sig": "(EventObject e)",
+     "name": "initEvents",
+     "sig": "()",
      "type": "function",
-     "desc": "Called when a mousedown occurs in this container. Looks in {@link Roo.dd.Registry}\nfor a valid target to drag based on the mouse down. Override this method\nto provide your own lookup logic (e.g. finding a child by class name). Make sure your returned\nobject has a \"ddel\" attribute (with an HTML Element) for other functions to work."
+     "desc": "Initialize Events for the element"
     },
     {
-     "name": "getDragEl",
+     "name": "isVisible",
      "sig": "()",
      "type": "function",
-     "desc": "Returns a reference to the actual element to drag.  By default this is\nthe same as the html element, but it can be assigned to another\nelement. An example of this can be found in Roo.dd.DDProxy"
+     "desc": "Returns true if this component is visible."
     },
     {
-     "name": "getEl",
-     "sig": "()",
+     "name": "on",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
-     "desc": "Returns a reference to the linked element"
+     "desc": "Appends an event handler to this element (shorthand for addListener)"
     },
     {
-     "name": "getProxy",
+     "name": "purgeListeners",
      "sig": "()",
      "type": "function",
-     "desc": "Returns the drag source's underlying {@link Roo.dd.StatusProxy}"
+     "desc": "Removes all listeners for this object"
     },
     {
-     "name": "getRepairXY",
-     "sig": "(EventObject e)",
+     "name": "releaseCapture",
+     "sig": "(Observable o)",
      "type": "function",
-     "desc": "Called before a repair of an invalid drop to get the XY to animate to. By default returns\nthe XY of this.dragData.ddel"
+     "desc": "Removes <b>all</b> added captures from the Observable."
     },
     {
-     "name": "hasListener",
-     "sig": "(String eventName)",
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
-     "desc": "Checks to see if this object has any listeners for a specified event"
+     "desc": "Removes a listener"
     },
     {
-     "name": "hideProxy",
-     "sig": "()",
+     "name": "render",
+     "sig": "(String/HTMLElement/Element container)",
      "type": "function",
-     "desc": "Hides the drag source's {@link Roo.dd.StatusProxy}"
+     "desc": "If this is a lazy rendering component, render it to its container element."
     },
     {
-     "name": "init",
-     "sig": "( id, String sGroup, object config)",
+     "name": "setDisabled",
+     "sig": "(Boolean disabled)",
      "type": "function",
-     "desc": "Sets up the DragDrop object.  Must be called in the constructor of any\nRoo.dd.DragDrop subclass"
+     "desc": "Convenience function for setting disabled/enabled by boolean."
     },
     {
-     "name": "initFrame",
+     "name": "setVisible",
+     "sig": "(Boolean visible)",
+     "type": "function",
+     "desc": "Convenience function to hide or show this component by boolean."
+    },
+    {
+     "name": "show",
      "sig": "()",
      "type": "function",
-     "desc": "Initialization for the drag frame element.  Must be called in the\nconstructor of all subclasses"
+     "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.doc.Para": {
+   "props": [
+    {
+     "name": "html",
+     "type": "String",
+     "desc": "",
+     "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"
     },
     {
-     "name": "initTarget",
-     "sig": "( id, String sGroup, object config)",
-     "type": "function",
-     "desc": "Initializes Targeting functionality only... the object does not\nget a mousedown handler."
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "isLocked",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns true if this instance is locked, or the drag drop mgr is locked\n(meaning that all drag/drop is disabled on the page.)"
+     "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": "isTarget",
-     "sig": "()",
-     "type": "function",
-     "desc": "By default, all insances can be a drop target.  This can be disabled by\nsetting isTarget to false."
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "isValidHandleChild",
-     "sig": "(HTMLElement node)",
-     "type": "function",
-     "desc": "Checks the tag exclusion list to see if this click should be ignored"
-    },
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for 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": "lock",
-     "sig": "()",
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Lock this instance"
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
     },
     {
-     "name": "on",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "name": "beforehide",
+     "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 hidden. Return false to stop the hide."
     },
     {
-     "name": "onAvailable",
-     "sig": "()",
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Override the onAvailable method to do what is needed after the initial\nposition was determined."
+     "desc": "Fires before the component is rendered. Return false to stop the render."
     },
     {
-     "name": "onBeforeDrag",
-     "sig": "(Object data, Event e)",
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "An empty function by default, but provided so that you can perform a custom action before the initial\ndrag event begins and optionally cancel it."
+     "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "onDrag",
-     "sig": "(Event e)",
+     "name": "childrenrendered",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Abstract method called during the onMouseMove event while dragging an\nobject."
+     "desc": "Fires when the children have been rendered.."
     },
     {
-     "name": "onDragDrop",
-     "sig": "(Event e, String|DragDrop[] id)",
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Abstract method called when this item is dropped on another DragDrop\nobj"
+     "desc": "Fires after the component is destroyed."
     },
     {
-     "name": "onDragEnter",
-     "sig": "(Event e, String|DragDrop[] id)",
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Abstract method called when this element fist begins hovering over\nanother DragDrop obj"
+     "desc": "Fires after the component is disabled."
     },
     {
-     "name": "onDragOut",
-     "sig": "(Event e, String|DragDrop[] id)",
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Abstract method called when we are no longer hovering over an element"
+     "desc": "Fires after the component is enabled."
     },
     {
-     "name": "onDragOver",
-     "sig": "(Event e, String|DragDrop[] id)",
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Abstract method called when this element is hovering over another\nDragDrop obj"
+     "desc": "Fires after the component is hidden."
     },
     {
-     "name": "onInitDrag",
-     "sig": "(Number x, Number y)",
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Called once drag threshold has been reached to initialize the proxy element. By default, it clones the\nthis.dragData.ddel"
+     "desc": "Fires after the component is rendered."
     },
     {
-     "name": "onInvalidDrop",
-     "sig": "(Event e)",
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Abstract method called when this item is dropped on an area with no\ndrop target"
-    },
+     "desc": "Fires after the component is shown."
+    }
+   ],
+   "methods": [
     {
-     "name": "onMouseDown",
-     "sig": "(Event e)",
+     "name": "addEvents",
+     "sig": "(Object object)",
      "type": "function",
-     "desc": "Event handler that fires when a drag/drop obj gets a mousedown"
+     "desc": "Used to define events on this Observable"
     },
     {
-     "name": "onMouseUp",
-     "sig": "(Event e)",
+     "name": "addListener",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
-     "desc": "Event handler that fires when a drag/drop obj gets a mouseup"
+     "desc": "Appends an event handler to this component"
     },
     {
-     "name": "onStartDrag",
-     "sig": "(Number x, Number y)",
+     "name": "capture",
+     "sig": "(Observable o, Function fn, Object scope)",
      "type": "function",
-     "desc": "An empty function by default, but provided so that you can perform a custom action once the initial\ndrag event has begun.  The drag cannot be canceled from this function."
+     "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": "padding",
+     "name": "destroy",
      "sig": "()",
      "type": "function",
-     "desc": "The padding configured for this drag and drop object for calculating\nthe drop zone intersection with this object."
+     "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": "purgeListeners",
+     "name": "disable",
      "sig": "()",
      "type": "function",
-     "desc": "Removes all listeners for this object"
+     "desc": "Disable this component."
     },
     {
-     "name": "releaseCapture",
-     "sig": "(Observable o)",
+     "name": "enable",
+     "sig": "()",
      "type": "function",
-     "desc": "Removes <b>all</b> added captures from the Observable."
+     "desc": "Enable this component."
     },
     {
-     "name": "removeFromGroup",
-     "sig": "(string sGroup)",
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
      "type": "function",
-     "desc": "Remove's this instance from the supplied interaction group"
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
     },
     {
-     "name": "removeInvalidHandleClass",
-     "sig": "(string cssClass)",
+     "name": "focus",
+     "sig": "(Boolean selectText)",
      "type": "function",
-     "desc": "Unsets an invalid css class"
+     "desc": "Try to focus this component."
     },
     {
-     "name": "removeInvalidHandleId",
-     "sig": "(string id)",
+     "name": "getChildContainer",
+     "sig": "()",
      "type": "function",
-     "desc": "Unsets an invalid handle id"
+     "desc": "Fetch the element to add children to"
     },
     {
-     "name": "removeInvalidHandleType",
-     "sig": "(string tagName)",
+     "name": "getEl",
+     "sig": "()",
      "type": "function",
-     "desc": "Unsets an excluded tag name set by addInvalidHandleType"
+     "desc": "Returns the underlying {@link Roo.Element}."
     },
     {
-     "name": "removeListener",
-     "sig": "(String eventName, Function handler, Object scope)",
+     "name": "getId",
+     "sig": "()",
      "type": "function",
-     "desc": "Removes a listener"
+     "desc": "Returns the id of this component."
     },
     {
-     "name": "resetConstraints",
-     "sig": "(boolean maintainOffset)",
+     "name": "hasListener",
+     "sig": "(String eventName)",
      "type": "function",
-     "desc": "resetConstraints must be called if you manually reposition a dd element."
+     "desc": "Checks to see if this object has any listeners for a specified event"
     },
     {
-     "name": "setDelta",
-     "sig": "(int iDeltaX, int iDeltaY)",
+     "name": "hide",
+     "sig": "()",
      "type": "function",
-     "desc": "Sets the pointer offset.  You can call this directly to force the\noffset to be in a particular location (e.g., pass in 0,0 to set it\nto the center of the object)"
+     "desc": "Hide a component - adds 'hidden' class"
     },
     {
-     "name": "setDragElId",
-     "sig": "( id)",
+     "name": "initEvents",
+     "sig": "()",
      "type": "function",
-     "desc": "Allows you to specify that an element other than the linked element\nwill be moved with the cursor during a drag"
+     "desc": "Initialize Events for the element"
     },
     {
-     "name": "setDragElPos",
-     "sig": "(int iPageX, int iPageY)",
+     "name": "isVisible",
+     "sig": "()",
      "type": "function",
-     "desc": "Sets the drag element to the location of the mousedown or click event,\nmaintaining the cursor location relative to the location on the element\nthat was clicked.  Override this if you want to place the element in a\nlocation other than where the cursor is."
+     "desc": "Returns true if this component is visible."
     },
     {
-     "name": "setHandleElId",
-     "sig": "( id)",
+     "name": "on",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
-     "desc": "Allows you to specify a child of the linked element that should be\nused to initiate the drag operation.  An example of this would be if\nyou have a content div with text and links.  Clicking anywhere in the\ncontent area would normally start the drag operation.  Use this method\nto specify that an element inside of the content div is the element\nthat starts the drag operation."
+     "desc": "Appends an event handler to this element (shorthand for addListener)"
     },
     {
-     "name": "setInitPosition",
-     "sig": "(int diffX, int diffY)",
+     "name": "purgeListeners",
+     "sig": "()",
      "type": "function",
-     "desc": "Stores the initial placement of the linked element."
+     "desc": "Removes all listeners for this object"
     },
     {
-     "name": "setOuterHandleElId",
-     "sig": "( id)",
+     "name": "releaseCapture",
+     "sig": "(Observable o)",
      "type": "function",
-     "desc": "Allows you to set an element outside of the linked element as a drag\nhandle"
+     "desc": "Removes <b>all</b> added captures from the Observable."
     },
     {
-     "name": "setPadding",
-     "sig": "(int iTop, int iRight, int iBot, int iLeft)",
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
-     "desc": "Configures the padding for the target zone in px.  Effectively expands\n(or reduces) the virtual object size for targeting calculations.\nSupports css-style shorthand; if only one parameter is passed, all sides\nwill have that padding, and if only two are passed, the top and bottom\nwill have the first param, the left and right the second."
+     "desc": "Removes a listener"
     },
     {
-     "name": "setXConstraint",
-     "sig": "(int iLeft, int iRight, int iTickSize)",
+     "name": "render",
+     "sig": "(String/HTMLElement/Element container)",
      "type": "function",
-     "desc": "By default, the element can be dragged any place on the screen.  Use\nthis method to limit the horizontal travel of the element.  Pass in\n0,0 for the parameters if you want to lock the drag to the y axis."
+     "desc": "If this is a lazy rendering component, render it to its container element."
     },
     {
-     "name": "setYConstraint",
-     "sig": "(int iUp, int iDown, int iTickSize)",
+     "name": "setDisabled",
+     "sig": "(Boolean disabled)",
      "type": "function",
-     "desc": "By default, the element can be dragged any place on the screen.  Set\nthis to limit the vertical travel of the element.  Pass in 0,0 for the\nparameters if you want to lock the drag to the x axis."
+     "desc": "Convenience function for setting disabled/enabled by boolean."
     },
     {
-     "name": "startDrag",
-     "sig": "(int X, int Y)",
+     "name": "setVisible",
+     "sig": "(Boolean visible)",
      "type": "function",
-     "desc": "Abstract method called after a drag/drop object is clicked\nand the drag or mousedown time thresholds have beeen met."
+     "desc": "Convenience function to hide or show this component by boolean."
     },
     {
-     "name": "un",
-     "sig": "(String eventName, Function handler, Object scope)",
+     "name": "show",
+     "sig": "()",
      "type": "function",
-     "desc": "Removes a listener (shorthand for removeListener)"
+     "desc": "Show a component - removes 'hidden' class"
     },
     {
-     "name": "unlock",
+     "name": "tooltipEl",
      "sig": "()",
      "type": "function",
-     "desc": "Unlock this instace"
+     "desc": "Fetch the element to display the tooltip on."
     },
     {
-     "name": "unreg",
-     "sig": "()",
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
-     "desc": "Remove all drag and drop hooks for this element"
+     "desc": "Removes a listener (shorthand for removeListener)"
     }
    ]
   },
-  "Roo.dd.DropTarget": {
+  "Roo.doc.Param": {
    "props": [
     {
-     "name": "overClass",
-     "type": "String",
-     "desc": "The CSS class applied to the drop target element while the drag source is over it (defaults to \"\").",
+     "name": "is_optional",
+     "type": "bool",
+     "desc": "is the argument optional",
      "memberOf": ""
     },
     {
-     "name": "ddGroup",
+     "name": "type",
      "type": "String",
-     "desc": "The drag drop group to handle drop events for",
+     "desc": "argument type",
      "memberOf": ""
     },
     {
-     "name": "dropAllowed",
+     "name": "name",
      "type": "String",
-     "desc": "The CSS class returned to the drag source when drop is allowed (defaults to \"x-dd-drop-ok\").",
+     "desc": "name of the parameter",
      "memberOf": ""
     },
     {
-     "name": "dropNotAllowed",
+     "name": "desc",
      "type": "String",
-     "desc": "The CSS class returned to the drag source when drop is not allowed (defaults to \"x-dd-drop-nodrop\").",
-     "memberOf": ""
-    },
-    {
-     "name": "success",
-     "type": "boolean",
-     "desc": "set this after drop listener..",
+     "desc": "short description",
      "memberOf": ""
     },
     {
-     "name": "valid",
-     "type": "boolean|String",
-     "desc": "true/false or string (ok-add/ok-sub/ok/nodrop)\nif the drop point is valid for over/enter..",
+     "name": "defaultvalue",
+     "type": "String",
+     "desc": "default value",
      "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": "drop",
-     "sig": "function (source, e, data)\n{\n\n}",
-     "type": "function",
-     "desc": "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the dragged item has\nbeen dropped on it.  This method has no default implementation and returns false, so you must provide an\nimplementation that does something to process the drop event and returns true so that the drag source's\nrepair action does not run.\n\nIMPORTANT : it should set this.success"
-    },
-    {
-     "name": "enter",
-     "sig": "function (source, e, data)\n{\n\n}",
-     "type": "function",
-     "desc": "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the source is now over the\ntarget.  This default implementation adds the CSS class specified by overClass (if any) to the drop element\nand returns the dropAllowed config value.  This method should be overridden if drop validation is required.\n\nIMPORTANT : it should set this.overClass and this.dropAllowed"
-    },
-    {
-     "name": "out",
-     "sig": "function (source, e, data)\n{\n\n}",
-     "type": "function",
-     "desc": "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the source has been dragged\nout of the target without dropping.  This default implementation simply removes the CSS class specified by\noverClass (if any) from the drop element."
-    },
-    {
-     "name": "over",
-     "sig": "function (source, e, data)\n{\n\n}",
-     "type": "function",
-     "desc": "The function a {@link Roo.dd.DragSource} calls continuously while it is being dragged over the target.\nThis method will be called on every mouse movement while the drag source is over the drop target.\nThis default implementation simply returns the dropAllowed config value.\n\nIMPORTANT : it should set this.dropAllowed"
-    }
-   ],
-   "methods": [
-    {
-     "name": "addEvents",
-     "sig": "(Object object)",
-     "type": "function",
-     "desc": "Used to define events on this Observable"
-    },
-    {
-     "name": "addInvalidHandleClass",
-     "sig": "(string cssClass)",
-     "type": "function",
-     "desc": "Lets you specify a css class of elements that will not initiate a drag"
-    },
-    {
-     "name": "addInvalidHandleId",
-     "sig": "(string id)",
-     "type": "function",
-     "desc": "Lets you to specify an element id for a child of a drag handle\nthat should not initiate a drag"
-    },
-    {
-     "name": "addInvalidHandleType",
-     "sig": "(string tagName)",
-     "type": "function",
-     "desc": "Allows you to specify a tag name that should not start a drag operation\nwhen clicked.  This is designed to facilitate embedding links within a\ndrag handle that do something other than start the drag."
-    },
-    {
-     "name": "addListener",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
-     "type": "function",
-     "desc": "Appends an event handler to this component"
-    },
-    {
-     "name": "addToGroup",
-     "sig": "( sGroup)",
-     "type": "function",
-     "desc": "Add this instance to a group of related drag/drop objects.  All\ninstances belong to at least one group, and can belong to as many\ngroups as needed."
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "applyConfig",
-     "sig": "()",
-     "type": "function",
-     "desc": "Applies the configuration parameters that were passed into the constructor.\nThis is supposed to happen at each level through the inheritance chain.  So\na DDProxy implentation will execute apply config on DDProxy, DD, and\nDragDrop in order to get all of the parameters that are available in\neach object."
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
+     "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": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "clearConstraints",
-     "sig": "()",
-     "type": "function",
-     "desc": "Clears any constraints applied to this instance.  Also clears ticks\nsince they can't exist independent of a constraint at this time."
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "clearTicks",
-     "sig": "()",
-     "type": "function",
-     "desc": "Clears any tick interval defined for this instance"
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "endDrag",
-     "sig": "(Event e)",
-     "type": "function",
-     "desc": "Fired when we are done dragging the object"
+     "name": "tooltip",
+     "type": "string",
+     "desc": "Text for the tooltip",
+     "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": "container_method",
+     "type": "string",
+     "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "function toString() {\n    [native code]\n}",
-     "sig": "()",
-     "type": "function",
-     "desc": "toString method"
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "getDragEl",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns a reference to the actual element to drag.  By default this is\nthe same as the html element, but it can be assigned to another\nelement. An example of this can be found in Roo.dd.DDProxy"
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "getEl",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns a reference to the linked 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": "hasListener",
-     "sig": "(String eventName)",
-     "type": "function",
-     "desc": "Checks to see if this object has any listeners for a specified event"
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "init",
-     "sig": "( id, String sGroup, object config)",
-     "type": "function",
-     "desc": "Sets up the DragDrop object.  Must be called in the constructor of any\nRoo.dd.DragDrop subclass"
-    },
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for 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": "initTarget",
-     "sig": "( id, String sGroup, object config)",
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Initializes Targeting functionality only... the object does not\nget a mousedown handler."
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
     },
     {
-     "name": "isLocked",
-     "sig": "()",
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Returns true if this instance is locked, or the drag drop mgr is locked\n(meaning that all drag/drop is disabled on the page.)"
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
     {
-     "name": "isTarget",
-     "sig": "()",
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "By default, all insances can be a drop target.  This can be disabled by\nsetting isTarget to false."
+     "desc": "Fires before the component is rendered. Return false to stop the render."
     },
     {
-     "name": "isValidHandleChild",
-     "sig": "(HTMLElement node)",
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Checks the tag exclusion list to see if this click should be ignored"
+     "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "lock",
-     "sig": "()",
+     "name": "childrenrendered",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Lock this instance"
+     "desc": "Fires when the children have been rendered.."
     },
     {
-     "name": "on",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Appends an event handler to this element (shorthand for addListener)"
+     "desc": "Fires after the component is destroyed."
     },
     {
-     "name": "onAvailable",
-     "sig": "()",
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Override the onAvailable method to do what is needed after the initial\nposition was determined."
+     "desc": "Fires after the component is disabled."
     },
     {
-     "name": "onDrag",
-     "sig": "(Event e)",
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Abstract method called during the onMouseMove event while dragging an\nobject."
+     "desc": "Fires after the component is enabled."
     },
     {
-     "name": "onDragDrop",
-     "sig": "(Event e, String|DragDrop[] id)",
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Abstract method called when this item is dropped on another DragDrop\nobj"
+     "desc": "Fires after the component is hidden."
     },
     {
-     "name": "onDragEnter",
-     "sig": "(Event e, String|DragDrop[] id)",
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Abstract method called when this element fist begins hovering over\nanother DragDrop obj"
+     "desc": "Fires after the component is rendered."
     },
     {
-     "name": "onDragOut",
-     "sig": "(Event e, String|DragDrop[] id)",
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Abstract method called when we are no longer hovering over an element"
-    },
+     "desc": "Fires after the component is shown."
+    }
+   ],
+   "methods": [
     {
-     "name": "onDragOver",
-     "sig": "(Event e, String|DragDrop[] id)",
+     "name": "addEvents",
+     "sig": "(Object object)",
      "type": "function",
-     "desc": "Abstract method called when this element is hovering over another\nDragDrop obj"
+     "desc": "Used to define events on this Observable"
     },
     {
-     "name": "onInvalidDrop",
-     "sig": "(Event e)",
+     "name": "addListener",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
-     "desc": "Abstract method called when this item is dropped on an area with no\ndrop target"
+     "desc": "Appends an event handler to this component"
     },
     {
-     "name": "onMouseDown",
-     "sig": "(Event e)",
+     "name": "capture",
+     "sig": "(Observable o, Function fn, Object scope)",
      "type": "function",
-     "desc": "Event handler that fires when a drag/drop obj gets a mousedown"
+     "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": "onMouseUp",
-     "sig": "(Event e)",
+     "name": "destroy",
+     "sig": "()",
      "type": "function",
-     "desc": "Event handler that fires when a drag/drop obj gets a mouseup"
+     "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": "padding",
+     "name": "disable",
      "sig": "()",
      "type": "function",
-     "desc": "The padding configured for this drag and drop object for calculating\nthe drop zone intersection with this object."
+     "desc": "Disable this component."
     },
     {
-     "name": "purgeListeners",
+     "name": "enable",
      "sig": "()",
      "type": "function",
-     "desc": "Removes all listeners for this object"
+     "desc": "Enable this component."
     },
     {
-     "name": "releaseCapture",
-     "sig": "(Observable o)",
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
      "type": "function",
-     "desc": "Removes <b>all</b> added captures from the Observable."
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
     },
     {
-     "name": "removeFromGroup",
-     "sig": "(string sGroup)",
+     "name": "focus",
+     "sig": "(Boolean selectText)",
      "type": "function",
-     "desc": "Remove's this instance from the supplied interaction group"
+     "desc": "Try to focus this component."
     },
     {
-     "name": "removeInvalidHandleClass",
-     "sig": "(string cssClass)",
+     "name": "getChildContainer",
+     "sig": "()",
      "type": "function",
-     "desc": "Unsets an invalid css class"
+     "desc": "Fetch the element to add children to"
     },
     {
-     "name": "removeInvalidHandleId",
-     "sig": "(string id)",
+     "name": "getEl",
+     "sig": "()",
      "type": "function",
-     "desc": "Unsets an invalid handle id"
+     "desc": "Returns the underlying {@link Roo.Element}."
     },
     {
-     "name": "removeInvalidHandleType",
-     "sig": "(string tagName)",
+     "name": "getId",
+     "sig": "()",
      "type": "function",
-     "desc": "Unsets an excluded tag name set by addInvalidHandleType"
+     "desc": "Returns the id of this component."
     },
     {
-     "name": "removeListener",
-     "sig": "(String eventName, Function handler, Object scope)",
+     "name": "hasListener",
+     "sig": "(String eventName)",
      "type": "function",
-     "desc": "Removes a listener"
+     "desc": "Checks to see if this object has any listeners for a specified event"
     },
     {
-     "name": "resetConstraints",
-     "sig": "(boolean maintainOffset)",
+     "name": "hide",
+     "sig": "()",
      "type": "function",
-     "desc": "resetConstraints must be called if you manually reposition a dd element."
+     "desc": "Hide a component - adds 'hidden' class"
     },
     {
-     "name": "setDragElId",
-     "sig": "( id)",
+     "name": "initEvents",
+     "sig": "()",
      "type": "function",
-     "desc": "Allows you to specify that an element other than the linked element\nwill be moved with the cursor during a drag"
+     "desc": "Initialize Events for the element"
     },
     {
-     "name": "setHandleElId",
-     "sig": "( id)",
+     "name": "isVisible",
+     "sig": "()",
      "type": "function",
-     "desc": "Allows you to specify a child of the linked element that should be\nused to initiate the drag operation.  An example of this would be if\nyou have a content div with text and links.  Clicking anywhere in the\ncontent area would normally start the drag operation.  Use this method\nto specify that an element inside of the content div is the element\nthat starts the drag operation."
+     "desc": "Returns true if this component is visible."
     },
     {
-     "name": "setInitPosition",
-     "sig": "(int diffX, int diffY)",
+     "name": "on",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
-     "desc": "Stores the initial placement of the linked element."
+     "desc": "Appends an event handler to this element (shorthand for addListener)"
     },
     {
-     "name": "setOuterHandleElId",
-     "sig": "( id)",
+     "name": "purgeListeners",
+     "sig": "()",
      "type": "function",
-     "desc": "Allows you to set an element outside of the linked element as a drag\nhandle"
+     "desc": "Removes all listeners for this object"
     },
     {
-     "name": "setPadding",
-     "sig": "(int iTop, int iRight, int iBot, int iLeft)",
+     "name": "releaseCapture",
+     "sig": "(Observable o)",
      "type": "function",
-     "desc": "Configures the padding for the target zone in px.  Effectively expands\n(or reduces) the virtual object size for targeting calculations.\nSupports css-style shorthand; if only one parameter is passed, all sides\nwill have that padding, and if only two are passed, the top and bottom\nwill have the first param, the left and right the second."
+     "desc": "Removes <b>all</b> added captures from the Observable."
     },
     {
-     "name": "setXConstraint",
-     "sig": "(int iLeft, int iRight, int iTickSize)",
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
-     "desc": "By default, the element can be dragged any place on the screen.  Use\nthis method to limit the horizontal travel of the element.  Pass in\n0,0 for the parameters if you want to lock the drag to the y axis."
+     "desc": "Removes a listener"
     },
     {
-     "name": "setYConstraint",
-     "sig": "(int iUp, int iDown, int iTickSize)",
+     "name": "render",
+     "sig": "(String/HTMLElement/Element container)",
      "type": "function",
-     "desc": "By default, the element can be dragged any place on the screen.  Set\nthis to limit the vertical travel of the element.  Pass in 0,0 for the\nparameters if you want to lock the drag to the x axis."
+     "desc": "If this is a lazy rendering component, render it to its container element."
     },
     {
-     "name": "startDrag",
-     "sig": "(int X, int Y)",
+     "name": "setDisabled",
+     "sig": "(Boolean disabled)",
      "type": "function",
-     "desc": "Abstract method called after a drag/drop object is clicked\nand the drag or mousedown time thresholds have beeen met."
+     "desc": "Convenience function for setting disabled/enabled by boolean."
     },
     {
-     "name": "un",
-     "sig": "(String eventName, Function handler, Object scope)",
+     "name": "setVisible",
+     "sig": "(Boolean visible)",
      "type": "function",
-     "desc": "Removes a listener (shorthand for removeListener)"
+     "desc": "Convenience function to hide or show this component by boolean."
     },
     {
-     "name": "unlock",
+     "name": "show",
      "sig": "()",
      "type": "function",
-     "desc": "Unlock this instace"
+     "desc": "Show a component - removes 'hidden' class"
     },
     {
-     "name": "unreg",
+     "name": "tooltipEl",
      "sig": "()",
      "type": "function",
-     "desc": "Remove all drag and drop hooks for this element"
+     "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.dd.DropZone": {
+  "Roo.doc.Section": {
    "props": [
     {
-     "name": "overClass",
+     "name": "stype",
      "type": "String",
-     "desc": "The CSS class applied to the drop target element while the drag source is over it (defaults to \"\").",
-     "memberOf": "Roo.dd.DropTarget"
+     "desc": "section type.",
+     "memberOf": "",
+     "optvals": [
+      "desc",
+      "parameter",
+      "return",
+      "note",
+      "example"
+     ]
     },
     {
-     "name": "ddGroup",
+     "name": "cls",
      "type": "String",
-     "desc": "The drag drop group to handle drop events for",
-     "memberOf": "Roo.dd.DropTarget"
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "dropAllowed",
+     "name": "style",
      "type": "String",
-     "desc": "The CSS class returned to the drag source when drop is allowed (defaults to \"x-dd-drop-ok\").",
-     "memberOf": "Roo.dd.DropTarget"
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "dropNotAllowed",
+     "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": "The CSS class returned to the drag source when drop is not allowed (defaults to \"x-dd-drop-nodrop\").",
-     "memberOf": "Roo.dd.DropTarget"
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "success",
-     "type": "boolean",
-     "desc": "set this after drop listener..",
-     "memberOf": "Roo.dd.DropTarget"
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "valid",
-     "type": "boolean|String",
-     "desc": "true/false or string (ok-add/ok-sub/ok/nodrop)\nif the drop point is valid for over/enter..",
-     "memberOf": "Roo.dd.DropTarget"
+     "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": "drop",
-     "sig": "function (source, e, data)\n{\n\n}",
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the dragged item has\nbeen dropped on it.  This method has no default implementation and returns false, so you must provide an\nimplementation that does something to process the drop event and returns true so that the drag source's\nrepair action does not run.\n\nIMPORTANT : it should set this.success"
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
     },
     {
-     "name": "enter",
-     "sig": "function (source, e, data)\n{\n\n}",
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the source is now over the\ntarget.  This default implementation adds the CSS class specified by overClass (if any) to the drop element\nand returns the dropAllowed config value.  This method should be overridden if drop validation is required.\n\nIMPORTANT : it should set this.overClass and this.dropAllowed"
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
     {
-     "name": "out",
-     "sig": "function (source, e, data)\n{\n\n}",
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the source has been dragged\nout of the target without dropping.  This default implementation simply removes the CSS class specified by\noverClass (if any) from the drop element."
+     "desc": "Fires before the component is rendered. Return false to stop the render."
     },
     {
-     "name": "over",
-     "sig": "function (source, e, data)\n{\n\n}",
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "The function a {@link Roo.dd.DragSource} calls continuously while it is being dragged over the target.\nThis method will be called on every mouse movement while the drag source is over the drop target.\nThis default implementation simply returns the dropAllowed config value.\n\nIMPORTANT : it should set this.dropAllowed"
-    }
-   ],
-   "methods": [
+     "desc": "Fires before the component is shown.  Return false to stop the show."
+    },
     {
-     "name": "addEvents",
-     "sig": "(Object object)",
+     "name": "childrenrendered",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Used to define events on this Observable"
+     "desc": "Fires when the children have been rendered.."
     },
     {
-     "name": "addInvalidHandleClass",
-     "sig": "(string cssClass)",
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Lets you specify a css class of elements that will not initiate a drag"
+     "desc": "Fires after the component is destroyed."
     },
     {
-     "name": "addInvalidHandleId",
-     "sig": "(string id)",
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Lets you to specify an element id for a child of a drag handle\nthat should not initiate a drag"
+     "desc": "Fires after the component is disabled."
     },
     {
-     "name": "addInvalidHandleType",
-     "sig": "(string tagName)",
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Allows you to specify a tag name that should not start a drag operation\nwhen clicked.  This is designed to facilitate embedding links within a\ndrag handle that do something other than start the drag."
+     "desc": "Fires after the component is enabled."
     },
     {
-     "name": "addListener",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Appends an event handler to this component"
+     "desc": "Fires after the component is hidden."
     },
     {
-     "name": "addToGroup",
-     "sig": "( sGroup)",
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Add this instance to a group of related drag/drop objects.  All\ninstances belong to at least one group, and can belong to as many\ngroups as needed."
+     "desc": "Fires after the component is rendered."
     },
     {
-     "name": "applyConfig",
-     "sig": "()",
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Applies the configuration parameters that were passed into the constructor.\nThis is supposed to happen at each level through the inheritance chain.  So\na DDProxy implentation will execute apply config on DDProxy, DD, and\nDragDrop in order to get all of the parameters that are available in\neach object."
+     "desc": "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": "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": "clearConstraints",
+     "name": "destroy",
      "sig": "()",
      "type": "function",
-     "desc": "Clears any constraints applied to this instance.  Also clears ticks\nsince they can't exist independent of a constraint at this time."
+     "desc": "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": "clearTicks",
+     "name": "disable",
      "sig": "()",
      "type": "function",
-     "desc": "Clears any tick interval defined for this instance"
+     "desc": "Disable this component."
     },
     {
-     "name": "endDrag",
-     "sig": "(Event e)",
+     "name": "enable",
+     "sig": "()",
      "type": "function",
-     "desc": "Fired when we are done dragging the object"
+     "desc": "Enable this component."
     },
     {
      "name": "fireEvent",
      "desc": "Fires the specified event with the passed parameters (minus the event name)."
     },
     {
-     "name": "function toString() {\n    [native code]\n}",
-     "sig": "()",
+     "name": "focus",
+     "sig": "(Boolean selectText)",
      "type": "function",
-     "desc": "toString method"
+     "desc": "Try to focus this component."
     },
     {
-     "name": "getDragEl",
+     "name": "getChildContainer",
      "sig": "()",
      "type": "function",
-     "desc": "Returns a reference to the actual element to drag.  By default this is\nthe same as the html element, but it can be assigned to another\nelement. An example of this can be found in Roo.dd.DDProxy"
+     "desc": "Fetch the element to add children to"
     },
     {
      "name": "getEl",
      "sig": "()",
      "type": "function",
-     "desc": "Returns a reference to the linked element"
+     "desc": "Returns the underlying {@link Roo.Element}."
     },
     {
-     "name": "getTargetFromEvent",
-     "sig": "(Event e)",
+     "name": "getId",
+     "sig": "()",
      "type": "function",
-     "desc": "Returns a custom data object associated with the DOM node that is the target of the event.  By default\nthis looks up the event target in the {@link Roo.dd.Registry}, although you can override this method to\nprovide your own custom lookup."
+     "desc": "Returns the id of this component."
     },
     {
      "name": "hasListener",
      "desc": "Checks to see if this object has any listeners for a specified event"
     },
     {
-     "name": "init",
-     "sig": "( id, String sGroup, object config)",
-     "type": "function",
-     "desc": "Sets up the DragDrop object.  Must be called in the constructor of any\nRoo.dd.DragDrop subclass"
-    },
-    {
-     "name": "initTarget",
-     "sig": "( id, String sGroup, object config)",
+     "name": "hide",
+     "sig": "()",
      "type": "function",
-     "desc": "Initializes Targeting functionality only... the object does not\nget a mousedown handler."
+     "desc": "Hide a component - adds 'hidden' class"
     },
     {
-     "name": "isLocked",
+     "name": "initEvents",
      "sig": "()",
      "type": "function",
-     "desc": "Returns true if this instance is locked, or the drag drop mgr is locked\n(meaning that all drag/drop is disabled on the page.)"
+     "desc": "Initialize Events for the element"
     },
     {
-     "name": "isTarget",
+     "name": "isVisible",
      "sig": "()",
      "type": "function",
-     "desc": "By default, all insances can be a drop target.  This can be disabled by\nsetting isTarget to false."
+     "desc": "Returns true if this component is visible."
     },
     {
-     "name": "isValidHandleChild",
-     "sig": "(HTMLElement node)",
+     "name": "on",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
-     "desc": "Checks the tag exclusion list to see if this click should be ignored"
+     "desc": "Appends an event handler to this element (shorthand for addListener)"
     },
     {
-     "name": "lock",
+     "name": "purgeListeners",
      "sig": "()",
      "type": "function",
-     "desc": "Lock this instance"
+     "desc": "Removes all listeners for this object"
     },
     {
-     "name": "notifyDrop",
-     "sig": "(Roo.dd.DragSource source, Event e, Object data)",
+     "name": "releaseCapture",
+     "sig": "(Observable o)",
      "type": "function",
-     "desc": "The function a {@link Roo.dd.DragSource} calls once to notify this drop zone that the dragged item has\nbeen dropped on it.  The drag zone will look up the target node based on the event passed in, and if there\nis a node registered for that event, it will delegate to {@link #onNodeDrop} for node-specific handling,\notherwise it will call {@link #onContainerDrop}."
+     "desc": "Removes <b>all</b> added captures from the Observable."
     },
     {
-     "name": "notifyEnter",
-     "sig": "(Roo.dd.DragSource source, Event e, Object data)",
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
-     "desc": "The function a {@link Roo.dd.DragSource} calls once to notify this drop zone that the source is now over\nthe zone.  The default implementation returns this.dropNotAllowed and expects that only registered drop\nnodes can process drag drop operations, so if you need the drop zone itself to be able to process drops\nyou should override this method and provide a custom implementation."
+     "desc": "Removes a listener"
     },
     {
-     "name": "notifyOut",
-     "sig": "(Roo.dd.DragSource source, Event e, Object data)",
+     "name": "render",
+     "sig": "(String/HTMLElement/Element container)",
      "type": "function",
-     "desc": "The function a {@link Roo.dd.DragSource} calls once to notify this drop zone that the source has been dragged\nout of the zone without dropping.  If the drag source is currently over a registered node, the notification\nwill be delegated to {@link #onNodeOut} for node-specific handling, otherwise it will be ignored."
+     "desc": "If this is a lazy rendering component, render it to its container element."
     },
     {
-     "name": "notifyOver",
-     "sig": "(Roo.dd.DragSource source, Event e, Object data)",
+     "name": "setDisabled",
+     "sig": "(Boolean disabled)",
      "type": "function",
-     "desc": "The function a {@link Roo.dd.DragSource} calls continuously while it is being dragged over the drop zone.\nThis method will be called on every mouse movement while the drag source is over the drop zone.\nIt will call {@link #onNodeOver} while the drag source is over a registered node, and will also automatically\ndelegate to the appropriate node-specific methods as necessary when the drag source enters and exits\nregistered nodes ({@link #onNodeEnter}, {@link #onNodeOut}). If the drag source is not currently over a\nregistered node, it will call {@link #onContainerOver}."
+     "desc": "Convenience function for setting disabled/enabled by boolean."
     },
     {
-     "name": "on",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "name": "setVisible",
+     "sig": "(Boolean visible)",
      "type": "function",
-     "desc": "Appends an event handler to this element (shorthand for addListener)"
+     "desc": "Convenience function to hide or show this component by boolean."
     },
     {
-     "name": "onAvailable",
+     "name": "show",
      "sig": "()",
      "type": "function",
-     "desc": "Override the onAvailable method to do what is needed after the initial\nposition was determined."
+     "desc": "Show a component - removes 'hidden' class"
     },
     {
-     "name": "onContainerDrop",
-     "sig": "(Roo.dd.DragSource source, Event e, Object data)",
+     "name": "tooltipEl",
+     "sig": "()",
      "type": "function",
-     "desc": "Called internally when the DropZone determines that a {@link Roo.dd.DragSource} has been dropped on it,\nbut not on any of its registered drop nodes.  The default implementation returns false, so it should be\noverridden to provide the appropriate processing of the drop event if you need the drop zone itself to\nbe able to accept drops.  It should return true when valid so that the drag source's repair action does not run."
+     "desc": "Fetch the element to display the tooltip on."
     },
     {
-     "name": "onContainerOver",
-     "sig": "(Roo.dd.DragSource source, Event e, Object data)",
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
-     "desc": "Called internally while the DropZone determines that a {@link Roo.dd.DragSource} is being dragged over it,\nbut not over any of its registered drop nodes.  The default implementation returns this.dropNotAllowed, so\nit should be overridden to provide the proper feedback if necessary."
+     "desc": "Removes a listener (shorthand for removeListener)"
+    }
+   ]
+  },
+  "Roo.doc.Synopsis": {
+   "props": [
+    {
+     "name": "returntype",
+     "type": "String",
+     "desc": "return value",
+     "memberOf": ""
     },
     {
-     "name": "onDrag",
-     "sig": "(Event e)",
-     "type": "function",
-     "desc": "Abstract method called during the onMouseMove event while dragging an\nobject."
+     "name": "returndesc",
+     "type": "String",
+     "desc": "description of return value. (used in the return section if set..)",
+     "memberOf": ""
     },
     {
-     "name": "onDragDrop",
-     "sig": "(Event e, String|DragDrop[] id)",
-     "type": "function",
-     "desc": "Abstract method called when this item is dropped on another DragDrop\nobj"
+     "name": "name",
+     "type": "String",
+     "desc": "title really..",
+     "memberOf": ""
     },
     {
-     "name": "onDragEnter",
-     "sig": "(Event e, String|DragDrop[] id)",
-     "type": "function",
-     "desc": "Abstract method called when this element fist begins hovering over\nanother DragDrop obj"
+     "name": "stype",
+     "type": "String",
+     "desc": "",
+     "memberOf": "",
+     "optvals": [
+      "function",
+      "constant"
+     ]
     },
     {
-     "name": "onDragOut",
-     "sig": "(Event e, String|DragDrop[] id)",
-     "type": "function",
-     "desc": "Abstract method called when we are no longer hovering over an element"
+     "name": "memberof",
+     "type": "String",
+     "desc": "class name",
+     "memberOf": ""
     },
     {
-     "name": "onDragOver",
-     "sig": "(Event e, String|DragDrop[] id)",
-     "type": "function",
-     "desc": "Abstract method called when this element is hovering over another\nDragDrop obj"
+     "name": "is_static",
+     "type": "bool",
+     "desc": "is a static member",
+     "memberOf": ""
     },
     {
-     "name": "onInvalidDrop",
-     "sig": "(Event e)",
-     "type": "function",
-     "desc": "Abstract method called when this item is dropped on an area with no\ndrop target"
+     "name": "is_constructor",
+     "type": "bool",
+     "desc": "is a static member",
+     "memberOf": ""
     },
     {
-     "name": "onMouseDown",
-     "sig": "(Event e)",
-     "type": "function",
-     "desc": "Event handler that fires when a drag/drop obj gets a mousedown"
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "onMouseUp",
-     "sig": "(Event e)",
-     "type": "function",
-     "desc": "Event handler that fires when a drag/drop obj gets a mouseup"
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "onNodeDrop",
-     "sig": "(Object nodeData, Roo.dd.DragSource source, Event e, Object data)",
-     "type": "function",
-     "desc": "Called internally when the DropZone determines that a {@link Roo.dd.DragSource} has been dropped onto\nthe drop node.  The default implementation returns false, so it should be overridden to provide the\nappropriate processing of the drop event and return true so that the drag source's repair action does not run."
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "onNodeEnter",
-     "sig": "(Object nodeData, Roo.dd.DragSource source, Event e, Object data)",
-     "type": "function",
-     "desc": "Called internally when the DropZone determines that a {@link Roo.dd.DragSource} has entered a drop node\nthat it has registered.  This method has no default implementation and should be overridden to provide\nnode-specific processing if necessary."
+     "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": "onNodeOut",
-     "sig": "(Object nodeData, Roo.dd.DragSource source, Event e, Object data)",
-     "type": "function",
-     "desc": "Called internally when the DropZone determines that a {@link Roo.dd.DragSource} has been dragged out of\nthe drop node without dropping.  This method has no default implementation and should be overridden to provide\nnode-specific processing if necessary."
+     "name": "container_method",
+     "type": "string",
+     "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+     "memberOf": "Roo.bootstrap.Component"
     },
     {
-     "name": "onNodeOver",
-     "sig": "(Object nodeData, Roo.dd.DragSource source, Event e, Object data)",
-     "type": "function",
-     "desc": "Called internally while the DropZone determines that a {@link Roo.dd.DragSource} is over a drop node\nthat it has registered.  The default implementation returns this.dropNotAllowed, so it should be\noverridden to provide the proper feedback."
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "padding",
-     "sig": "()",
-     "type": "function",
-     "desc": "The padding configured for this drag and drop object for calculating\nthe drop zone intersection with this object."
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "purgeListeners",
-     "sig": "()",
-     "type": "function",
-     "desc": "Removes all listeners for this object"
+     "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": "releaseCapture",
-     "sig": "(Observable o)",
-     "type": "function",
-     "desc": "Removes <b>all</b> added captures from the Observable."
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
     },
     {
-     "name": "removeFromGroup",
-     "sig": "(string sGroup)",
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for 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": "Remove's this instance from the supplied interaction group"
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
     },
     {
-     "name": "removeInvalidHandleClass",
-     "sig": "(string cssClass)",
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Unsets an invalid css class"
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
     },
     {
-     "name": "removeInvalidHandleId",
-     "sig": "(string id)",
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Unsets an invalid handle id"
+     "desc": "Fires before the component is rendered. Return false to stop the render."
     },
     {
-     "name": "removeInvalidHandleType",
-     "sig": "(string tagName)",
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Unsets an excluded tag name set by addInvalidHandleType"
+     "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "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": "resetConstraints",
-     "sig": "(boolean maintainOffset)",
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "resetConstraints must be called if you manually reposition a dd element."
+     "desc": "Fires after the component is destroyed."
     },
     {
-     "name": "setDragElId",
-     "sig": "( id)",
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Allows you to specify that an element other than the linked element\nwill be moved with the cursor during a drag"
+     "desc": "Fires after the component is disabled."
     },
     {
-     "name": "setHandleElId",
-     "sig": "( id)",
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Allows you to specify a child of the linked element that should be\nused to initiate the drag operation.  An example of this would be if\nyou have a content div with text and links.  Clicking anywhere in the\ncontent area would normally start the drag operation.  Use this method\nto specify that an element inside of the content div is the element\nthat starts the drag operation."
+     "desc": "Fires after the component is enabled."
     },
     {
-     "name": "setInitPosition",
-     "sig": "(int diffX, int diffY)",
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Stores the initial placement of the linked element."
+     "desc": "Fires after the component is hidden."
     },
     {
-     "name": "setOuterHandleElId",
-     "sig": "( id)",
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Allows you to set an element outside of the linked element as a drag\nhandle"
+     "desc": "Fires after the component is rendered."
     },
     {
-     "name": "setPadding",
-     "sig": "(int iTop, int iRight, int iBot, int iLeft)",
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Configures the padding for the target zone in px.  Effectively expands\n(or reduces) the virtual object size for targeting calculations.\nSupports css-style shorthand; if only one parameter is passed, all sides\nwill have that padding, and if only two are passed, the top and bottom\nwill have the first param, the left and right the second."
-    },
+     "desc": "Fires after the component is shown."
+    }
+   ],
+   "methods": [
     {
-     "name": "setXConstraint",
-     "sig": "(int iLeft, int iRight, int iTickSize)",
+     "name": "addEvents",
+     "sig": "(Object object)",
      "type": "function",
-     "desc": "By default, the element can be dragged any place on the screen.  Use\nthis method to limit the horizontal travel of the element.  Pass in\n0,0 for the parameters if you want to lock the drag to the y axis."
+     "desc": "Used to define events on this Observable"
     },
     {
-     "name": "setYConstraint",
-     "sig": "(int iUp, int iDown, int iTickSize)",
+     "name": "addListener",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
-     "desc": "By default, the element can be dragged any place on the screen.  Set\nthis to limit the vertical travel of the element.  Pass in 0,0 for the\nparameters if you want to lock the drag to the x axis."
+     "desc": "Appends an event handler to this component"
     },
     {
-     "name": "startDrag",
-     "sig": "(int X, int Y)",
+     "name": "capture",
+     "sig": "(Observable o, Function fn, Object scope)",
      "type": "function",
-     "desc": "Abstract method called after a drag/drop object is clicked\nand the drag or mousedown time thresholds have beeen met."
+     "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": "un",
-     "sig": "(String eventName, Function handler, Object scope)",
+     "name": "destroy",
+     "sig": "()",
      "type": "function",
-     "desc": "Removes a listener (shorthand for removeListener)"
+     "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": "unlock",
+     "name": "disable",
      "sig": "()",
      "type": "function",
-     "desc": "Unlock this instace"
+     "desc": "Disable this component."
     },
     {
-     "name": "unreg",
+     "name": "enable",
      "sig": "()",
      "type": "function",
-     "desc": "Remove all drag and drop hooks for this element"
-    }
-   ]
-  },
-  "Roo.dd.Registry": {
-   "props": [],
-   "events": [],
-   "methods": [
+     "desc": "Enable this component."
+    },
     {
-     "name": "getHandle",
-     "sig": "(String|HTMLElement id)",
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
      "type": "function",
-     "desc": "Returns the handle registered for a DOM Node by id"
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
     },
     {
-     "name": "getHandleFromEvent",
-     "sig": "(Event e)",
+     "name": "focus",
+     "sig": "(Boolean selectText)",
      "type": "function",
-     "desc": "Returns the handle that is registered for the DOM node that is the target of the event"
+     "desc": "Try to focus this component."
     },
     {
-     "name": "getTarget",
-     "sig": "(String|HTMLElement id)",
+     "name": "getChildContainer",
+     "sig": "()",
      "type": "function",
-     "desc": "Returns a custom data object that is registered for a DOM node by id"
+     "desc": "Fetch the element to add children to"
     },
     {
-     "name": "getTargetFromEvent",
-     "sig": "(Event e)",
+     "name": "getEl",
+     "sig": "()",
      "type": "function",
-     "desc": "Returns a custom data object that is registered for the DOM node that is the target of the event"
+     "desc": "Returns the underlying {@link Roo.Element}."
     },
     {
-     "name": "register",
-     "sig": "(String|HTMLElement element, Object data)",
+     "name": "getId",
+     "sig": "()",
      "type": "function",
-     "desc": "Register a drag drop element"
+     "desc": "Returns the id of this component."
     },
     {
-     "name": "unregister",
-     "sig": "(String|HTMLElement element)",
+     "name": "hasListener",
+     "sig": "(String eventName)",
      "type": "function",
-     "desc": "Unregister a drag drop element"
-    }
-   ]
-  },
-  "Roo.dd.ScrollManager": {
-   "props": [],
-   "events": [],
-   "methods": [
+     "desc": "Checks to see if this object has any listeners for a specified event"
+    },
     {
-     "name": "refreshCache",
+     "name": "hide",
      "sig": "()",
      "type": "function",
-     "desc": "Manually trigger a cache refresh."
+     "desc": "Hide a component - adds 'hidden' class"
     },
     {
-     "name": "register",
-     "sig": "(String/HTMLElement/Element/Array el)",
+     "name": "initEvents",
+     "sig": "()",
      "type": "function",
-     "desc": "Registers new overflow element(s) to auto scroll"
+     "desc": "Initialize Events for the element"
     },
     {
-     "name": "unregister",
-     "sig": "(String/HTMLElement/Element/Array el)",
+     "name": "isVisible",
+     "sig": "()",
      "type": "function",
-     "desc": "Unregisters overflow element(s) so they are no longer scrolled"
-    }
-   ]
-  },
-  "Roo.dd.StatusProxy": {
-   "props": [
-    {
-     "name": "dropAllowed",
-     "type": "String",
-     "desc": "The CSS class to apply to the status element when drop is allowed (defaults to \"x-dd-drop-ok\").",
-     "memberOf": ""
+     "desc": "Returns true if this component is visible."
     },
     {
-     "name": "dropNotAllowed",
-     "type": "String",
-     "desc": "The CSS class to apply to the status element when drop is not allowed (defaults to \"x-dd-drop-nodrop\").",
-     "memberOf": ""
-    }
-   ],
-   "events": [],
-   "methods": [
-    {
-     "name": "getEl",
-     "sig": "()",
+     "name": "on",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
-     "desc": "Returns the underlying proxy {@link Roo.Layer}"
+     "desc": "Appends an event handler to this element (shorthand for addListener)"
     },
     {
-     "name": "getGhost",
+     "name": "purgeListeners",
      "sig": "()",
      "type": "function",
-     "desc": "Returns the ghost element"
+     "desc": "Removes all listeners for this object"
     },
     {
-     "name": "hide",
-     "sig": "(Boolean clear)",
+     "name": "releaseCapture",
+     "sig": "(Observable o)",
      "type": "function",
-     "desc": "Hides the proxy"
+     "desc": "Removes <b>all</b> added captures from the Observable."
     },
     {
-     "name": "repair",
-     "sig": "(Array xy, Function callback, Object scope)",
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
-     "desc": "Causes the proxy to return to its position of origin via an animation.  Should be called after an\ninvalid drop operation by the item being dragged."
+     "desc": "Removes a listener"
     },
     {
-     "name": "reset",
-     "sig": "(Boolean clearGhost)",
+     "name": "render",
+     "sig": "(String/HTMLElement/Element container)",
      "type": "function",
-     "desc": "Resets the status indicator to the default dropNotAllowed value"
+     "desc": "If this is a lazy rendering component, render it to its container element."
     },
     {
-     "name": "setStatus",
-     "sig": "(String cssClass)",
+     "name": "setDisabled",
+     "sig": "(Boolean disabled)",
      "type": "function",
-     "desc": "Updates the proxy's visual element to indicate the status of whether or not drop is allowed\nover the current target element."
+     "desc": "Convenience function for setting disabled/enabled by boolean."
     },
     {
-     "name": "show",
-     "sig": "()",
+     "name": "setVisible",
+     "sig": "(Boolean visible)",
      "type": "function",
-     "desc": "Displays this proxy"
+     "desc": "Convenience function to hide or show this component by boolean."
     },
     {
-     "name": "stop",
+     "name": "show",
      "sig": "()",
      "type": "function",
-     "desc": "Stops the repair animation if it's currently running"
+     "desc": "Show a component - removes 'hidden' class"
     },
     {
-     "name": "sync",
+     "name": "tooltipEl",
      "sig": "()",
      "type": "function",
-     "desc": "Force the Layer to sync its shadow and shim positions to the element"
+     "desc": "Fetch the element to display the tooltip on."
     },
     {
-     "name": "update",
-     "sig": "(String html)",
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
-     "desc": "Updates the contents of the ghost element"
+     "desc": "Removes a listener (shorthand for removeListener)"
     }
    ]
   },
      "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": "hasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if any fields in this form have changed since their original load. (New version)"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "name": "isDirty",
      "sig": "()",
      "type": "function",
-     "desc": "Returns true if any fields in this form have changed since their original load."
+     "desc": "DEPRICATED Returns true if any fields in this form have changed since their original load."
     },
     {
      "name": "isValid",
      "type": "function",
      "desc": "Resets this form."
     },
+    {
+     "name": "resetHasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "Resets all hasChanged to 'false' -\nThe old 'isDirty' used 'original value..' however this breaks reset() and a few other things.\nSo hasChanged storage is only to be used for this purpose"
+    },
     {
      "name": "setValues",
      "sig": "(Array/Object values)",
      "type": "function",
      "desc": "Returns the checked state of the checkbox."
     },
+    {
+     "name": "hasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first."
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "name": "isDirty",
      "sig": "()",
      "type": "function",
-     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled."
+     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged."
     },
     {
      "name": "isValid",
      "type": "function",
      "desc": "Resets the current field value to the originally loaded value and clears any validation messages"
     },
+    {
+     "name": "resetHasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "stores the current value in loadedValue"
+    },
     {
      "name": "setDisabled",
      "sig": "(Boolean disabled)",
      "type": "function",
      "desc": "Returns the currently selected field value or empty string if no value is set."
     },
+    {
+     "name": "hasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first."
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "name": "isDirty",
      "sig": "()",
      "type": "function",
-     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled."
+     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged."
     },
     {
      "name": "isExpanded",
      "type": "function",
      "desc": "Resets the current field value to the originally-loaded value and clears any validation messages."
     },
+    {
+     "name": "resetHasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "stores the current value in loadedValue"
+    },
     {
      "name": "select",
      "sig": "(Number index, Boolean scrollIntoView)",
      "type": "function",
      "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
     },
+    {
+     "name": "hasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first."
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "name": "isDirty",
      "sig": "()",
      "type": "function",
-     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled."
+     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged."
     },
     {
      "name": "isValid",
      "type": "function",
      "desc": "Resets the current field value to the originally-loaded value and clears any validation messages."
     },
+    {
+     "name": "resetHasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "stores the current value in loadedValue"
+    },
     {
      "name": "selectText",
      "sig": "(Number start, Number end)",
      "type": "function",
      "desc": "Returns the currently selected field value or empty string if no value is set."
     },
+    {
+     "name": "hasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first."
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "name": "isDirty",
      "sig": "()",
      "type": "function",
-     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled."
+     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged."
     },
     {
      "name": "isExpanded",
      "type": "function",
      "desc": "Resets the current field value to the originally-loaded value and clears any validation messages."
     },
+    {
+     "name": "resetHasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "stores the current value in loadedValue"
+    },
     {
      "name": "select",
      "sig": "(Number index, Boolean scrollIntoView)",
      "type": "function",
      "desc": "Returns the current date value of the date field."
     },
+    {
+     "name": "hasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first."
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "name": "isDirty",
      "sig": "()",
      "type": "function",
-     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled."
+     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged."
     },
     {
      "name": "isValid",
      "type": "function",
      "desc": "Resets the current field value to the originally-loaded value and clears any validation messages."
     },
+    {
+     "name": "resetHasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "stores the current value in loadedValue"
+    },
     {
      "name": "selectText",
      "sig": "(Number start, Number end)",
      "type": "function",
      "desc": "Returns the checked state of the checkbox."
     },
+    {
+     "name": "hasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first."
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "name": "isDirty",
      "sig": "()",
      "type": "function",
-     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled."
+     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged."
     },
     {
      "name": "isValid",
      "type": "function",
      "desc": "Resets the current field value to the originally loaded value and clears any validation messages"
     },
+    {
+     "name": "resetHasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "stores the current value in loadedValue"
+    },
     {
      "name": "setDisabled",
      "sig": "(Boolean disabled)",
   },
   "Roo.form.DisplayField": {
    "props": [
+    {
+     "name": "closable",
+     "type": "Boolean",
+     "desc": "default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
     {
      "name": "focusClass",
      "type": "String",
      "type": "function",
      "desc": "Fires just before the field blurs if the field value has changed."
     },
+    {
+     "name": "close",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the click the close btn"
+    },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
     },
+    {
+     "name": "hasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first."
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "name": "isDirty",
      "sig": "()",
      "type": "function",
-     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled."
+     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged."
     },
     {
      "name": "isValid",
      "type": "function",
      "desc": "Resets the current field value to the originally loaded value and clears any validation messages"
     },
+    {
+     "name": "resetHasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "stores the current value in loadedValue"
+    },
     {
      "name": "setDisabled",
      "sig": "(Boolean disabled)",
      "type": "function",
      "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
     },
+    {
+     "name": "hasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first."
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "name": "isDirty",
      "sig": "()",
      "type": "function",
-     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled."
+     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged."
     },
     {
      "name": "isValid",
      "type": "function",
      "desc": "Resets the current field value to the originally-loaded value and clears any validation messages."
     },
+    {
+     "name": "resetHasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "stores the current value in loadedValue"
+    },
     {
      "name": "selectText",
      "sig": "(Number start, Number end)",
      "type": "function",
      "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
     },
+    {
+     "name": "hasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first."
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "name": "isDirty",
      "sig": "()",
      "type": "function",
-     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled."
+     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged."
     },
     {
      "name": "isValid",
      "type": "function",
      "desc": "Resets the current field value to the originally loaded value and clears any validation messages"
     },
+    {
+     "name": "resetHasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "stores the current value in loadedValue"
+    },
     {
      "name": "setDisabled",
      "sig": "(Boolean disabled)",
      "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": "hasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if any fields in this form have changed since their original load. (New version)"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "name": "isDirty",
      "sig": "()",
      "type": "function",
-     "desc": "Returns true if any fields in this form have changed since their original load."
+     "desc": "DEPRICATED Returns true if any fields in this form have changed since their original load."
     },
     {
      "name": "isValid",
      "type": "function",
      "desc": "Resets this form."
     },
+    {
+     "name": "resetHasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "Resets all hasChanged to 'false' -\nThe old 'isDirty' used 'original value..' however this breaks reset() and a few other things.\nSo hasChanged storage is only to be used for this purpose"
+    },
     {
      "name": "setValues",
      "sig": "(Array/Object values)",
      "type": "function",
      "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
     },
+    {
+     "name": "hasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first."
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "name": "isDirty",
      "sig": "()",
      "type": "function",
-     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled."
+     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged."
     },
     {
      "name": "isValid",
      "type": "function",
      "desc": "Resets the current field value to the originally loaded value and clears any validation messages"
     },
+    {
+     "name": "resetHasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "stores the current value in loadedValue"
+    },
     {
      "name": "setDisabled",
      "sig": "(Boolean disabled)",
      "type": "function",
      "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
     },
+    {
+     "name": "hasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first."
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "name": "isDirty",
      "sig": "()",
      "type": "function",
-     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled."
+     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged."
     },
     {
      "name": "isValid",
      "type": "function",
      "desc": "Resets the current field value to the originally-loaded value and clears any validation messages."
     },
+    {
+     "name": "resetHasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "stores the current value in loadedValue"
+    },
     {
      "name": "selectText",
      "sig": "(Number start, Number end)",
      "type": "function",
      "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
     },
+    {
+     "name": "hasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first."
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "name": "isDirty",
      "sig": "()",
      "type": "function",
-     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled."
+     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged."
     },
     {
      "name": "isValid",
      "type": "function",
      "desc": "Resets the current field value to the originally loaded value and clears any validation messages"
     },
+    {
+     "name": "resetHasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "stores the current value in loadedValue"
+    },
     {
      "name": "setDisabled",
      "sig": "(Boolean disabled)",
      "type": "function",
      "desc": "Returns the current date value of the date field."
     },
+    {
+     "name": "hasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first."
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "name": "isDirty",
      "sig": "()",
      "type": "function",
-     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled."
+     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged."
     },
     {
      "name": "isValid",
      "type": "function",
      "desc": "Resets the current field value to the originally-loaded value and clears any validation messages."
     },
+    {
+     "name": "resetHasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "stores the current value in loadedValue"
+    },
     {
      "name": "selectText",
      "sig": "(Number start, Number end)",
      "type": "function",
      "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
     },
+    {
+     "name": "hasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first."
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "name": "isDirty",
      "sig": "()",
      "type": "function",
-     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled."
+     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged."
     },
     {
      "name": "isValid",
      "type": "function",
      "desc": "Resets the current field value to the originally-loaded value and clears any validation messages."
     },
+    {
+     "name": "resetHasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "stores the current value in loadedValue"
+    },
     {
      "name": "selectText",
      "sig": "(Number start, Number end)",
      "type": "function",
      "desc": "Returns the checked state of the checkbox."
     },
+    {
+     "name": "hasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first."
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "name": "isDirty",
      "sig": "()",
      "type": "function",
-     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled."
+     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged."
     },
     {
      "name": "isValid",
      "type": "function",
      "desc": "Resets the current field value to the originally loaded value and clears any validation messages"
     },
+    {
+     "name": "resetHasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "stores the current value in loadedValue"
+    },
     {
      "name": "setDisabled",
      "sig": "(Boolean disabled)",
      "type": "function",
      "desc": "Returns the currently selected field value or empty string if no value is set."
     },
+    {
+     "name": "hasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first."
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "name": "isDirty",
      "sig": "()",
      "type": "function",
-     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled."
+     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged."
     },
     {
      "name": "isExpanded",
      "type": "function",
      "desc": "Resets the current field value to the originally-loaded value and clears any validation messages."
     },
+    {
+     "name": "resetHasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "stores the current value in loadedValue"
+    },
     {
      "name": "select",
      "sig": "(Number index, Boolean scrollIntoView)",
      "type": "function",
      "desc": ""
     },
+    {
+     "name": "hasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first."
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "name": "isDirty",
      "sig": "()",
      "type": "function",
-     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled."
+     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged."
     },
     {
      "name": "isValid",
      "type": "function",
      "desc": "Resets the current field value to the originally loaded value and clears any validation messages"
     },
+    {
+     "name": "resetHasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "stores the current value in loadedValue"
+    },
     {
      "name": "setDisabled",
      "sig": "(Boolean disabled)",
      "type": "function",
      "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
     },
+    {
+     "name": "hasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first."
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "name": "isDirty",
      "sig": "()",
      "type": "function",
-     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled."
+     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged."
     },
     {
      "name": "isValid",
      "type": "function",
      "desc": "Resets the current field value to the originally-loaded value and clears any validation messages."
     },
+    {
+     "name": "resetHasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "stores the current value in loadedValue"
+    },
     {
      "name": "selectText",
      "sig": "(Number start, Number end)",
      "type": "function",
      "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
     },
+    {
+     "name": "hasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first."
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "name": "isDirty",
      "sig": "()",
      "type": "function",
-     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled."
+     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged."
     },
     {
      "name": "isValid",
      "type": "function",
      "desc": "Resets the current field value to the originally-loaded value and clears any validation messages."
     },
+    {
+     "name": "resetHasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "stores the current value in loadedValue"
+    },
     {
      "name": "selectText",
      "sig": "(Number start, Number end)",
      "type": "function",
      "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
     },
+    {
+     "name": "hasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first."
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "name": "isDirty",
      "sig": "()",
      "type": "function",
-     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled."
+     "desc": "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged."
     },
     {
      "name": "isValid",
      "type": "function",
      "desc": "Resets the current field value to the originally-loaded value and clears any validation messages."
     },
+    {
+     "name": "resetHasChanged",
+     "sig": "()",
+     "type": "function",
+     "desc": "stores the current value in loadedValue"
+    },
     {
      "name": "selectText",
      "sig": "(Number start, Number end)",
     {
      "name": "renderer",
      "type": "Function",
-     "desc": "(Optional) A function used to generate HTML markup for a cell\ngiven the cell's data value. See {@link #setRenderer}. If not specified, the\ndefault renderer uses the raw data value. If an object is returned (bootstrap only)\nthen it is treated as a Roo Component object instance, and it is rendered after the initial row is rendered",
+     "desc": "(Optional) A function used to generate HTML markup for a cell\ngiven the cell's data value. See {@link #setRenderer}. If not specified, the\ndefault renderer returns the escaped data value. If an object is returned (bootstrap only)\nthen it is treated as a Roo Component object instance, and it is rendered after the initial row is rendered",
      "memberOf": ""
     },
     {
      "desc": "(Optional)",
      "memberOf": ""
     },
+    {
+     "name": "xs",
+     "type": "Number",
+     "desc": "(Optional)",
+     "memberOf": ""
+    },
+    {
+     "name": "sm",
+     "type": "Number",
+     "desc": "(Optional)",
+     "memberOf": ""
+    },
+    {
+     "name": "md",
+     "type": "Number",
+     "desc": "(Optional)",
+     "memberOf": ""
+    },
+    {
+     "name": "lg",
+     "type": "Number",
+     "desc": "(Optional)",
+     "memberOf": ""
+    },
     {
      "name": "listeners",
      "type": "Object",
     }
    ]
   },
+  "Roo.mailer.Body": {
+   "props": [
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "class of the element",
+     "memberOf": ""
+    },
+    {
+     "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"
+    },
+    {
+     "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": "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": "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": "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": "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.mailer.BodyContainer": {
    "props": [
     {
     }
    ]
   },
-  "_calls": {
-   "props": [
-    {
-     "name": "cls",
-     "type": "String",
-     "desc": "class of the element",
-     "memberOf": ""
-    },
-    {
-     "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"
-    },
-    {
-     "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": "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": "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": "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": "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)"
-    }
-   ]
-  },
   "this": {
    "props": [],
    "events": [],