sync
[roojs1] / docs / json / roodata.json
index d1022da..730bc22 100644 (file)
@@ -3,6 +3,14 @@
     "props" : [],
     "events" : [],
     "methods" : [
+      {
+        "name" : "equals",
+        "type" : "function",
+        "desc" : "equals",
+        "sig" : "(o)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "indexOf",
         "type" : "function",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "listeners",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "listeners",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "itemCls",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "listeners",
       {
         "name" : "region",
         "type" : "String",
-        "desc" : "t) which region to put this panel on (when used with xtype constructors)",
-        "memberOf" : "",
-        "optvals" : [
-          "center",
+        "desc" : [
+          "(center",
           "north",
           "south",
           "east",
-          "west"
-        ]
+          "west)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "resizeEl",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "listeners",
         "desc" : "The HTML fragment or an array of fragments to join(\"\") or multiple arguments to join(\"\")",
         "memberOf" : "Roo.Template"
       },
+      {
+        "name" : "onLoad",
+        "type" : "Function",
+        "desc" : "Called after the template has been loaded and complied (usually from a remove source)",
+        "memberOf" : "Roo.Template"
+      },
       {
         "name" : "url",
         "type" : "String",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "ignoreNoChange",
       {
         "name" : "region",
         "type" : "String",
-        "desc" : "t) which region to put this panel on (when used with xtype constructors)",
-        "memberOf" : "Roo.ContentPanel",
-        "optvals" : [
-          "center",
+        "desc" : [
+          "(center",
           "north",
           "south",
           "east",
-          "west"
-        ]
+          "west)"
+        ],
+        "memberOf" : "Roo.ContentPanel"
       },
       {
         "name" : "resizeEl",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "listeners",
       {
         "name" : "tabPosition",
         "type" : "String",
-        "desc" : "m) \"top\" or \"bottom\" (defaults to \"bottom\")",
-        "memberOf" : "",
-        "optvals" : [
-          "top",
-          "bottom"
-        ]
+        "desc" : [
+          "(top",
+          "bottom)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "title",
         "desc" : "The HTML fragment or an array of fragments to join(\"\") or multiple arguments to join(\"\")",
         "memberOf" : "Roo.Template"
       },
+      {
+        "name" : "onLoad",
+        "type" : "Function",
+        "desc" : "Called after the template has been loaded and complied (usually from a remove source)",
+        "memberOf" : "Roo.Template"
+      },
       {
         "name" : "url",
         "type" : "String",
       {
         "name" : "region",
         "type" : "String",
-        "desc" : "t) which region to put this panel on (when used with xtype constructors)",
-        "memberOf" : "Roo.ContentPanel",
-        "optvals" : [
-          "center",
+        "desc" : [
+          "(center",
           "north",
           "south",
           "east",
-          "west"
-        ]
+          "west)"
+        ],
+        "memberOf" : "Roo.ContentPanel"
       },
       {
         "name" : "resizeEl",
       {
         "name" : "tabPosition",
         "type" : "String",
-        "desc" : "m) \"top\" or \"bottom\" (defaults to \"bottom\")",
-        "memberOf" : "Roo.LayoutRegion",
-        "optvals" : [
-          "top",
-          "bottom"
-        ]
+        "desc" : [
+          "(top",
+          "bottom)"
+        ],
+        "memberOf" : "Roo.LayoutRegion"
       },
       {
         "name" : "title",
         "desc" : "The HTML fragment or an array of fragments to join(\"\") or multiple arguments to join(\"\")",
         "memberOf" : ""
       },
+      {
+        "name" : "onLoad",
+        "type" : "Function",
+        "desc" : "Called after the template has been loaded and complied (usually from a remove source)",
+        "memberOf" : ""
+      },
       {
         "name" : "url",
         "type" : "String",
       {
         "name" : "region",
         "type" : "String",
-        "desc" : "t) which region to put this panel on (when used with xtype constructors)",
-        "memberOf" : "Roo.ContentPanel",
-        "optvals" : [
-          "center",
+        "desc" : [
+          "(center",
           "north",
           "south",
           "east",
-          "west"
-        ]
+          "west)"
+        ],
+        "memberOf" : "Roo.ContentPanel"
       },
       {
         "name" : "resizeEl",
         "desc" : "The HTML fragment or an array of fragments to join(\"\") or multiple arguments to join(\"\")",
         "memberOf" : "Roo.Template"
       },
+      {
+        "name" : "onLoad",
+        "type" : "Function",
+        "desc" : "Called after the template has been loaded and complied (usually from a remove source)",
+        "memberOf" : "Roo.Template"
+      },
       {
         "name" : "url",
         "type" : "String",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "html",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "weight",
         "type" : "String",
-        "desc" : ")",
-        "memberOf" : "",
-        "optvals" : [
-          "success",
+        "desc" : [
+          "(  success",
           "info",
           "warning",
-          "danger"
-        ]
+          "danger )"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "href",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "badge_weight",
         "type" : "String",
-        "desc" : "k) default (same as button)",
-        "memberOf" : "",
-        "optvals" : [
-          "default",
+        "desc" : [
+          "(default",
           "primary",
           "secondary",
           "success",
           "danger",
           "link",
           "light",
-          "dark"
-        ]
+          "dark)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "can_build_overlaid",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "href",
       {
         "name" : "size",
         "type" : "String",
-        "desc" : "s)",
-        "memberOf" : "",
-        "optvals" : [
-          "lg",
+        "desc" : [
+          "(lg",
           "sm",
-          "xs"
-        ]
+          "xs)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "style",
       {
         "name" : "tag",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "",
-        "optvals" : [
-          "a",
+        "desc" : [
+          "(a",
           "input",
-          "submit"
-        ]
+          "submit)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "target",
         "type" : "String",
-        "desc" : "r) target for a href.",
-        "memberOf" : "",
-        "optvals" : [
-          "_self",
+        "desc" : [
+          "(_self",
           "_blank",
           "_parent",
           "_top",
-          "other"
-        ]
+          "other)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "theme",
         "type" : "String",
-        "desc" : "w)",
-        "memberOf" : "",
-        "optvals" : [
-          "default",
-          "glow"
-        ]
+        "desc" : [
+          "(default",
+          "glow)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "toggle",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "weight",
         "type" : "String",
-        "desc" : "k) default",
-        "memberOf" : "",
-        "optvals" : [
-          "default",
+        "desc" : [
+          "(default",
           "primary",
           "secondary",
           "success",
           "danger",
           "link",
           "light",
-          "dark"
-        ]
+          "dark)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       }
     ]
   },
-  "Roo.bootstrap.Calendar" : {
+  "Roo.bootstrap.ButtonUploader" : {
     "props" : [
       {
         "name" : "actionMode",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "badge",
+        "type" : "String",
+        "desc" : "text for badge",
+        "memberOf" : "Roo.bootstrap.Button"
+      },
+      {
+        "name" : "badge_weight",
+        "type" : "String",
+        "desc" : [
+          "(default",
+          "primary",
+          "secondary",
+          "success",
+          "info",
+          "warning",
+          "danger",
+          "link",
+          "light",
+          "dark)"
+        ],
+        "memberOf" : "Roo.bootstrap.Button"
+      },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "header",
-        "type" : "Object",
-        "desc" : "generate the user specific header of the calendar, default false",
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "default false;",
+        "memberOf" : "Roo.bootstrap.Button"
+      },
+      {
+        "name" : "errorTimeout",
+        "type" : "Number",
+        "desc" : "default 3000",
         "memberOf" : ""
       },
+      {
+        "name" : "fa",
+        "type" : "String",
+        "desc" : "fontawesome icon - eg. 'comment' - without the fa/fas etc..",
+        "memberOf" : "Roo.bootstrap.Button"
+      },
+      {
+        "name" : "glyphicon",
+        "type" : "String",
+        "desc" : "depricated - use fa",
+        "memberOf" : "Roo.bootstrap.Button"
+      },
+      {
+        "name" : "grpup",
+        "type" : "Boolean",
+        "desc" : "if parent is a btn group - then it turns it into a toogleGroup.",
+        "memberOf" : "Roo.bootstrap.Button"
+      },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "href",
+        "type" : "String",
+        "desc" : "empty or href",
+        "memberOf" : "Roo.bootstrap.Button"
+      },
+      {
+        "name" : "html",
+        "type" : "Array",
+        "desc" : "The button text.",
+        "memberOf" : ""
+      },
+      {
+        "name" : "images",
+        "type" : "Array",
+        "desc" : "an array of ?? Img objects ??? when loading existing files..",
+        "memberOf" : ""
+      },
+      {
+        "name" : "inverse",
+        "type" : "Boolean",
+        "desc" : "dark themed version",
+        "memberOf" : "Roo.bootstrap.Button"
+      },
+      {
+        "name" : "isClose",
+        "type" : "Boolean",
+        "desc" : "default false;",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
         "name" : "listeners",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "loadMask",
-        "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
-      },
       {
         "name" : "name",
         "type" : "string",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "startDay",
-        "type" : "Number",
-        "desc" : "Day index at which the week should begin, 0-based (defaults to 0, which is Sunday)",
-        "memberOf" : ""
+        "name" : "offtext",
+        "type" : "String",
+        "desc" : "text for off slidy toggle state",
+        "memberOf" : "Roo.bootstrap.Button"
+      },
+      {
+        "name" : "ontext",
+        "type" : "String",
+        "desc" : "text for on slidy toggle state",
+        "memberOf" : "Roo.bootstrap.Button"
+      },
+      {
+        "name" : "outline",
+        "type" : "Boolean",
+        "desc" : "default false (except for weight=default which emulates old behaveiour with an outline)",
+        "memberOf" : "Roo.bootstrap.Button"
+      },
+      {
+        "name" : "pressed",
+        "type" : "Boolean",
+        "desc" : "default null - if the button ahs active state",
+        "memberOf" : "Roo.bootstrap.Button"
+      },
+      {
+        "name" : "preventDefault",
+        "type" : "Boolean",
+        "desc" : "default true (stop click event triggering the URL if it's a link.)",
+        "memberOf" : "Roo.bootstrap.Button"
+      },
+      {
+        "name" : "removeClass",
+        "type" : "Boolean",
+        "desc" : "remove the standard class..",
+        "memberOf" : "Roo.bootstrap.Button"
+      },
+      {
+        "name" : "size",
+        "type" : "String",
+        "desc" : [
+          "(lg",
+          "sm",
+          "xs)"
+        ],
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
         "name" : "style",
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "tag",
+        "type" : "String",
+        "desc" : [
+          "(a",
+          "input",
+          "submit)"
+        ],
+        "memberOf" : "Roo.bootstrap.Button"
+      },
+      {
+        "name" : "target",
+        "type" : "String",
+        "desc" : [
+          "(_self",
+          "_blank",
+          "_parent",
+          "_top",
+          "other)"
+        ],
+        "memberOf" : "Roo.bootstrap.Button"
+      },
+      {
+        "name" : "theme",
+        "type" : "String",
+        "desc" : [
+          "(default",
+          "glow)"
+        ],
+        "memberOf" : "Roo.bootstrap.Button"
+      },
+      {
+        "name" : "toggle",
+        "type" : "Boolean",
+        "desc" : "is it a slidy toggle button",
+        "memberOf" : "Roo.bootstrap.Button"
+      },
       {
         "name" : "tooltip",
         "type" : "string",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "weight",
+        "type" : "String",
+        "desc" : [
+          "(default",
+          "primary",
+          "secondary",
+          "success",
+          "info",
+          "warning",
+          "danger",
+          "link",
+          "light",
+          "dark)"
+        ],
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
         "name" : "xattr",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "beforeselect",
+        "type" : "function",
+        "desc" : "When button is pressed, before show upload files dialog is shown",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "beforeshow",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "click",
+        "type" : "function",
+        "desc" : "When a button is pressed",
+        "sig" : "function (btn, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Button"
+      },
+      {
+        "name" : "dblclick",
+        "type" : "function",
+        "desc" : "When a button is double clicked",
+        "sig" : "function (btn, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Button"
+      },
       {
         "name" : "destroy",
         "type" : "function",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "eventclick",
+        "name" : "fired when files have been selected,",
         "type" : "function",
-        "desc" : "Fires when the mouse click an",
-        "sig" : "function (_self, )\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "name" : "evententer",
-        "type" : "function",
-        "desc" : "Fires when mouse over an event",
-        "sig" : "function (_self, Event)\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "name" : "eventleave",
-        "type" : "function",
-        "desc" : "Fires when the mouse leaves an",
-        "sig" : "function (_self, )\n{\n\n}",
+        "desc" : "When a the download link is clicked",
+        "sig" : "function (_self, Array)\n{\n\n}",
         "memberOf" : ""
       },
       {
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "monthchange",
-        "type" : "function",
-        "desc" : "Fires when the displayed month changes",
-        "sig" : "function (_self, date)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "render",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "select",
-        "type" : "function",
-        "desc" : "Fires when a date is selected",
-        "sig" : "function (_self, date)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "show",
         "type" : "function",
         "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "toggle",
+        "type" : "function",
+        "desc" : "After the button has been toggles",
+        "sig" : "function (btn, e, pressed)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Button"
       }
     ],
     "methods" : [
       {
         "name" : "disable",
         "type" : "function",
-        "desc" : "Disable this component.",
+        "desc" : "Disable this button",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
         "name" : "enable",
         "type" : "function",
-        "desc" : "Enable this component.",
+        "desc" : "Enables this button",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
         "name" : "fireEvent",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "getText",
+        "type" : "function",
+        "desc" : "get the text of the first selected button",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Button"
+      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "isActive",
+        "type" : "function",
+        "desc" : "get the current active state",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Button"
+      },
       {
         "name" : "isVisible",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "reset",
+        "type" : "function",
+        "desc" : "addCard - add an Attachment to the uploader",
+        "sig" : "(data)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "setActive",
+        "type" : "function",
+        "desc" : "sets the active state on/off,",
+        "sig" : "(state)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Button"
+      },
       {
         "name" : "setDisabled",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "setText",
+        "type" : "function",
+        "desc" : "set the text of the first selected button",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Button"
+      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "toggleActive",
+        "type" : "function",
+        "desc" : "toggles the current active state",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Button"
+      },
       {
         "name" : "tooltipEl",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.Card" : {
+  "Roo.bootstrap.Calendar" : {
     "props" : [
       {
         "name" : "actionMode",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "display",
-        "type" : "String",
-        "desc" : "x)",
-        "memberOf" : "",
-        "optvals" : [
-          "none",
-          "inline",
-          "inline-block",
-          "block",
-          "table",
-          "table-cell",
-          "table-row",
-          "flex",
-          "inline-flex"
-        ]
-      },
-      {
-        "name" : "display_lg",
-        "type" : "String",
-        "desc" : "x)",
-        "memberOf" : "",
-        "optvals" : [
-          "none",
-          "inline",
-          "inline-block",
-          "block",
-          "table",
-          "table-cell",
-          "table-row",
-          "flex",
-          "inline-flex"
-        ]
-      },
-      {
-        "name" : "display_sm",
-        "type" : "String",
-        "desc" : "x)",
-        "memberOf" : "",
-        "optvals" : [
-          "none",
-          "inline",
-          "inline-block",
-          "block",
-          "table",
-          "table-cell",
-          "table-row",
-          "flex",
-          "inline-flex"
-        ]
-      },
-      {
-        "name" : "display_xl",
-        "type" : "String",
-        "desc" : "x)",
-        "memberOf" : "",
-        "optvals" : [
-          "none",
-          "inline",
-          "inline-block",
-          "block",
-          "table",
-          "table-cell",
-          "table-row",
-          "flex",
-          "inline-flex"
-        ]
-      },
-      {
-        "name" : "display_xs",
-        "type" : "String",
-        "desc" : "x)",
-        "memberOf" : "",
-        "optvals" : [
-          "none",
-          "inline",
-          "inline-block",
-          "block",
-          "table",
-          "table-cell",
-          "table-row",
-          "flex",
-          "inline-flex"
-        ]
-      },
-      {
-        "name" : "footer",
-        "type" : "String",
-        "desc" : "",
-        "memberOf" : ""
-      },
       {
         "name" : "header",
-        "type" : "String|Object",
-        "desc" : "",
-        "memberOf" : ""
-      },
-      {
-        "name" : "header_image",
-        "type" : "String",
-        "desc" : "src url of image.",
+        "type" : "Object",
+        "desc" : "generate the user specific header of the calendar, default false",
         "memberOf" : ""
       },
-      {
-        "name" : "header_size",
-        "type" : "Number",
-        "desc" : "5) H1 or H2 etc.. 0 indicates default",
-        "memberOf" : "",
-        "optvals" : [
-          "0",
-          "1",
-          "2",
-          "3",
-          "4",
-          "5"
-        ]
-      },
-      {
-        "name" : "header_weight",
-        "type" : "Number",
-        "desc" : "k)",
-        "memberOf" : "",
-        "optvals" : [
-          "primary",
-          "secondary",
-          "success",
-          "info",
-          "warning",
-          "danger",
-          "light",
-          "dark"
-        ]
-      },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
-      },
-      {
-        "name" : "html",
-        "type" : "String|Boolean",
-        "desc" : "-- html contents - or just use children.. use false to hide it..",
-        "memberOf" : ""
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "listeners",
         "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "margin",
-        "type" : "String",
-        "desc" : "o)",
-        "memberOf" : "",
-        "optvals" : [
-          "0",
-          "1",
-          "2",
-          "3",
-          "4",
-          "5",
-          "auto"
-        ]
-      },
-      {
-        "name" : "margin_bottom",
-        "type" : "String",
-        "desc" : "o)",
-        "memberOf" : "",
-        "optvals" : [
-          "0",
-          "1",
-          "2",
-          "3",
-          "4",
-          "5",
-          "auto"
-        ]
-      },
-      {
-        "name" : "margin_left",
-        "type" : "String",
-        "desc" : "o)",
-        "memberOf" : "",
-        "optvals" : [
-          "0",
-          "1",
-          "2",
-          "3",
-          "4",
-          "5",
-          "auto"
-        ]
-      },
-      {
-        "name" : "margin_right",
-        "type" : "String",
-        "desc" : "o)",
-        "memberOf" : "",
-        "optvals" : [
-          "0",
-          "1",
-          "2",
-          "3",
-          "4",
-          "5",
-          "auto"
-        ]
-      },
-      {
-        "name" : "margin_top",
-        "type" : "String",
-        "desc" : "o)",
-        "memberOf" : "",
-        "optvals" : [
-          "0",
-          "1",
-          "2",
-          "3",
-          "4",
-          "5",
-          "auto"
-        ]
-      },
-      {
-        "name" : "margin_x",
-        "type" : "String",
-        "desc" : "o)",
-        "memberOf" : "",
-        "optvals" : [
-          "0",
-          "1",
-          "2",
-          "3",
-          "4",
-          "5",
-          "auto"
-        ]
-      },
-      {
-        "name" : "margin_y",
-        "type" : "String",
-        "desc" : "o)",
-        "memberOf" : "",
-        "optvals" : [
-          "0",
-          "1",
-          "2",
-          "3",
-          "4",
-          "5",
-          "auto"
-        ]
+        "name" : "loadMask",
+        "type" : "Boolean",
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "name",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "padding",
-        "type" : "String",
-        "desc" : "5)",
-        "memberOf" : "",
-        "optvals" : [
-          "0",
-          "1",
-          "2",
-          "3",
-          "4",
-          "5"
-        ]
-      },
-      {
-        "name" : "padding_bottom",
-        "type" : "String",
-        "desc" : "5)",
-        "memberOf" : "",
-        "optvals" : [
-          "0",
-          "1",
-          "2",
-          "3",
-          "4",
-          "5"
-        ]
-      },
-      {
-        "name" : "padding_left",
-        "type" : "String",
-        "desc" : "5)",
-        "memberOf" : "",
-        "optvals" : [
-          "0",
-          "1",
-          "2",
-          "3",
-          "4",
-          "5"
-        ]
-      },
-      {
-        "name" : "padding_right",
-        "type" : "String",
-        "desc" : "5)",
-        "memberOf" : "",
-        "optvals" : [
-          "0",
-          "1",
-          "2",
-          "3",
-          "4",
-          "5"
-        ]
-      },
-      {
-        "name" : "padding_top",
-        "type" : "String",
-        "desc" : "5)next_to_card",
-        "memberOf" : "",
-        "optvals" : [
-          "0",
-          "1",
-          "2",
-          "3",
-          "4",
-          "5"
-        ]
-      },
-      {
-        "name" : "padding_x",
-        "type" : "String",
-        "desc" : "5)",
-        "memberOf" : "",
-        "optvals" : [
-          "0",
-          "1",
-          "2",
-          "3",
-          "4",
-          "5"
-        ]
-      },
-      {
-        "name" : "padding_y",
-        "type" : "String",
-        "desc" : "5)",
-        "memberOf" : "",
-        "optvals" : [
-          "0",
-          "1",
-          "2",
-          "3",
-          "4",
-          "5"
-        ]
+        "name" : "startDay",
+        "type" : "Number",
+        "desc" : "Day index at which the week should begin, 0-based (defaults to 0, which is Sunday)",
+        "memberOf" : ""
       },
       {
         "name" : "style",
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "subtitle",
-        "type" : "String",
-        "desc" : "",
-        "memberOf" : ""
-      },
-      {
-        "name" : "title",
-        "type" : "String",
-        "desc" : "",
-        "memberOf" : ""
-      },
       {
         "name" : "tooltip",
         "type" : "string",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
-      },
-      {
-        "name" : "weight",
-        "type" : "String",
-        "desc" : "k)",
-        "memberOf" : "",
-        "optvals" : [
-          "primary",
-          "warning",
-          "info",
-          "danger",
-          "secondary",
-          "success",
-          "light",
-          "dark"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "drop",
-        "type" : "function",
-        "desc" : "When a element a card is dropped",
-        "sig" : "function (_self, move_card, position, next_to_card)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "enable",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "eventclick",
+        "type" : "function",
+        "desc" : "Fires when the mouse click an",
+        "sig" : "function (_self, )\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "evententer",
+        "type" : "function",
+        "desc" : "Fires when mouse over an event",
+        "sig" : "function (_self, Event)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "eventleave",
+        "type" : "function",
+        "desc" : "Fires when the mouse leaves an",
+        "sig" : "function (_self, )\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "hide",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "monthchange",
+        "type" : "function",
+        "desc" : "Fires when the displayed month changes",
+        "sig" : "function (_self, date)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "render",
         "type" : "function",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "rotate",
+        "name" : "select",
         "type" : "function",
-        "desc" : "When a element a card is rotate",
-        "sig" : "function (_self, n, rotate)\n{\n\n}",
+        "desc" : "Fires when a date is selected",
+        "sig" : "function (_self, date)\n{\n\n}",
         "memberOf" : ""
       },
       {
       }
     ],
     "methods" : [
-      {
-        "name" : "acceptCard",
-        "type" : "function",
-        "desc" : "accept card\n\n-        card.acceptCard(move_card, info.position, info.card, info.items_n);",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "addEvents",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "getDropPoint",
-        "type" : "function",
-        "desc" : "Decide whether to drop above or below a View node.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "getEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "getTargetFromEvent",
-        "type" : "function",
-        "desc" : "Part of the Roo.dd.DropZone interface. If no target node is found, the\n   whole Element becomes the target, and this causes the drop gesture to append.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.CardFooter" : {
+  "Roo.bootstrap.Card" : {
     "props" : [
       {
         "name" : "actionMode",
         "desc" : "True if element can be rebuild from a HTML page",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "clickable",
-        "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "Roo.bootstrap.Element",
-        "optvals" : [
-          "true",
-          "false"
-        ]
-      },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "class of the element",
-        "memberOf" : "Roo.bootstrap.Element"
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "container_method",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "hideMode",
+        "name" : "display",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(none",
+          "inline",
+          "inline-block",
+          "block",
+          "table",
+          "table-cell",
+          "table-row",
+          "flex",
+          "inline-flex)"
+        ],
+        "memberOf" : ""
       },
       {
-        "name" : "html",
+        "name" : "display_lg",
         "type" : "String",
-        "desc" : "contents of the element",
-        "memberOf" : "Roo.bootstrap.Element"
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "desc" : [
+          "(none",
+          "inline",
+          "inline-block",
+          "block",
+          "table",
+          "table-cell",
+          "table-row",
+          "flex",
+          "inline-flex)"
+        ],
+        "memberOf" : ""
       },
       {
-        "name" : "name",
-        "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "display_sm",
+        "type" : "String",
+        "desc" : [
+          "(none",
+          "inline",
+          "inline-block",
+          "block",
+          "table",
+          "table-cell",
+          "table-row",
+          "flex",
+          "inline-flex)"
+        ],
+        "memberOf" : ""
       },
       {
-        "name" : "preventDefault",
-        "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "Roo.bootstrap.Element",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "name" : "display_xl",
+        "type" : "String",
+        "desc" : [
+          "(none",
+          "inline",
+          "inline-block",
+          "block",
+          "table",
+          "table-cell",
+          "table-row",
+          "flex",
+          "inline-flex)"
+        ],
+        "memberOf" : ""
       },
       {
-        "name" : "style",
+        "name" : "display_xs",
         "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : [
+          "(none",
+          "inline",
+          "inline-block",
+          "block",
+          "table",
+          "table-cell",
+          "table-row",
+          "flex",
+          "inline-flex)"
+        ],
+        "memberOf" : ""
       },
       {
-        "name" : "tag",
+        "name" : "footer",
         "type" : "String",
-        "desc" : "tag of the element",
-        "memberOf" : "Roo.bootstrap.Element"
+        "desc" : "",
+        "memberOf" : ""
       },
       {
-        "name" : "tooltip",
-        "type" : "string",
-        "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "header",
+        "type" : "String|Object",
+        "desc" : "",
+        "memberOf" : ""
       },
       {
-        "name" : "visibilityEl",
-        "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "name" : "header_image",
+        "type" : "String",
+        "desc" : "src url of image.",
+        "memberOf" : ""
       },
       {
-        "name" : "xattr",
-        "type" : "Object",
-        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
-      }
-    ],
-    "events" : [
-      {
-        "name" : "beforedestroy",
-        "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "name" : "header_size",
+        "type" : "Number",
+        "desc" : [
+          "(0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5)"
+        ],
+        "memberOf" : ""
       },
       {
-        "name" : "beforehide",
-        "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "name" : "header_weight",
+        "type" : "Number",
+        "desc" : [
+          "(primary",
+          "secondary",
+          "success",
+          "info",
+          "warning",
+          "danger",
+          "light",
+          "dark)"
+        ],
+        "memberOf" : ""
       },
       {
-        "name" : "beforerender",
-        "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "beforeshow",
-        "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "name" : "html",
+        "type" : "String|Boolean",
+        "desc" : "-- html contents - or just use children.. use false to hide it..",
+        "memberOf" : ""
       },
       {
-        "name" : "childrenrendered",
-        "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
-        "sig" : "function (_self)\n{\n\n}",
+        "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" : "margin",
+        "type" : "String",
+        "desc" : [
+          "(0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "auto)"
+        ],
+        "memberOf" : ""
+      },
+      {
+        "name" : "margin_bottom",
+        "type" : "String",
+        "desc" : [
+          "(0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "auto)"
+        ],
+        "memberOf" : ""
+      },
+      {
+        "name" : "margin_left",
+        "type" : "String",
+        "desc" : [
+          "(0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "auto)"
+        ],
+        "memberOf" : ""
+      },
+      {
+        "name" : "margin_right",
+        "type" : "String",
+        "desc" : [
+          "(0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "auto)"
+        ],
+        "memberOf" : ""
+      },
+      {
+        "name" : "margin_top",
+        "type" : "String",
+        "desc" : [
+          "(0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "auto)"
+        ],
+        "memberOf" : ""
+      },
+      {
+        "name" : "margin_x",
+        "type" : "String",
+        "desc" : [
+          "(0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "auto)"
+        ],
+        "memberOf" : ""
+      },
+      {
+        "name" : "margin_y",
+        "type" : "String",
+        "desc" : [
+          "(0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "auto)"
+        ],
+        "memberOf" : ""
+      },
+      {
+        "name" : "name",
+        "type" : "string",
+        "desc" : "Specifies name attribute",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "click",
+        "name" : "padding",
+        "type" : "String",
+        "desc" : [
+          "(0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5)"
+        ],
+        "memberOf" : ""
+      },
+      {
+        "name" : "padding_bottom",
+        "type" : "String",
+        "desc" : [
+          "(0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5)"
+        ],
+        "memberOf" : ""
+      },
+      {
+        "name" : "padding_left",
+        "type" : "String",
+        "desc" : [
+          "(0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5)"
+        ],
+        "memberOf" : ""
+      },
+      {
+        "name" : "padding_right",
+        "type" : "String",
+        "desc" : [
+          "(0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5)"
+        ],
+        "memberOf" : ""
+      },
+      {
+        "name" : "padding_top",
+        "type" : "String",
+        "desc" : [
+          "(0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5)"
+        ],
+        "memberOf" : ""
+      },
+      {
+        "name" : "padding_x",
+        "type" : "String",
+        "desc" : [
+          "(0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5)"
+        ],
+        "memberOf" : ""
+      },
+      {
+        "name" : "padding_y",
+        "type" : "String",
+        "desc" : [
+          "(0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5)"
+        ],
+        "memberOf" : ""
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "subtitle",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : ""
+      },
+      {
+        "name" : "title",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : ""
+      },
+      {
+        "name" : "tooltip",
+        "type" : "string",
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "weight",
+        "type" : "String",
+        "desc" : [
+          "(primary",
+          "warning",
+          "info",
+          "danger",
+          "secondary",
+          "success",
+          "light",
+          "dark)"
+        ],
+        "memberOf" : ""
+      },
+      {
+        "name" : "xattr",
+        "type" : "Object",
+        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
+        "memberOf" : "Roo.bootstrap.Component"
+      }
+    ],
+    "events" : [
+      {
+        "name" : "beforedestroy",
         "type" : "function",
-        "desc" : "When a element is chick",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Element"
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "beforehide",
+        "type" : "function",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "beforerender",
+        "type" : "function",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "beforeshow",
+        "type" : "function",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "cardover",
+        "type" : "function",
+        "desc" : "When a card element is dragged over ready to drop (return false to block dropable)",
+        "sig" : "function (_self, data)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "childrenrendered",
+        "type" : "function",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "destroy",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "drop",
+        "type" : "function",
+        "desc" : "When a element a card is dropped",
+        "sig" : "function (_self, move_card, position, next_to_card)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "enable",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "rotate",
+        "type" : "function",
+        "desc" : "When a element a card is rotate",
+        "sig" : "function (_self, n, rotate)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "show",
         "type" : "function",
       }
     ],
     "methods" : [
+      {
+        "name" : "acceptCard",
+        "type" : "function",
+        "desc" : "accept card\n\n-        card.acceptCard(move_card, info.position, info.card, info.items_n);",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "addEvents",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "getDropPoint",
+        "type" : "function",
+        "desc" : "Decide whether to drop above or below a View node.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "getEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "getTargetFromEvent",
+        "type" : "function",
+        "desc" : "Part of the Roo.dd.DropZone interface. If no target node is found, the\n   whole Element becomes the target, and this causes the drop gesture to append.\n\n   Returns an object:\n    {\n           \n           position : 'below' or 'above'\n           card  : relateive to card OBJECT (or true for no cards listed)\n           items_n : relative to nth item in list\n           card_n : relative to  nth card in list\n    }",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.CardHeader" : {
+  "Roo.bootstrap.CardFooter" : {
     "props" : [
       {
         "name" : "actionMode",
       {
         "name" : "clickable",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "Roo.bootstrap.Element",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Element"
       },
       {
         "name" : "cls",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "html",
       {
         "name" : "preventDefault",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "Roo.bootstrap.Element",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Element"
+      },
+      {
+        "name" : "role",
+        "type" : "String",
+        "desc" : "default blank - set to button to force cursor pointer",
+        "memberOf" : "Roo.bootstrap.Element"
       },
       {
         "name" : "style",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       }
     ]
   },
-  "Roo.bootstrap.CardImageTop" : {
+  "Roo.bootstrap.CardHeader" : {
     "props" : [
       {
         "name" : "actionMode",
       {
         "name" : "clickable",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "Roo.bootstrap.Element",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Element"
       },
       {
         "name" : "cls",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "html",
       {
         "name" : "preventDefault",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "Roo.bootstrap.Element",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Element"
+      },
+      {
+        "name" : "role",
+        "type" : "String",
+        "desc" : "default blank - set to button to force cursor pointer",
+        "memberOf" : "Roo.bootstrap.Element"
       },
       {
         "name" : "style",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       }
     ]
   },
-  "Roo.bootstrap.CardUploader" : {
+  "Roo.bootstrap.CardImageTop" : {
     "props" : [
       {
         "name" : "actionMode",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "badge",
-        "type" : "String",
-        "desc" : "text for badge",
-        "memberOf" : "Roo.bootstrap.Button"
-      },
-      {
-        "name" : "badge_weight",
-        "type" : "String",
-        "desc" : "k) default (same as button)",
-        "memberOf" : "Roo.bootstrap.Button",
-        "optvals" : [
-          "default",
-          "primary",
-          "secondary",
-          "success",
-          "info",
-          "warning",
-          "danger",
-          "link",
-          "light",
-          "dark"
-        ]
-      },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "clickable",
+        "type" : "Boolean",
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Element"
+      },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "class of the element",
+        "memberOf" : "Roo.bootstrap.Element"
       },
       {
         "name" : "container_method",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "default false;",
-        "memberOf" : "Roo.bootstrap.Button"
-      },
-      {
-        "name" : "errorTimeout",
-        "type" : "Number",
-        "desc" : "default 3000",
-        "memberOf" : ""
-      },
-      {
-        "name" : "fa",
-        "type" : "String",
-        "desc" : "fontawesome icon - eg. 'comment' - without the fa/fas etc..",
-        "memberOf" : "Roo.bootstrap.Button"
-      },
-      {
-        "name" : "glyphicon",
-        "type" : "String",
-        "desc" : "depricated - use fa",
-        "memberOf" : "Roo.bootstrap.Button"
-      },
-      {
-        "name" : "grpup",
-        "type" : "Boolean",
-        "desc" : "if parent is a btn group - then it turns it into a toogleGroup.",
-        "memberOf" : "Roo.bootstrap.Button"
-      },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
-      },
-      {
-        "name" : "href",
-        "type" : "String",
-        "desc" : "empty or href",
-        "memberOf" : "Roo.bootstrap.Button"
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "html",
-        "type" : "Array",
-        "desc" : "The button text.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "images",
-        "type" : "Array",
-        "desc" : "an array of ?? Img objects ??? when loading existing files..",
-        "memberOf" : ""
-      },
-      {
-        "name" : "inverse",
-        "type" : "Boolean",
-        "desc" : "dark themed version",
-        "memberOf" : "Roo.bootstrap.Button"
-      },
-      {
-        "name" : "isClose",
-        "type" : "Boolean",
-        "desc" : "default false;",
-        "memberOf" : "Roo.bootstrap.Button"
+        "type" : "String",
+        "desc" : "contents of the element",
+        "memberOf" : "Roo.bootstrap.Element"
       },
       {
         "name" : "listeners",
         "desc" : "Specifies name attribute",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "offtext",
-        "type" : "String",
-        "desc" : "text for off slidy toggle state",
-        "memberOf" : "Roo.bootstrap.Button"
-      },
-      {
-        "name" : "ontext",
-        "type" : "String",
-        "desc" : "text for on slidy toggle state",
-        "memberOf" : "Roo.bootstrap.Button"
-      },
-      {
-        "name" : "outline",
-        "type" : "Boolean",
-        "desc" : "default false (except for weight=default which emulates old behaveiour with an outline)",
-        "memberOf" : "Roo.bootstrap.Button"
-      },
-      {
-        "name" : "pressed",
-        "type" : "Boolean",
-        "desc" : "default null - if the button ahs active state",
-        "memberOf" : "Roo.bootstrap.Button"
-      },
       {
         "name" : "preventDefault",
         "type" : "Boolean",
-        "desc" : "default true (stop click event triggering the URL if it's a link.)",
-        "memberOf" : "Roo.bootstrap.Button"
-      },
-      {
-        "name" : "removeClass",
-        "type" : "Boolean",
-        "desc" : "remove the standard class..",
-        "memberOf" : "Roo.bootstrap.Button"
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Element"
       },
       {
-        "name" : "size",
+        "name" : "role",
         "type" : "String",
-        "desc" : "s)",
-        "memberOf" : "Roo.bootstrap.Button",
-        "optvals" : [
-          "lg",
-          "sm",
-          "xs"
-        ]
+        "desc" : "default blank - set to button to force cursor pointer",
+        "memberOf" : "Roo.bootstrap.Element"
       },
       {
         "name" : "style",
       {
         "name" : "tag",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.Button",
-        "optvals" : [
-          "a",
-          "input",
-          "submit"
-        ]
-      },
-      {
-        "name" : "target",
-        "type" : "String",
-        "desc" : "r) target for a href.",
-        "memberOf" : "Roo.bootstrap.Button",
-        "optvals" : [
-          "_self",
-          "_blank",
-          "_parent",
-          "_top",
-          "other"
-        ]
-      },
-      {
-        "name" : "theme",
-        "type" : "String",
-        "desc" : "w)",
-        "memberOf" : "Roo.bootstrap.Button",
-        "optvals" : [
-          "default",
-          "glow"
-        ]
-      },
-      {
-        "name" : "toggle",
-        "type" : "Boolean",
-        "desc" : "is it a slidy toggle button",
-        "memberOf" : "Roo.bootstrap.Button"
+        "desc" : "tag of the element",
+        "memberOf" : "Roo.bootstrap.Element"
       },
       {
         "name" : "tooltip",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
-      },
-      {
-        "name" : "weight",
-        "type" : "String",
-        "desc" : "k) default",
-        "memberOf" : "Roo.bootstrap.Button",
-        "optvals" : [
-          "default",
-          "primary",
-          "secondary",
-          "success",
-          "info",
-          "warning",
-          "danger",
-          "link",
-          "light",
-          "dark"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "click",
         "type" : "function",
-        "desc" : "When a button is pressed",
-        "sig" : "function (btn, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Button"
-      },
-      {
-        "name" : "dblclick",
-        "type" : "function",
-        "desc" : "When a button is double clicked",
-        "sig" : "function (btn, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Button"
+        "desc" : "When a element is chick",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Element"
       },
       {
         "name" : "destroy",
         "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "toggle",
-        "type" : "function",
-        "desc" : "After the button has been toggles",
-        "sig" : "function (btn, e, pressed)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Button"
       }
     ],
     "methods" : [
       {
         "name" : "disable",
         "type" : "function",
-        "desc" : "Disable this button",
+        "desc" : "Disable this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Button"
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "enable",
         "type" : "function",
-        "desc" : "Enables this button",
+        "desc" : "Enable this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Button"
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "fireEvent",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "getText",
-        "type" : "function",
-        "desc" : "get the text of the first selected button",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Button"
-      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "isActive",
-        "type" : "function",
-        "desc" : "get the current active state",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Button"
-      },
       {
         "name" : "isVisible",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "setActive",
-        "type" : "function",
-        "desc" : "sets the active state on/off,",
-        "sig" : "(state)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Button"
-      },
       {
         "name" : "setDisabled",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "setText",
-        "type" : "function",
-        "desc" : "set the text of the first selected button",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Button"
-      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "toggleActive",
-        "type" : "function",
-        "desc" : "toggles the current active state",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Button"
-      },
       {
         "name" : "tooltipEl",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.CheckBox" : {
+  "Roo.bootstrap.CardUploader" : {
     "props" : [
-      {
-        "name" : "(button|checkbox|email|file|hidden|image|number|password|radio|range|reset|search|submit|text)",
-        "type" : "String",
-        "desc" : "inputType",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "accept",
-        "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "image",
-          "video",
-          "audio"
-        ]
-      },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "after",
-        "type" : "string",
-        "desc" : "- input group add on after",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "align",
-        "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "left",
-          "center",
-          "right"
-        ]
-      },
-      {
-        "name" : "allowBlank",
-        "type" : "Boolean",
-        "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "autocomplete",
-        "type" : "String",
-        "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "before",
-        "type" : "string",
-        "desc" : "- input group add on before",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "blankText",
+        "name" : "badge",
         "type" : "String",
-        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "text for badge",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
-        "name" : "boxLabel",
+        "name" : "badge_weight",
         "type" : "String",
-        "desc" : "The text that appears beside the checkbox",
-        "memberOf" : ""
+        "desc" : [
+          "(default",
+          "primary",
+          "secondary",
+          "success",
+          "info",
+          "warning",
+          "danger",
+          "link",
+          "light",
+          "dark)"
+        ],
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
         "name" : "can_build_overlaid",
         "desc" : "True if element can be rebuild from a HTML page",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "capture",
-        "type" : "String",
-        "desc" : "a) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "user",
-          "camera"
-        ]
-      },
-      {
-        "name" : "checked",
-        "type" : "Boolean",
-        "desc" : "initnal the element",
-        "memberOf" : ""
-      },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "disableKeyFilter",
-        "type" : "Boolean",
-        "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "disabled",
         "type" : "Boolean",
-        "desc" : "is it disabled",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "default false;",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
-        "name" : "fieldLabel",
-        "type" : "string",
-        "desc" : "- the label associated",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "errorTimeout",
+        "type" : "Number",
+        "desc" : "default 3000",
+        "memberOf" : ""
       },
       {
-        "name" : "focusClass",
+        "name" : "fa",
         "type" : "String",
-        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "forceFeedback",
-        "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : "fontawesome icon - eg. 'comment' - without the fa/fas etc..",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
-        "name" : "groupId",
+        "name" : "glyphicon",
         "type" : "String",
-        "desc" : "the checkbox group id // normal just use for checkbox",
-        "memberOf" : ""
+        "desc" : "depricated - use fa",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
-        "name" : "hasFeedback",
+        "name" : "grpup",
         "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : "if parent is a btn group - then it turns it into a toogleGroup.",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "indicatorpos",
+        "name" : "href",
         "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "left",
-          "right"
-        ]
+        "desc" : "empty or href",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
-        "name" : "inline",
-        "type" : "Boolean",
-        "desc" : "inline the element (default false)",
+        "name" : "html",
+        "type" : "Array",
+        "desc" : "The button text.",
         "memberOf" : ""
       },
       {
-        "name" : "inputValue",
-        "type" : "String",
-        "desc" : "The value that should go into the generated input element's value when checked.",
+        "name" : "images",
+        "type" : "Array",
+        "desc" : "an array of ?? Img objects ??? when loading existing files..",
         "memberOf" : ""
       },
       {
-        "name" : "invalidClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "invalidFeedbackIcon",
-        "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "invalidText",
-        "type" : "String",
-        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelAlign",
-        "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "top",
-          "left"
-        ]
-      },
-      {
-        "name" : "labelWidth",
-        "type" : "Number",
-        "desc" : "set the width of label",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labellg",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelmd",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelsm",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelxs",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "inverse",
+        "type" : "Boolean",
+        "desc" : "dark themed version",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
-        "name" : "lg",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for large computer-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "isClose",
+        "type" : "Boolean",
+        "desc" : "default false;",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
         "name" : "listeners",
         "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "maskRe",
-        "type" : "String",
-        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "maxLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "md",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for computer-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "minLength",
-        "type" : "Number",
-        "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "name",
+        "type" : "string",
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "minLengthText",
+        "name" : "offtext",
         "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" : "text for off slidy toggle state",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
-        "name" : "name",
+        "name" : "ontext",
         "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" : "text for on slidy toggle state",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
-        "name" : "preventMark",
+        "name" : "outline",
         "type" : "Boolean",
-        "desc" : "Do not show tick or cross if error/success",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "default false (except for weight=default which emulates old behaveiour with an outline)",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
-        "name" : "readOnly",
+        "name" : "pressed",
         "type" : "Boolean",
-        "desc" : "Specifies that the field should be read-only",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "regex",
-        "type" : "RegExp",
-        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "default null - if the button ahs active state",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
-        "name" : "regexText",
-        "type" : "String",
-        "desc" : "-- Depricated - use Invalid Text",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "preventDefault",
+        "type" : "Boolean",
+        "desc" : "default true (stop click event triggering the URL if it's a link.)",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
-        "name" : "selectOnFocus",
+        "name" : "removeClass",
         "type" : "Boolean",
-        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "remove the standard class..",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
         "name" : "size",
-        "type" : "string",
-        "desc" : "- (lg|sm) or leave empty..",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "sm",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for tablet-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
+        "type" : "String",
+        "desc" : [
+          "(lg",
+          "sm",
+          "xs)"
+        ],
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
         "name" : "style",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "tooltip",
+        "name" : "tag",
         "type" : "String",
-        "desc" : "label tooltip",
-        "memberOf" : ""
+        "desc" : [
+          "(a",
+          "input",
+          "submit)"
+        ],
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
-        "name" : "validClass",
+        "name" : "target",
         "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : [
+          "(_self",
+          "_blank",
+          "_parent",
+          "_top",
+          "other)"
+        ],
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
-        "name" : "validFeedbackIcon",
+        "name" : "theme",
         "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : [
+          "(default",
+          "glow)"
+        ],
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
-        "name" : "validateOnBlur",
+        "name" : "toggle",
         "type" : "Boolean",
-        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "validationDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "validationEvent",
-        "type" : "String/Boolean",
-        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "validator",
-        "type" : "Function",
-        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "is it a slidy toggle button",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
-        "name" : "value",
+        "name" : "tooltip",
         "type" : "string",
-        "desc" : "default value of the input",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "valueOff",
-        "type" : "String",
-        "desc" : "The value that should go into the generated input element's value when unchecked.",
-        "memberOf" : ""
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
-      },
-      {
-        "name" : "vtype",
-        "type" : "String",
-        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "weight",
         "type" : "String",
-        "desc" : "s) The text that appears beside the checkbox",
-        "memberOf" : "",
-        "optvals" : [
+        "desc" : [
+          "(default",
           "primary",
-          "warning",
+          "secondary",
+          "success",
           "info",
+          "warning",
           "danger",
-          "success"
-        ]
+          "link",
+          "light",
+          "dark)"
+        ],
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
         "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "xs",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for mobile-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
       }
     ],
     "events" : [
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "blur",
-        "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "change",
-        "type" : "function",
-        "desc" : "Fires just before the field blurs if the field value has changed.",
-        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "check",
-        "type" : "function",
-        "desc" : "Fires when the element is checked or unchecked.",
-        "sig" : "function (_self, checked)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "childrenrendered",
         "type" : "function",
       {
         "name" : "click",
         "type" : "function",
-        "desc" : "Fires when the element is click.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
+        "desc" : "When a button is pressed",
+        "sig" : "function (btn, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Button"
+      },
+      {
+        "name" : "dblclick",
+        "type" : "function",
+        "desc" : "When a button is double clicked",
+        "sig" : "function (btn, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
         "name" : "destroy",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "enable",
+        "name" : "download",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
+        "desc" : "When a the download link is clicked",
+        "sig" : "function (_self, The)\n{\n\n}",
+        "memberOf" : ""
       },
       {
-        "name" : "focus",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
+        "desc" : "Fires after the component is enabled.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "hide",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "invalid",
-        "type" : "function",
-        "desc" : "Fires after the field has been marked as invalid.",
-        "sig" : "function (_self, msg)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "keyup",
+        "name" : "preview",
         "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "When a image is clicked on - and needs to display a slideshow or similar..",
+        "sig" : "function (_self, The)\n{\n\n}",
+        "memberOf" : ""
       },
       {
         "name" : "render",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "specialkey",
-        "type" : "function",
-        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "valid",
+        "name" : "toggle",
         "type" : "function",
-        "desc" : "Fires after the field has been validated with no errors.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "After the button has been toggles",
+        "sig" : "function (btn, e, pressed)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Button"
       }
     ],
     "methods" : [
+      {
+        "name" : "addCard",
+        "type" : "function",
+        "desc" : "addCard - add an Attachment to the uploader",
+        "sig" : "(data)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "addEvents",
         "type" : "function",
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "clearInvalid",
-        "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "destroy",
         "type" : "function",
       {
         "name" : "disable",
         "type" : "function",
-        "desc" : "Disable this component.",
+        "desc" : "Disable this button",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
         "name" : "enable",
         "type" : "function",
-        "desc" : "Enable this component.",
+        "desc" : "Enables this button",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
         "name" : "fireEvent",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "get",
-        "type" : "function",
-        "desc" : "fetch a CheckBox Group based on the group ID",
-        "sig" : "(the)",
-        "static" : true,
-        "memberOf" : ""
-      },
       {
         "name" : "getChildContainer",
         "type" : "function",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "getName",
-        "type" : "function",
-        "desc" : "Returns the name of the field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "getRawValue",
-        "type" : "function",
-        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "getValue",
+        "name" : "getText",
         "type" : "function",
-        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
+        "desc" : "get the text of the first selected button",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
         "name" : "getVisibilityEl",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "inputEl",
+        "name" : "isActive",
         "type" : "function",
-        "desc" : "return the real input element.",
+        "desc" : "get the current active state",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
         "name" : "isVisible",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "markInvalid",
-        "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "markValid",
-        "type" : "function",
-        "desc" : "Mark this field as valid",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
       {
         "name" : "on",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "register",
-        "type" : "function",
-        "desc" : "register a CheckBox Group",
-        "sig" : "(the)",
-        "static" : true,
-        "memberOf" : ""
-      },
       {
         "name" : "releaseCapture",
         "type" : "function",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "reset",
+        "name" : "setActive",
         "type" : "function",
-        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
-        "sig" : "()\n{\n\n}",
+        "desc" : "sets the active state on/off,",
+        "sig" : "(state)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
         "name" : "setDisabled",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "setRawValue",
-        "type" : "function",
-        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "setValue",
+        "name" : "setText",
         "type" : "function",
-        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
-        "sig" : "(value)",
+        "desc" : "set the text of the first selected button",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
+        "memberOf" : "Roo.bootstrap.Button"
       },
       {
         "name" : "setVisibilityEl",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "toggleActive",
+        "type" : "function",
+        "desc" : "toggles the current active state",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Button"
+      },
       {
         "name" : "tooltipEl",
         "type" : "function",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "validate",
-        "type" : "function",
-        "desc" : "Validates the field value",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "validateValue",
-        "type" : "function",
-        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
       }
     ]
   },
-  "Roo.bootstrap.Column" : {
+  "Roo.bootstrap.CheckBox" : {
     "props" : [
       {
-        "name" : "actionMode",
+        "name" : "(button|checkbox|email|file|hidden|image|number|password|radio|range|reset|search|submit|text)",
         "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "desc" : "inputType",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "alert",
+        "name" : "accept",
         "type" : "String",
-        "desc" : "r) type alert (changes background / border...)",
-        "memberOf" : "",
-        "optvals" : [
-          "success",
-          "info",
-          "warning",
-          "danger"
-        ]
+        "desc" : [
+          "(image",
+          "video",
+          "audio)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "can_build_overlaid",
-        "type" : "Boolean",
+        "name" : "after",
+        "type" : "string",
+        "desc" : "- input group add on after",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "align",
+        "type" : "String",
+        "desc" : [
+          "(left",
+          "center",
+          "right)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "allowBlank",
+        "type" : "Boolean",
+        "desc" : "False to validate that the value length > 0 (defaults to true)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "autocomplete",
+        "type" : "String",
+        "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "before",
+        "type" : "string",
+        "desc" : "- input group add on before",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "blankText",
+        "type" : "String",
+        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "boxLabel",
+        "type" : "String",
+        "desc" : "The text that appears beside the checkbox",
+        "memberOf" : ""
+      },
+      {
+        "name" : "can_build_overlaid",
+        "type" : "Boolean",
+        "desc" : "True if element can be rebuild from a HTML page",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "capture",
+        "type" : "String",
+        "desc" : [
+          "(user",
+          "camera)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "checked",
+        "type" : "Boolean",
+        "desc" : "initnal the element",
+        "memberOf" : ""
+      },
+      {
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "container_method",
+        "type" : "string",
+        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "dataId",
+        "type" : "string",
+        "desc" : "cutomer id",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "disableKeyFilter",
+        "type" : "Boolean",
+        "desc" : "True to disable input keystroke filtering (defaults to false)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "is it disabled",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "fieldLabel",
+        "type" : "string",
+        "desc" : "- the label associated",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "focusClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "forceFeedback",
+        "type" : "Boolean",
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "groupId",
+        "type" : "String",
+        "desc" : "the checkbox group id // normal just use for checkbox",
+        "memberOf" : ""
+      },
+      {
+        "name" : "hasFeedback",
+        "type" : "Boolean",
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "indicatorpos",
+        "type" : "String",
+        "desc" : [
+          "(left",
+          "right)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "inline",
+        "type" : "Boolean",
+        "desc" : "inline the element (default false)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "inputValue",
+        "type" : "String",
+        "desc" : "The value that should go into the generated input element's value when checked.",
+        "memberOf" : ""
+      },
+      {
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "invalidFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "invalidText",
+        "type" : "String",
+        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelAlign",
+        "type" : "String",
+        "desc" : [
+          "(top",
+          "left)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelWidth",
+        "type" : "Number",
+        "desc" : "set the width of label",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labellg",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelmd",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelsm",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelxs",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "lg",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for large computer-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "maskRe",
+        "type" : "String",
+        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "maxLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "md",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for computer-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "minLength",
+        "type" : "Number",
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "minLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "name",
+        "type" : "String",
+        "desc" : "name of the input",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "placeholder",
+        "type" : "string",
+        "desc" : "- placeholder to put in text.",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "preventMark",
+        "type" : "Boolean",
+        "desc" : "Do not show tick or cross if error/success",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "readOnly",
+        "type" : "Boolean",
+        "desc" : "Specifies that the field should be read-only",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "regex",
+        "type" : "RegExp",
+        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "regexText",
+        "type" : "String",
+        "desc" : "-- Depricated - use Invalid Text",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "selectOnFocus",
+        "type" : "Boolean",
+        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "size",
+        "type" : "string",
+        "desc" : "- (lg|sm) or leave empty..",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "sm",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for tablet-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "tooltip",
+        "type" : "String",
+        "desc" : "label tooltip",
+        "memberOf" : ""
+      },
+      {
+        "name" : "validClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "validFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "validateOnBlur",
+        "type" : "Boolean",
+        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "validationDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "validationEvent",
+        "type" : "String/Boolean",
+        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "validator",
+        "type" : "Function",
+        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "value",
+        "type" : "string",
+        "desc" : "default value of the input",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "valueOff",
+        "type" : "String",
+        "desc" : "The value that should go into the generated input element's value when unchecked.",
+        "memberOf" : ""
+      },
+      {
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "vtype",
+        "type" : "String",
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "weight",
+        "type" : "String",
+        "desc" : [
+          "(primary",
+          "warning",
+          "info",
+          "danger",
+          "success)"
+        ],
+        "memberOf" : ""
+      },
+      {
+        "name" : "xattr",
+        "type" : "Object",
+        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "xs",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for mobile-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
+      }
+    ],
+    "events" : [
+      {
+        "name" : "beforedestroy",
+        "type" : "function",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "beforehide",
+        "type" : "function",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "beforerender",
+        "type" : "function",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "beforeshow",
+        "type" : "function",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "blur",
+        "type" : "function",
+        "desc" : "Fires when this field loses input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "change",
+        "type" : "function",
+        "desc" : "Fires just before the field blurs if the field value has changed.",
+        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "check",
+        "type" : "function",
+        "desc" : "Fires when the element is checked or unchecked.",
+        "sig" : "function (_self, checked)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "childrenrendered",
+        "type" : "function",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "click",
+        "type" : "function",
+        "desc" : "Fires when the element is click.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : ""
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Fires when this field receives input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "invalid",
+        "type" : "function",
+        "desc" : "Fires after the field has been marked as invalid.",
+        "sig" : "function (_self, msg)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "keyup",
+        "type" : "function",
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "paste",
+        "type" : "function",
+        "desc" : "Fires after the user pastes into input",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "specialkey",
+        "type" : "function",
+        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "valid",
+        "type" : "function",
+        "desc" : "Fires after the field has been validated with no errors.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "addListener",
+        "type" : "function",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "capture",
+        "type" : "function",
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "clearInvalid",
+        "type" : "function",
+        "desc" : "Clear any invalid styles/messages for this field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "fireEvent",
+        "type" : "function",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "get",
+        "type" : "function",
+        "desc" : "fetch a CheckBox Group based on the group ID",
+        "sig" : "(the)",
+        "static" : true,
+        "memberOf" : ""
+      },
+      {
+        "name" : "getChildContainer",
+        "type" : "function",
+        "desc" : "Fetch the element to add children to",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "getEl",
+        "type" : "function",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "getId",
+        "type" : "function",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "getName",
+        "type" : "function",
+        "desc" : "Returns the name of the field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "getRawValue",
+        "type" : "function",
+        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "getValue",
+        "type" : "function",
+        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "getVisibilityEl",
+        "type" : "function",
+        "desc" : "Get the element that will be used to show or hide",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "hasListener",
+        "type" : "function",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Hide a component - adds 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "initEvents",
+        "type" : "function",
+        "desc" : "Initialize Events for the element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "inputEl",
+        "type" : "function",
+        "desc" : "return the real input element.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "markInvalid",
+        "type" : "function",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "markValid",
+        "type" : "function",
+        "desc" : "Mark this field as valid",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "on",
+        "type" : "function",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "purgeListeners",
+        "type" : "function",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "register",
+        "type" : "function",
+        "desc" : "register a CheckBox Group",
+        "sig" : "(the)",
+        "static" : true,
+        "memberOf" : ""
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "removeListener",
+        "type" : "function",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "reset",
+        "type" : "function",
+        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "setDisabled",
+        "type" : "function",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "setRawValue",
+        "type" : "function",
+        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "setValue",
+        "type" : "function",
+        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "setVisibilityEl",
+        "type" : "function",
+        "desc" : "Set the element that will be used to show or hide",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show a component - removes 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "tooltipEl",
+        "type" : "function",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "un",
+        "type" : "function",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "validate",
+        "type" : "function",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "validateValue",
+        "type" : "function",
+        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      }
+    ]
+  },
+  "Roo.bootstrap.Column" : {
+    "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "alert",
+        "type" : "String",
+        "desc" : [
+          "(success",
+          "info",
+          "warning",
+          "danger)"
+        ],
+        "memberOf" : ""
+      },
+      {
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "can_build_overlaid",
+        "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "fa",
         "type" : "String",
-        "desc" : ".) font awesome icon",
-        "memberOf" : "",
-        "optvals" : [
-          "ban",
+        "desc" : [
+          "(ban",
           "check",
-          "..."
-        ]
+          "...)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "fasize",
         "type" : "Number",
-        "desc" : ".) font awsome size",
-        "memberOf" : "",
-        "optvals" : [
-          "1",
+        "desc" : [
+          "(1",
           "2",
-          "...."
-        ]
+          "....)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "hidden",
         "type" : "Boolean",
-        "desc" : "e) hide the element",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "html",
       {
         "name" : "icon",
         "type" : "String",
-        "desc" : ".) glyphicon name",
-        "memberOf" : "",
-        "optvals" : [
-          "info-sign",
+        "desc" : [
+          "(info-sign",
           "check",
-          "..."
-        ]
+          "...)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "lg",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "image",
+        "desc" : [
+          "(image",
           "video",
-          "audio"
-        ]
+          "audio)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "left",
+        "desc" : [
+          "(left",
           "center",
-          "right"
-        ]
+          "right)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "allQuery",
       {
         "name" : "append",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "autoCreate",
       {
         "name" : "autoFocus",
         "type" : "Boolean",
-        "desc" : "e) auto focus the first item, default true",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "autocomplete",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : "a) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "user",
-          "camera"
-        ]
+        "desc" : [
+          "(user",
+          "camera)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "caret",
         "type" : "String",
-        "desc" : "r) BS3 only - carat fa name",
-        "memberOf" : "Roo.bootstrap.TriggerField",
-        "optvals" : [
-          "search",
-          "calendar"
-        ]
+        "desc" : [
+          "(search",
+          "calendar)"
+        ],
+        "memberOf" : "Roo.bootstrap.TriggerField"
       },
       {
         "name" : "cls",
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "forceSelection",
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "hiddenName",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "hideTrigger",
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "left",
-          "right"
-        ]
+        "desc" : [
+          "(left",
+          "right)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "invalidClass",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "top",
-          "left"
-        ]
+        "desc" : [
+          "(top",
+          "left)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "labelWidth",
       {
         "name" : "mobileTouchView",
         "type" : "Boolean",
-        "desc" : "e) show mobile touch view when using a mobile default true",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "mobile_restrict_height",
         "type" : "Boolean",
-        "desc" : "e) restrict height for touch view",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "modalTitle",
       {
         "name" : "multiple",
         "type" : "Boolean",
-        "desc" : "e) ComboBobArray, default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "name",
       {
         "name" : "removable",
         "type" : "Boolean",
-        "desc" : "e) special filter default false",
-        "memberOf" : "Roo.bootstrap.TriggerField",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.TriggerField"
       },
       {
         "name" : "resizable",
       {
         "name" : "specialFilter",
         "type" : "Boolean",
-        "desc" : "e) special filter default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "store",
       {
         "name" : "useNativeIOS",
         "type" : "Boolean",
-        "desc" : "e) render it as classic select for ios, not support dynamic load data (default false)",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "validClass",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "vtype",
         "sig" : "function (_self, e)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Input"
       },
+      {
+        "name" : "paste",
+        "type" : "function",
+        "desc" : "Fires after the user pastes into input",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "remove",
         "type" : "function",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "xattr",
       {
         "name" : "alert",
         "type" : "String",
-        "desc" : "r) type alert (changes background / border...)",
-        "memberOf" : "",
-        "optvals" : [
-          "success",
+        "desc" : [
+          "(success",
           "info",
           "warning",
-          "danger"
-        ]
+          "danger)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "allowDomMove",
       {
         "name" : "clickable",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "cls",
       {
         "name" : "expandable",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "expanded",
         "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "fa",
       {
         "name" : "hidden",
         "type" : "Boolean",
-        "desc" : "e) hide the element",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "html",
       {
         "name" : "icon",
         "type" : "String",
-        "desc" : ".) glyphicon name",
-        "memberOf" : "",
-        "optvals" : [
-          "info-sign",
+        "desc" : [
+          "(info-sign",
           "check",
-          "..."
-        ]
+          "...)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "jumbotron",
       {
         "name" : "panel",
         "type" : "String",
-        "desc" : "r) render as panel  - type - primary/success.....",
-        "memberOf" : "",
-        "optvals" : [
-          "default",
+        "desc" : [
+          "(default",
           "primary",
           "success",
           "info",
           "warning",
-          "danger"
-        ]
+          "danger)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "rheader",
       {
         "name" : "sticky",
         "type" : "String",
-        "desc" : "h) block to use as footer or body- needs css-bootstrap/sticky-footer.css",
-        "memberOf" : "",
-        "optvals" : [
-          "footer",
+        "desc" : [
+          "(footer",
           "wrap",
-          "push"
-        ]
+          "push)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "style",
       {
         "name" : "tag",
         "type" : "String",
-        "desc" : "n) type of HTML tag.",
-        "memberOf" : "",
-        "optvals" : [
-          "header",
+        "desc" : [
+          "(header",
           "aside",
-          "section"
-        ]
+          "section)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "tooltip",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "well",
         "type" : "String",
-        "desc" : "d) a well, large, small or medium.",
-        "memberOf" : "",
-        "optvals" : [
-          "lg",
+        "desc" : [
+          "(lg",
           "sm",
-          "md"
-        ]
+          "md)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "xattr",
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "image",
+        "desc" : [
+          "(image",
           "video",
-          "audio"
-        ]
+          "audio)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "left",
+        "desc" : [
+          "(left",
           "center",
-          "right"
-        ]
+          "right)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "allowBlank",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : "a) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "user",
-          "camera"
-        ]
+        "desc" : [
+          "(user",
+          "camera)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "cls",
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "format",
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "left",
-          "right"
-        ]
+        "desc" : [
+          "(left",
+          "right)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "invalidClass",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "top",
-          "left"
-        ]
+        "desc" : [
+          "(top",
+          "left)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "labelWidth",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "vtype",
         "sig" : "function (_self, e)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Input"
       },
+      {
+        "name" : "paste",
+        "type" : "function",
+        "desc" : "Fires after the user pastes into input",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "render",
         "type" : "function",
       {
         "name" : "dayAllowBlank",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "dayFormat",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "",
-        "optvals" : [
-          "top",
-          "left"
-        ]
+        "desc" : [
+          "(top",
+          "left)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "labelWidth",
       {
         "name" : "monthAllowBlank",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "monthFormat",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "yearAllowBlank",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "yearFormat",
       {
         "name" : "editable",
         "type" : "Boolean",
-        "desc" : "e) allow edit when upload a image default true",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "fieldLabel",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : "p) default left",
-        "memberOf" : "",
-        "optvals" : [
-          "left",
-          "top"
-        ]
+        "desc" : [
+          "(left",
+          "top)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "labelWidth",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "listeners",
       {
         "name" : "showDownload",
         "type" : "Boolean",
-        "desc" : "e) show download button (default true)",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "showTrash",
         "type" : "Boolean",
-        "desc" : "e) show trash button (default true)",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "style",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "clickable",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "Roo.bootstrap.Element",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Element"
       },
       {
         "name" : "cls",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "html",
       {
         "name" : "preventDefault",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "Roo.bootstrap.Element",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Element"
+      },
+      {
+        "name" : "role",
+        "type" : "String",
+        "desc" : "default blank - set to button to force cursor pointer",
+        "memberOf" : "Roo.bootstrap.Element"
       },
       {
         "name" : "style",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "clickable",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "cls",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "html",
       {
         "name" : "preventDefault",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
+      },
+      {
+        "name" : "role",
+        "type" : "String",
+        "desc" : "default blank - set to button to force cursor pointer",
+        "memberOf" : ""
       },
       {
         "name" : "style",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "allowBlank",
         "type" : "Boolean",
-        "desc" : "e) target allowBlank default true",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "allowDomMove",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "html",
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : "",
-        "optvals" : [
-          "left",
-          "right"
-        ]
+        "desc" : [
+          "(left",
+          "right)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "invalidClass",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "errorMask",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "fileUpload",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "labelAlign",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "html",
       {
         "name" : "level",
         "type" : "Number",
-        "desc" : "6) default 1",
-        "memberOf" : "",
-        "optvals" : [
-          "1",
+        "desc" : [
+          "(1",
           "2",
           "3",
           "4",
           "5",
-          "6"
-        ]
+          "6)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "image",
+        "desc" : [
+          "(image",
           "video",
-          "audio"
-        ]
+          "audio)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "left",
+        "desc" : [
+          "(left",
           "center",
-          "right"
-        ]
+          "right)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "allowBlank",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : "a) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "user",
-          "camera"
-        ]
+        "desc" : [
+          "(user",
+          "camera)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "cls",
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "height",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "html",
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "left",
-          "right"
-        ]
+        "desc" : [
+          "(left",
+          "right)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "invalidClass",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "top",
-          "left"
-        ]
+        "desc" : [
+          "(top",
+          "left)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "labelWidth",
       {
         "name" : "resize",
         "type" : "string",
-        "desc" : "l)",
-        "memberOf" : "Roo.bootstrap.TextArea",
-        "optvals" : [
-          "none",
+        "desc" : [
+          "(none",
           "both",
           "horizontal",
           "vertical",
           "inherit",
-          "initial"
-        ]
+          "initial)"
+        ],
+        "memberOf" : "Roo.bootstrap.TextArea"
       },
       {
         "name" : "rows",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "vtype",
       {
         "name" : "wrap",
         "type" : "string",
-        "desc" : "d)Specifies how the text in a text area is to be wrapped when submitted in a form",
-        "memberOf" : "Roo.bootstrap.TextArea",
-        "optvals" : [
-          "soft",
-          "hard"
-        ]
+        "desc" : [
+          "(soft",
+          "hard)"
+        ],
+        "memberOf" : "Roo.bootstrap.TextArea"
       },
       {
         "name" : "xattr",
         "sig" : "function (_self, e)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Input"
       },
+      {
+        "name" : "paste",
+        "type" : "function",
+        "desc" : "Fires after the user pastes into input",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "push",
         "type" : "function",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "href",
       {
         "name" : "target",
         "type" : "String",
-        "desc" : "p)target for a href.",
-        "memberOf" : "",
-        "optvals" : [
-          "_self",
+        "desc" : [
+          "(_self",
           "_blank",
           "_parent",
-          "_top"
-        ]
+          "_top)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "tooltip",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "",
-        "optvals" : [
-          "image",
+        "desc" : [
+          "(image",
           "video",
-          "audio"
-        ]
+          "audio)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "",
-        "optvals" : [
-          "left",
+        "desc" : [
+          "(left",
           "center",
-          "right"
-        ]
+          "right)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "allowBlank",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : "a) use for file input only. (default empty)",
-        "memberOf" : "",
-        "optvals" : [
-          "user",
-          "camera"
-        ]
+        "desc" : [
+          "(user",
+          "camera)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "cls",
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : "",
-        "optvals" : [
-          "left",
-          "right"
-        ]
+        "desc" : [
+          "(left",
+          "right)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "invalidClass",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "",
-        "optvals" : [
-          "top",
-          "left"
-        ]
+        "desc" : [
+          "(top",
+          "left)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "labelWidth",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "vtype",
         "sig" : "function (_self, e)\n{\n\n}",
         "memberOf" : ""
       },
+      {
+        "name" : "paste",
+        "type" : "function",
+        "desc" : "Fires after the user pastes into input",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "render",
         "type" : "function",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "isAutoInitial",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "isAutoInitial",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "href",
       {
         "name" : "preventDefault",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "style",
       {
         "name" : "target",
         "type" : "String",
-        "desc" : "p) target for a href.",
-        "memberOf" : "",
-        "optvals" : [
-          "_self",
+        "desc" : [
+          "(_self",
           "_blank",
           "_parent",
-          "_top"
-        ]
+          "_top)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "tooltip",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "latitude",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "image",
+        "desc" : [
+          "(image",
           "video",
-          "audio"
-        ]
+          "audio)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "left",
+        "desc" : [
+          "(left",
           "center",
-          "right"
-        ]
+          "right)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "allowBlank",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : "a) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "user",
-          "camera"
-        ]
+        "desc" : [
+          "(user",
+          "camera)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "cls",
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "html",
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "left",
-          "right"
-        ]
+        "desc" : [
+          "(left",
+          "right)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "invalidClass",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "top",
-          "left"
-        ]
+        "desc" : [
+          "(top",
+          "left)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "labelWidth",
       {
         "name" : "resize",
         "type" : "string",
-        "desc" : "l)",
-        "memberOf" : "Roo.bootstrap.TextArea",
-        "optvals" : [
-          "none",
+        "desc" : [
+          "(none",
           "both",
           "horizontal",
           "vertical",
           "inherit",
-          "initial"
-        ]
+          "initial)"
+        ],
+        "memberOf" : "Roo.bootstrap.TextArea"
       },
       {
         "name" : "rows",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "vtype",
       {
         "name" : "wrap",
         "type" : "string",
-        "desc" : "d)Specifies how the text in a text area is to be wrapped when submitted in a form",
-        "memberOf" : "Roo.bootstrap.TextArea",
-        "optvals" : [
-          "soft",
-          "hard"
-        ]
+        "desc" : [
+          "(soft",
+          "hard)"
+        ],
+        "memberOf" : "Roo.bootstrap.TextArea"
       },
       {
         "name" : "xattr",
         "sig" : "function (_self, e)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Input"
       },
+      {
+        "name" : "paste",
+        "type" : "function",
+        "desc" : "Fires after the user pastes into input",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "render",
         "type" : "function",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "href",
       {
         "name" : "placetitle",
         "type" : "String",
-        "desc" : "m)",
-        "memberOf" : "",
-        "optvals" : [
-          "center",
-          "bottom"
-        ]
+        "desc" : [
+          "(center",
+          "bottom)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "preventDefault",
       {
         "name" : "size",
         "type" : "String",
-        "desc" : "e)",
-        "memberOf" : "",
-        "optvals" : [
-          "xs",
+        "desc" : [
+          "(xs",
           "sm",
           "md",
           "md-left",
           "md-right",
           "tall",
-          "wide"
-        ]
+          "wide)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "style",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "hideTrigger",
+        "type" : "bool",
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "isLink",
         "type" : "bool",
-        "desc" : "e)  the menu has link disable auto expand and collaspe (default false)",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "listeners",
       {
         "name" : "stopEvent",
         "type" : "bool",
-        "desc" : "e)  Stop event after trigger press (default true)",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "style",
       {
         "name" : "type",
         "type" : "String",
-        "desc" : "u) type of menu",
-        "memberOf" : "",
-        "optvals" : [
-          "dropdown",
+        "desc" : [
+          "(dropdown",
           "treeview",
-          "submenu"
-        ]
+          "submenu)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "href",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "closable",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "cls",
       {
         "name" : "fixed",
         "type" : "Boolean",
-        "desc" : "e) default false, fix the bar at the top",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "html",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "weight",
         "type" : "String",
-        "desc" : "r) default info",
-        "memberOf" : "",
-        "optvals" : [
-          "info",
+        "desc" : [
+          "(info",
           "success",
           "warning",
-          "danger"
-        ]
+          "danger)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "xattr",
         "desc" : "default true",
         "memberOf" : ""
       },
+      {
+        "name" : "bodyOverflow",
+        "type" : "Boolean",
+        "desc" : "should the body element have overflow auto added default false",
+        "memberOf" : ""
+      },
       {
         "name" : "buttonPosition",
         "type" : "String",
-        "desc" : "r) default right (DEPRICATED) - use mr-auto on buttons to put them on the left",
-        "memberOf" : "",
-        "optvals" : [
-          "left",
+        "desc" : [
+          "(left",
           "right",
-          "center"
-        ]
+          "center)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "buttons",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "html",
       {
         "name" : "size",
         "type" : "String",
-        "desc" : "l) default empty",
-        "memberOf" : "",
-        "optvals" : [
-          "sm",
+        "desc" : [
+          "(sm",
           "lg",
-          "xl"
-        ]
+          "xl)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "specificTitle",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "width",
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "image",
+        "desc" : [
+          "(image",
           "video",
-          "audio"
-        ]
+          "audio)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "left",
+        "desc" : [
+          "(left",
           "center",
-          "right"
-        ]
+          "right)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "allQuery",
       {
         "name" : "append",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "Roo.bootstrap.ComboBox",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.ComboBox"
       },
       {
         "name" : "autoCreate",
       {
         "name" : "autoFocus",
         "type" : "Boolean",
-        "desc" : "e) auto focus the first item, default true",
-        "memberOf" : "Roo.bootstrap.ComboBox",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.ComboBox"
       },
       {
         "name" : "autocomplete",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : "a) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "user",
-          "camera"
-        ]
+        "desc" : [
+          "(user",
+          "camera)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "caret",
         "type" : "String",
-        "desc" : "r) BS3 only - carat fa name",
-        "memberOf" : "Roo.bootstrap.TriggerField",
-        "optvals" : [
-          "search",
-          "calendar"
-        ]
+        "desc" : [
+          "(search",
+          "calendar)"
+        ],
+        "memberOf" : "Roo.bootstrap.TriggerField"
       },
       {
         "name" : "castInt",
         "type" : "Boolean",
-        "desc" : "e) cast int if true (defalut true)",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "cls",
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "forceSelection",
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "hiddenName",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "hideTrigger",
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "left",
-          "right"
-        ]
+        "desc" : [
+          "(left",
+          "right)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "invalidClass",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "top",
-          "left"
-        ]
+        "desc" : [
+          "(top",
+          "left)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "labelWidth",
       {
         "name" : "mobileTouchView",
         "type" : "Boolean",
-        "desc" : "e) show mobile touch view when using a mobile default true",
-        "memberOf" : "Roo.bootstrap.ComboBox",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.ComboBox"
       },
       {
         "name" : "mobile_restrict_height",
         "type" : "Boolean",
-        "desc" : "e) restrict height for touch view",
-        "memberOf" : "Roo.bootstrap.ComboBox",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.ComboBox"
       },
       {
         "name" : "modalTitle",
       {
         "name" : "multiple",
         "type" : "Boolean",
-        "desc" : "e) ComboBobArray, default false",
-        "memberOf" : "Roo.bootstrap.ComboBox",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.ComboBox"
       },
       {
         "name" : "name",
       {
         "name" : "removable",
         "type" : "Boolean",
-        "desc" : "e) special filter default false",
-        "memberOf" : "Roo.bootstrap.TriggerField",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.TriggerField"
       },
       {
         "name" : "resizable",
       {
         "name" : "specialFilter",
         "type" : "Boolean",
-        "desc" : "e) special filter default false",
-        "memberOf" : "Roo.bootstrap.ComboBox",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.ComboBox"
       },
       {
         "name" : "store",
       {
         "name" : "useNativeIOS",
         "type" : "Boolean",
-        "desc" : "e) render it as classic select for ios, not support dynamic load data (default false)",
-        "memberOf" : "Roo.bootstrap.ComboBox",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.ComboBox"
       },
       {
         "name" : "validClass",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "vtype",
         "sig" : "function (_self, e)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Input"
       },
+      {
+        "name" : "paste",
+        "type" : "function",
+        "desc" : "Fires after the user pastes into input",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "remove",
         "type" : "function",
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "image",
+        "desc" : [
+          "(image",
           "video",
-          "audio"
-        ]
+          "audio)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "left",
+        "desc" : [
+          "(left",
           "center",
-          "right"
-        ]
+          "right)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "allowBlank",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : "a) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "user",
-          "camera"
-        ]
+        "desc" : [
+          "(user",
+          "camera)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "cls",
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "left",
-          "right"
-        ]
+        "desc" : [
+          "(left",
+          "right)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "invalidClass",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "top",
-          "left"
-        ]
+        "desc" : [
+          "(top",
+          "left)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "labelWidth",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "vtype",
         "sig" : "function (_self, e)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Input"
       },
+      {
+        "name" : "paste",
+        "type" : "function",
+        "desc" : "Fires after the user pastes into input",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "render",
         "type" : "function",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "",
-        "optvals" : [
-          "left",
-          "right"
-        ]
+        "desc" : [
+          "(left",
+          "right)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "allowDomMove",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "inverse",
         "desc" : "- reference Id for navbar.",
         "memberOf" : ""
       },
+      {
+        "name" : "pilltype",
+        "type" : "Boolean",
+        "desc" : "default true (turn to off to disable active toggle)",
+        "memberOf" : ""
+      },
       {
         "name" : "style",
         "type" : "String",
       {
         "name" : "type",
         "type" : "String",
-        "desc" : "b) default nav",
-        "memberOf" : "",
-        "optvals" : [
-          "nav",
+        "desc" : [
+          "(nav",
           "pills",
-          "tab"
-        ]
+          "tab)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t) alignment",
-        "memberOf" : "Roo.bootstrap.NavSimplebar",
-        "optvals" : [
-          "left",
-          "right"
-        ]
+        "desc" : [
+          "(left",
+          "right)"
+        ],
+        "memberOf" : "Roo.bootstrap.NavSimplebar"
       },
       {
         "name" : "allowDomMove",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "inverse",
       {
         "name" : "loadMask",
         "type" : "Boolean",
-        "desc" : "e) loadMask on the bar",
-        "memberOf" : "Roo.bootstrap.NavSimplebar",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.NavSimplebar"
       },
       {
         "name" : "main",
         "type" : "Boolean",
-        "desc" : "e) main nav bar? default false",
-        "memberOf" : "Roo.bootstrap.NavSimplebar",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.NavSimplebar"
       },
       {
         "name" : "mobilerow",
       {
         "name" : "position",
         "type" : "String",
-        "desc" : "p) position",
-        "memberOf" : "",
-        "optvals" : [
-          "fixed-top",
+        "desc" : [
+          "(fixed-top",
           "fixed-bottom",
-          "static-top"
-        ]
+          "static-top)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "srButton",
       {
         "name" : "tag",
         "type" : "String",
-        "desc" : "v) default is nav",
-        "memberOf" : "Roo.bootstrap.NavSimplebar",
-        "optvals" : [
-          "header",
+        "desc" : [
+          "(header",
           "footer",
           "nav",
-          "div"
-        ]
+          "div)"
+        ],
+        "memberOf" : "Roo.bootstrap.NavSimplebar"
       },
       {
         "name" : "tooltip",
       {
         "name" : "type",
         "type" : "String",
-        "desc" : "s)",
-        "memberOf" : "Roo.bootstrap.NavSimplebar",
-        "optvals" : [
-          "nav",
+        "desc" : [
+          "(nav",
           "pills",
-          "tabs"
-        ]
+          "tabs)"
+        ],
+        "memberOf" : "Roo.bootstrap.NavSimplebar"
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "weight",
         "type" : "String",
-        "desc" : "e) default is light.",
-        "memberOf" : "Roo.bootstrap.NavSimplebar",
-        "optvals" : [
-          "light",
+        "desc" : [
+          "(light",
           "primary",
           "secondary",
           "success",
           "warning",
           "info",
           "dark",
-          "white"
-        ]
+          "white)"
+        ],
+        "memberOf" : "Roo.bootstrap.NavSimplebar"
       },
       {
         "name" : "xattr",
       {
         "name" : "animateRef",
         "type" : "Boolean",
-        "desc" : "e) link to element default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "badge",
       {
         "name" : "badgecls",
         "type" : "String",
-        "desc" : "w)the extra classes for the badge",
-        "memberOf" : "",
-        "optvals" : [
-          "bg-green",
+        "desc" : [
+          "(bg-green",
           "bg-red",
-          "bg-yellow"
-        ]
+          "bg-yellow)"
+        ],
+        "memberOf" : ""
+      },
+      {
+        "name" : "button_outline",
+        "type" : "Boolean",
+        "desc" : "show and outlined button",
+        "memberOf" : ""
       },
       {
         "name" : "button_weight",
         "type" : "String",
-        "desc" : ") default none",
-        "memberOf" : "",
-        "optvals" : [
-          "default",
+        "desc" : [
+          "(default",
           "primary",
           "secondary",
           "success",
           "info",
           "warning",
           "danger",
-          "link"
-        ]
+          "link",
+          "light",
+          "dark)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "can_build_overlaid",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "href",
         "desc" : "DEPRICATED - use fa",
         "memberOf" : ""
       },
+      {
+        "name" : "linkcls",
+        "type" : "String",
+        "desc" : "Link Class",
+        "memberOf" : ""
+      },
       {
         "name" : "listeners",
         "type" : "Object",
       {
         "name" : "preventDefault",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "style",
       {
         "name" : "tagtype",
         "type" : "String",
-        "desc" : "n) render as a href or span?",
-        "memberOf" : "",
-        "optvals" : [
-          "a",
-          "span"
-        ]
+        "desc" : [
+          "(a",
+          "span)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "tooltip",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "setHtml",
+        "type" : "function",
+        "desc" : "Set the HTML (text content) of the item",
+        "sig" : "(html)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "active",
         "type" : "Boolean",
-        "desc" : "e) Is item active default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "allowDomMove",
       {
         "name" : "disabled",
         "type" : "Boolean",
-        "desc" : "e) Is item active default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "html",
       {
         "name" : "position",
         "type" : "String",
-        "desc" : "m) text position default bottom",
-        "memberOf" : "",
-        "optvals" : [
-          "top",
-          "bottom"
-        ]
+        "desc" : [
+          "(top",
+          "bottom)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "rid",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "animateRef",
         "type" : "Boolean",
-        "desc" : "e) link to element default false",
-        "memberOf" : "Roo.bootstrap.NavItem",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.NavItem"
       },
       {
         "name" : "badge",
       {
         "name" : "badgecls",
         "type" : "String",
-        "desc" : "w)the extra classes for the badge",
-        "memberOf" : "Roo.bootstrap.NavItem",
-        "optvals" : [
-          "bg-green",
+        "desc" : [
+          "(bg-green",
           "bg-red",
-          "bg-yellow"
-        ]
+          "bg-yellow)"
+        ],
+        "memberOf" : "Roo.bootstrap.NavItem"
+      },
+      {
+        "name" : "button_outline",
+        "type" : "Boolean",
+        "desc" : "show and outlined button",
+        "memberOf" : "Roo.bootstrap.NavItem"
       },
       {
         "name" : "button_weight",
         "type" : "String",
-        "desc" : ") default none",
-        "memberOf" : "Roo.bootstrap.NavItem",
-        "optvals" : [
-          "default",
+        "desc" : [
+          "(default",
           "primary",
           "secondary",
           "success",
           "info",
           "warning",
           "danger",
-          "link"
-        ]
+          "link",
+          "light",
+          "dark)"
+        ],
+        "memberOf" : "Roo.bootstrap.NavItem"
       },
       {
         "name" : "can_build_overlaid",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "href",
         "desc" : "DEPRICATED - use fa",
         "memberOf" : "Roo.bootstrap.NavItem"
       },
+      {
+        "name" : "linkcls",
+        "type" : "String",
+        "desc" : "Link Class",
+        "memberOf" : "Roo.bootstrap.NavItem"
+      },
       {
         "name" : "listeners",
         "type" : "Object",
       {
         "name" : "preventDefault",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "Roo.bootstrap.NavItem",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.NavItem"
       },
       {
         "name" : "style",
       {
         "name" : "tagtype",
         "type" : "String",
-        "desc" : "n) render as a href or span?",
-        "memberOf" : "Roo.bootstrap.NavItem",
-        "optvals" : [
-          "a",
-          "span"
-        ]
+        "desc" : [
+          "(a",
+          "span)"
+        ],
+        "memberOf" : "Roo.bootstrap.NavItem"
       },
       {
         "name" : "tooltip",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "setHtml",
+        "type" : "function",
+        "desc" : "Set the HTML (text content) of the item",
+        "sig" : "(html)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.NavItem"
+      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t) alignment",
-        "memberOf" : "",
-        "optvals" : [
-          "left",
-          "right"
-        ]
+        "desc" : [
+          "(left",
+          "right)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "allowDomMove",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "inverse",
       {
         "name" : "loadMask",
         "type" : "Boolean",
-        "desc" : "e) loadMask on the bar",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "main",
         "type" : "Boolean",
-        "desc" : "e) main nav bar? default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "name",
       {
         "name" : "tag",
         "type" : "String",
-        "desc" : "v) default is nav",
-        "memberOf" : "",
-        "optvals" : [
-          "header",
+        "desc" : [
+          "(header",
           "footer",
           "nav",
-          "div"
-        ]
+          "div)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "tooltip",
       {
         "name" : "type",
         "type" : "String",
-        "desc" : "s)",
-        "memberOf" : "",
-        "optvals" : [
-          "nav",
+        "desc" : [
+          "(nav",
           "pills",
-          "tabs"
-        ]
+          "tabs)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "weight",
         "type" : "String",
-        "desc" : "e) default is light.",
-        "memberOf" : "",
-        "optvals" : [
-          "light",
+        "desc" : [
+          "(light",
           "primary",
           "secondary",
           "success",
           "warning",
           "info",
           "dark",
-          "white"
-        ]
+          "white)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "image",
+        "desc" : [
+          "(image",
           "video",
-          "audio"
-        ]
+          "audio)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "left",
+        "desc" : [
+          "(left",
           "center",
-          "right"
-        ]
+          "right)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "allowBlank",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : "a) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "user",
-          "camera"
-        ]
+        "desc" : [
+          "(user",
+          "camera)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "cls",
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "left",
-          "right"
-        ]
+        "desc" : [
+          "(left",
+          "right)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "invalidClass",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "top",
-          "left"
-        ]
+        "desc" : [
+          "(top",
+          "left)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "labelWidth",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "vtype",
         "sig" : "function (_self, e)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Input"
       },
+      {
+        "name" : "paste",
+        "type" : "function",
+        "desc" : "Fires after the user pastes into input",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "render",
         "type" : "function",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "inverse",
+        "type" : "Boolean",
+        "desc" : "false | true",
+        "memberOf" : ""
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "name",
+        "type" : "string",
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "size",
+        "type" : "String",
+        "desc" : "xs | sm | md | lg",
+        "memberOf" : ""
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "tooltip",
+        "type" : "string",
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "xattr",
+        "type" : "Object",
+        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
+        "memberOf" : "Roo.bootstrap.Component"
+      }
+    ],
+    "events" : [
+      {
+        "name" : "beforedestroy",
+        "type" : "function",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "beforehide",
+        "type" : "function",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "beforerender",
+        "type" : "function",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "beforeshow",
+        "type" : "function",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "childrenrendered",
+        "type" : "function",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "addListener",
+        "type" : "function",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "capture",
+        "type" : "function",
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "fireEvent",
+        "type" : "function",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "getChildContainer",
+        "type" : "function",
+        "desc" : "Fetch the element to add children to",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "getEl",
+        "type" : "function",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "getId",
+        "type" : "function",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "getVisibilityEl",
+        "type" : "function",
+        "desc" : "Get the element that will be used to show or hide",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "hasListener",
+        "type" : "function",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Hide a component - adds 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "initEvents",
+        "type" : "function",
+        "desc" : "Initialize Events for the element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "on",
+        "type" : "function",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "purgeListeners",
+        "type" : "function",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "removeListener",
+        "type" : "function",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "setDisabled",
+        "type" : "function",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "setVisibilityEl",
+        "type" : "function",
+        "desc" : "Set the element that will be used to show or hide",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show a component - removes 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "tooltipEl",
+        "type" : "function",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "un",
+        "type" : "function",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      }
+    ]
+  },
+  "Roo.bootstrap.PaginationItem" : {
+    "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "active",
+        "type" : "Boolean",
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
+      },
+      {
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "can_build_overlaid",
+        "type" : "Boolean",
+        "desc" : "True if element can be rebuild from a HTML page",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "container_method",
+        "type" : "string",
+        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "dataId",
+        "type" : "string",
+        "desc" : "cutomer id",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "default false",
+        "memberOf" : ""
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "inverse",
-        "type" : "Boolean",
-        "desc" : "false | true",
+        "name" : "href",
+        "type" : "String",
+        "desc" : "the link",
+        "memberOf" : ""
+      },
+      {
+        "name" : "html",
+        "type" : "String",
+        "desc" : "text",
         "memberOf" : ""
       },
       {
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "size",
-        "type" : "String",
-        "desc" : "xs | sm | md | lg",
+        "name" : "preventDefault",
+        "type" : "Boolean",
+        "desc" : [
+          "(true",
+          "false)"
+        ],
         "memberOf" : ""
       },
       {
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "click",
+        "type" : "function",
+        "desc" : "The raw click event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "destroy",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.PaginationItem" : {
+  "Roo.bootstrap.PagingToolbar" : {
     "props" : [
       {
         "name" : "actionMode",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "active",
-        "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "name" : "align",
+        "type" : "String",
+        "desc" : [
+          "(left",
+          "right)"
+        ],
+        "memberOf" : "Roo.bootstrap.NavSimplebar"
       },
       {
         "name" : "allowDomMove",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "arrangement",
+        "type" : "Boolean",
+        "desc" : "stacked | justified",
+        "memberOf" : "Roo.bootstrap.NavSimplebar"
+      },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "css class",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "container",
+        "type" : "String/HTMLElement/Element",
+        "desc" : "container The id or element that will contain the toolbar",
+        "memberOf" : ""
+      },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "cutomer id",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "dataSource",
+        "type" : "Roo.data.Store",
+        "desc" : "The underlying data store providing the paged data",
+        "memberOf" : ""
+      },
       {
         "name" : "disableClass",
         "type" : "String",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "disabled",
+        "name" : "displayInfo",
         "type" : "Boolean",
-        "desc" : "default false",
+        "desc" : "True to display the displayMsg (defaults to false)",
         "memberOf" : ""
       },
       {
-        "name" : "hideMode",
+        "name" : "displayMsg",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : "The paging status message to display (defaults to \"Displaying {start} - {end} of {total}\")",
+        "memberOf" : ""
       },
       {
-        "name" : "href",
+        "name" : "emptyMsg",
         "type" : "String",
-        "desc" : "the link",
+        "desc" : "The message to display when no records are found (defaults to \"No data to display\")",
         "memberOf" : ""
       },
       {
-        "name" : "html",
+        "name" : "hideMode",
         "type" : "String",
-        "desc" : "text",
-        "memberOf" : ""
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "inverse",
+        "type" : "Boolean",
+        "desc" : "is inverted color",
+        "memberOf" : "Roo.bootstrap.NavSimplebar"
       },
       {
         "name" : "listeners",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "loadMask",
+        "type" : "Boolean",
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.NavSimplebar"
+      },
+      {
+        "name" : "main",
+        "type" : "Boolean",
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.NavSimplebar"
+      },
       {
         "name" : "name",
         "type" : "string",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "preventDefault",
-        "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "name" : "pageSize",
+        "type" : "Number",
+        "desc" : "The number of records to display per page (defaults to 20)",
+        "memberOf" : ""
       },
       {
         "name" : "style",
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "tag",
+        "type" : "String",
+        "desc" : [
+          "(header",
+          "footer",
+          "nav",
+          "div)"
+        ],
+        "memberOf" : "Roo.bootstrap.NavSimplebar"
+      },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "type",
+        "type" : "String",
+        "desc" : [
+          "(nav",
+          "pills",
+          "tabs)"
+        ],
+        "memberOf" : "Roo.bootstrap.NavSimplebar"
+      },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "weight",
+        "type" : "String",
+        "desc" : [
+          "(light",
+          "primary",
+          "secondary",
+          "success",
+          "danger",
+          "warning",
+          "info",
+          "dark",
+          "white)"
+        ],
+        "memberOf" : "Roo.bootstrap.NavSimplebar"
       },
       {
         "name" : "xattr",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "beforetoggle",
+        "type" : "function",
+        "desc" : "Fire before toggle the menu",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Navbar"
+      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "click",
-        "type" : "function",
-        "desc" : "The raw click event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : ""
-      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "bind",
+        "type" : "function",
+        "desc" : "Binds the paging toolbar to the specified {@link Roo.data.Store}",
+        "sig" : "(store)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "capture",
         "type" : "function",
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "collapse",
+        "type" : "function",
+        "desc" : "Collapse the navbar pulldown",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Navbar"
+      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "expand",
+        "type" : "function",
+        "desc" : "Expand the navbar pulldown",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Navbar"
+      },
       {
         "name" : "fireEvent",
         "type" : "function",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "unbind",
+        "type" : "function",
+        "desc" : "Unbinds the paging toolbar from the specified {@link Roo.data.Store}",
+        "sig" : "(store)",
+        "static" : false,
+        "memberOf" : ""
       }
     ]
   },
-  "Roo.bootstrap.PagingToolbar" : {
+  "Roo.bootstrap.PhoneInput" : {
     "props" : [
+      {
+        "name" : "(button|checkbox|email|file|hidden|image|number|password|radio|range|reset|search|submit|text)",
+        "type" : "String",
+        "desc" : "inputType",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "accept",
+        "type" : "String",
+        "desc" : [
+          "(image",
+          "video",
+          "audio)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "after",
+        "type" : "string",
+        "desc" : "- input group add on after",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t) alignment",
-        "memberOf" : "Roo.bootstrap.NavSimplebar",
-        "optvals" : [
-          "left",
-          "right"
-        ]
+        "desc" : [
+          "(left",
+          "center",
+          "right)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "allowBlank",
+        "type" : "Boolean",
+        "desc" : "False to validate that the value length > 0 (defaults to true)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "allowDomMove",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "arrangement",
-        "type" : "Boolean",
-        "desc" : "stacked | justified",
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
+        "name" : "autocomplete",
+        "type" : "String",
+        "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "before",
+        "type" : "string",
+        "desc" : "- input group add on before",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "blankText",
+        "type" : "String",
+        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "can_build_overlaid",
         "desc" : "True if element can be rebuild from a HTML page",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "capture",
+        "type" : "String",
+        "desc" : [
+          "(user",
+          "camera)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "caret",
+        "type" : "String",
+        "desc" : [
+          "(search",
+          "calendar)"
+        ],
+        "memberOf" : "Roo.bootstrap.TriggerField"
+      },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "container",
-        "type" : "String/HTMLElement/Element",
-        "desc" : "container The id or element that will contain the toolbar",
-        "memberOf" : ""
-      },
       {
         "name" : "container_method",
         "type" : "string",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "dataSource",
-        "type" : "Roo.data.Store",
-        "desc" : "The underlying data store providing the paged data",
+        "name" : "defaultDialCode",
+        "type" : "String",
+        "desc" : "default '+852'",
         "memberOf" : ""
       },
       {
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "displayInfo",
+        "name" : "disableKeyFilter",
         "type" : "Boolean",
-        "desc" : "True to display the displayMsg (defaults to false)",
-        "memberOf" : ""
+        "desc" : "True to disable input keystroke filtering (defaults to false)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "displayMsg",
-        "type" : "String",
-        "desc" : "The paging status message to display (defaults to \"Displaying {start} - {end} of {total}\")",
-        "memberOf" : ""
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "is it disabled",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "emptyMsg",
+        "name" : "fieldLabel",
+        "type" : "string",
+        "desc" : "- the label associated",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "focusClass",
         "type" : "String",
-        "desc" : "The message to display when no records are found (defaults to \"No data to display\")",
-        "memberOf" : ""
+        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "forceFeedback",
+        "type" : "Boolean",
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "hasFeedback",
+        "type" : "Boolean",
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "inverse",
+        "name" : "hideTrigger",
         "type" : "Boolean",
-        "desc" : "is inverted color",
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
+        "desc" : "True to hide the trigger element and display only the base text field (defaults to false)",
+        "memberOf" : "Roo.bootstrap.TriggerField"
+      },
+      {
+        "name" : "indicatorpos",
+        "type" : "String",
+        "desc" : [
+          "(left",
+          "right)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "invalidFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "invalidText",
+        "type" : "String",
+        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelAlign",
+        "type" : "String",
+        "desc" : [
+          "(top",
+          "left)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelWidth",
+        "type" : "Number",
+        "desc" : "set the width of label",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labellg",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelmd",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelsm",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "labelxs",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "lg",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for large computer-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "listeners",
         "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "loadMask",
+        "name" : "maskRe",
+        "type" : "String",
+        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "maxLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "md",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for computer-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "minLength",
+        "type" : "Number",
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "minLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "name",
+        "type" : "String",
+        "desc" : "name of the input",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "placeholder",
+        "type" : "string",
+        "desc" : "- placeholder to put in text.",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "preferedCountries",
+        "type" : "Array",
+        "desc" : "default []",
+        "memberOf" : ""
+      },
+      {
+        "name" : "preventMark",
         "type" : "Boolean",
-        "desc" : "e) loadMask on the bar",
-        "memberOf" : "Roo.bootstrap.NavSimplebar",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : "Do not show tick or cross if error/success",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "main",
+        "name" : "readOnly",
         "type" : "Boolean",
-        "desc" : "e) main nav bar? default false",
-        "memberOf" : "Roo.bootstrap.NavSimplebar",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : "Specifies that the field should be read-only",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "name",
+        "name" : "regex",
+        "type" : "RegExp",
+        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "regexText",
+        "type" : "String",
+        "desc" : "-- Depricated - use Invalid Text",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "removable",
+        "type" : "Boolean",
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.TriggerField"
+      },
+      {
+        "name" : "selectOnFocus",
+        "type" : "Boolean",
+        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "size",
         "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "- (lg|sm) or leave empty..",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "pageSize",
+        "name" : "sm",
         "type" : "Number",
-        "desc" : "The number of records to display per page (defaults to 20)",
-        "memberOf" : ""
+        "desc" : "colspan out of 12 for tablet-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "style",
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "tag",
-        "type" : "String",
-        "desc" : "v) default is nav",
-        "memberOf" : "Roo.bootstrap.NavSimplebar",
-        "optvals" : [
-          "header",
-          "footer",
-          "nav",
-          "div"
-        ]
-      },
       {
         "name" : "tooltip",
         "type" : "string",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "type",
+        "name" : "triggerClass",
         "type" : "String",
-        "desc" : "s)",
-        "memberOf" : "Roo.bootstrap.NavSimplebar",
-        "optvals" : [
-          "nav",
-          "pills",
-          "tabs"
-        ]
+        "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" : "visibilityEl",
-        "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "name" : "validClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
-        "name" : "weight",
+        "name" : "validFeedbackIcon",
         "type" : "String",
-        "desc" : "e) default is light.",
-        "memberOf" : "Roo.bootstrap.NavSimplebar",
-        "optvals" : [
-          "light",
-          "primary",
-          "secondary",
-          "success",
-          "danger",
-          "warning",
-          "info",
-          "dark",
-          "white"
-        ]
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "validateOnBlur",
+        "type" : "Boolean",
+        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "validationDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "validationEvent",
+        "type" : "String/Boolean",
+        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "validator",
+        "type" : "Function",
+        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "value",
+        "type" : "string",
+        "desc" : "default value of the input",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "vtype",
+        "type" : "String",
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
         "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "xs",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for mobile-sized screens",
+        "memberOf" : "Roo.bootstrap.Input"
       }
     ],
     "events" : [
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "beforetoggle",
+        "name" : "blur",
         "type" : "function",
-        "desc" : "Fire before toggle the menu",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Navbar"
+        "desc" : "Fires when this field loses input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "change",
+        "type" : "function",
+        "desc" : "Fires just before the field blurs if the field value has changed.",
+        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "childrenrendered",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Fires when this field receives input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "hide",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "invalid",
+        "type" : "function",
+        "desc" : "Fires after the field has been marked as invalid.",
+        "sig" : "function (_self, msg)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "keyup",
+        "type" : "function",
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "paste",
+        "type" : "function",
+        "desc" : "Fires after the user pastes into input",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "render",
         "type" : "function",
         "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "specialkey",
+        "type" : "function",
+        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "valid",
+        "type" : "function",
+        "desc" : "Fires after the field has been validated with no errors.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
       }
     ],
     "methods" : [
         "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "bind",
+        "name" : "autoSize",
         "type" : "function",
-        "desc" : "Binds the paging toolbar to the specified {@link Roo.data.Store}",
-        "sig" : "(store)",
+        "desc" : "",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.TriggerField"
       },
       {
         "name" : "capture",
         "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "collapse",
+        "name" : "clearInvalid",
         "type" : "function",
-        "desc" : "Collapse the navbar pulldown",
+        "desc" : "Clear any invalid styles/messages for this field",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Navbar"
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "destroy",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "expand",
-        "type" : "function",
-        "desc" : "Expand the navbar pulldown",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Navbar"
-      },
       {
         "name" : "fireEvent",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "getName",
+        "type" : "function",
+        "desc" : "Returns the name of the field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "getRawValue",
+        "type" : "function",
+        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "getValue",
+        "type" : "function",
+        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "inputEl",
+        "type" : "function",
+        "desc" : "return the real input element.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "isVisible",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "markInvalid",
+        "type" : "function",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "markValid",
+        "type" : "function",
+        "desc" : "Mark this field as valid",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "on",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "onTriggerClick",
+        "type" : "function",
+        "desc" : "The function that should handle the trigger's click event.  This method does nothing by default until overridden\nby an implementing function.",
+        "sig" : "(e)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.TriggerField"
+      },
       {
         "name" : "purgeListeners",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "reset",
+        "type" : "function",
+        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "setDisabled",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "setRawValue",
+        "type" : "function",
+        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "setValue",
+        "type" : "function",
+        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
         "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "unbind",
+        "name" : "validate",
         "type" : "function",
-        "desc" : "Unbinds the paging toolbar from the specified {@link Roo.data.Store}",
-        "sig" : "(store)",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Input"
+      },
+      {
+        "name" : "validateValue",
+        "type" : "function",
+        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Input"
       }
     ]
   },
-  "Roo.bootstrap.PhoneInput" : {
+  "Roo.bootstrap.Popover" : {
     "props" : [
       {
-        "name" : "(button|checkbox|email|file|hidden|image|number|password|radio|range|reset|search|submit|text)",
-        "type" : "String",
-        "desc" : "inputType",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "accept",
-        "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "image",
-          "video",
-          "audio"
-        ]
+        "name" : "(right|top|bottom|left|auto)",
+        "type" : "String|function",
+        "desc" : "placement how it is placed",
+        "memberOf" : ""
       },
       {
         "name" : "actionMode",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "after",
-        "type" : "string",
-        "desc" : "- input group add on after",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "align",
-        "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "left",
-          "center",
-          "right"
-        ]
-      },
-      {
-        "name" : "allowBlank",
-        "type" : "Boolean",
-        "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "name" : "add",
+        "type" : "String|Boolean|Roo.Element",
+        "desc" : "click hander to trigger show over what element\n     - if false and it has a 'parent' then it will be automatically added to that element\n     - if string - Roo.get  will be called",
+        "memberOf" : ""
       },
       {
         "name" : "allowDomMove",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "autocomplete",
-        "type" : "String",
-        "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "before",
-        "type" : "string",
-        "desc" : "- input group add on before",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "blankText",
-        "type" : "String",
-        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "capture",
-        "type" : "String",
-        "desc" : "a) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "user",
-          "camera"
-        ]
-      },
-      {
-        "name" : "caret",
-        "type" : "String",
-        "desc" : "r) BS3 only - carat fa name",
-        "memberOf" : "Roo.bootstrap.TriggerField",
-        "optvals" : [
-          "search",
-          "calendar"
-        ]
-      },
       {
         "name" : "cls",
         "type" : "String",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "defaultDialCode",
-        "type" : "String",
-        "desc" : "default '+852'",
+        "name" : "delay",
+        "type" : "Number",
+        "desc" : "- delay before showing",
         "memberOf" : ""
       },
       {
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "disableKeyFilter",
-        "type" : "Boolean",
-        "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "is it disabled",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "fieldLabel",
-        "type" : "string",
-        "desc" : "- the label associated",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "focusClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "forceFeedback",
-        "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "true",
-          "false"
-        ]
-      },
-      {
-        "name" : "hasFeedback",
-        "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "true",
-          "false"
-        ]
-      },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
-      },
-      {
-        "name" : "hideTrigger",
-        "type" : "Boolean",
-        "desc" : "True to hide the trigger element and display only the base text field (defaults to false)",
-        "memberOf" : "Roo.bootstrap.TriggerField"
-      },
-      {
-        "name" : "indicatorpos",
-        "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "left",
-          "right"
-        ]
-      },
-      {
-        "name" : "invalidClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "invalidFeedbackIcon",
-        "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "invalidText",
-        "type" : "String",
-        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "labelAlign",
+        "name" : "html",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "top",
-          "left"
-        ]
-      },
-      {
-        "name" : "labelWidth",
-        "type" : "Number",
-        "desc" : "set the width of label",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labellg",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelmd",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelsm",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "labelxs",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "lg",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for large computer-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "contents of the popover   (or false to use children..)",
+        "memberOf" : ""
       },
       {
         "name" : "listeners",
         "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "maskRe",
-        "type" : "String",
-        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "maxLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "md",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for computer-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "minLength",
-        "type" : "Number",
-        "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "minLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "name",
-        "type" : "String",
-        "desc" : "name of the input",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "placeholder",
-        "type" : "string",
-        "desc" : "- placeholder to put in text.",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "preferedCountries",
-        "type" : "Array",
-        "desc" : "default []",
-        "memberOf" : ""
-      },
-      {
-        "name" : "preventMark",
-        "type" : "Boolean",
-        "desc" : "Do not show tick or cross if error/success",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "readOnly",
-        "type" : "Boolean",
-        "desc" : "Specifies that the field should be read-only",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "regex",
-        "type" : "RegExp",
-        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "regexText",
-        "type" : "String",
-        "desc" : "-- Depricated - use Invalid Text",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "removable",
-        "type" : "Boolean",
-        "desc" : "e) special filter default false",
-        "memberOf" : "Roo.bootstrap.TriggerField",
-        "optvals" : [
-          "true",
-          "false"
-        ]
-      },
-      {
-        "name" : "selectOnFocus",
+        "name" : "modal",
         "type" : "Boolean",
-        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "- popovers that are modal will mask the screen, and must be closed with another event.",
+        "memberOf" : ""
       },
       {
-        "name" : "size",
+        "name" : "name",
         "type" : "string",
-        "desc" : "- (lg|sm) or leave empty..",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "sm",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for tablet-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "style",
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "title",
+        "type" : "String",
+        "desc" : "of popover (or false to hide)",
+        "memberOf" : ""
+      },
       {
         "name" : "tooltip",
         "type" : "string",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "triggerClass",
-        "type" : "String",
-        "desc" : "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' by default and triggerClass will be <b>appended</b> if specified.",
-        "memberOf" : "Roo.bootstrap.TriggerField"
-      },
-      {
-        "name" : "validClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "validFeedbackIcon",
+        "name" : "trigger",
         "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "validateOnBlur",
-        "type" : "Boolean",
-        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "validationDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "validationEvent",
-        "type" : "String/Boolean",
-        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "validator",
-        "type" : "Function",
-        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "value",
-        "type" : "string",
-        "desc" : "default value of the input",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "click || hover (or false to trigger manually)",
+        "memberOf" : ""
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
-      },
-      {
-        "name" : "vtype",
-        "type" : "String",
-        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
         "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "xs",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for mobile-sized screens",
-        "memberOf" : "Roo.bootstrap.Input"
       }
     ],
     "events" : [
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "blur",
-        "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "change",
-        "type" : "function",
-        "desc" : "Fires just before the field blurs if the field value has changed.",
-        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "hide",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
+        "desc" : "After the popover hide",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "invalid",
-        "type" : "function",
-        "desc" : "Fires after the field has been marked as invalid.",
-        "sig" : "function (_self, msg)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "keyup",
-        "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
+        "memberOf" : ""
       },
       {
         "name" : "render",
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "specialkey",
-        "type" : "function",
-        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "valid",
-        "type" : "function",
-        "desc" : "Fires after the field has been validated with no errors.",
+        "desc" : "After the popover show",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Input"
+        "memberOf" : ""
       }
     ],
     "methods" : [
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "autoSize",
-        "type" : "function",
-        "desc" : "",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.TriggerField"
-      },
       {
         "name" : "capture",
         "type" : "function",
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "clearInvalid",
-        "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "getName",
-        "type" : "function",
-        "desc" : "Returns the name of the field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "getRawValue",
-        "type" : "function",
-        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "getValue",
-        "type" : "function",
-        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "inputEl",
-        "type" : "function",
-        "desc" : "return the real input element.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "isVisible",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "markInvalid",
-        "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "markValid",
-        "type" : "function",
-        "desc" : "Mark this field as valid",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
       {
         "name" : "on",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
-      {
-        "name" : "onTriggerClick",
-        "type" : "function",
-        "desc" : "The function that should handle the trigger's click event.  This method does nothing by default until overridden\nby an implementing function.",
-        "sig" : "(e)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.TriggerField"
-      },
       {
         "name" : "purgeListeners",
         "type" : "function",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "reset",
+        "name" : "setContent",
         "type" : "function",
-        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
-        "sig" : "()\n{\n\n}",
+        "desc" : "",
+        "sig" : "(the)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
+        "memberOf" : ""
       },
       {
         "name" : "setDisabled",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "setRawValue",
-        "type" : "function",
-        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "setValue",
+        "name" : "setTitle",
         "type" : "function",
-        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
-        "sig" : "(value)",
+        "desc" : "",
+        "sig" : "(the)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
+        "memberOf" : ""
       },
       {
         "name" : "setVisibilityEl",
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Show a component - removes 'hidden' class",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Show the popover",
+        "sig" : "(-, (left|right|top|bottom))",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : ""
       },
       {
         "name" : "tooltipEl",
         "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "validate",
+        "name" : "updatePosition",
         "type" : "function",
-        "desc" : "Validates the field value",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
-      },
-      {
-        "name" : "validateValue",
-        "type" : "function",
-        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
-        "sig" : "(value)",
+        "desc" : "fire this manually after loading a grid in the table for example",
+        "sig" : "((left|right|top|bottom), try)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Input"
+        "memberOf" : ""
       }
     ]
   },
-  "Roo.bootstrap.Popover" : {
+  "Roo.bootstrap.PopoverNav" : {
     "props" : [
       {
         "name" : "actionMode",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "align",
+        "type" : "String",
+        "desc" : [
+          "(left",
+          "right)"
+        ],
+        "memberOf" : "Roo.bootstrap.NavGroup"
+      },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "cutomer id",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "delay",
-        "type" : "Number",
-        "desc" : "- delay before showing",
-        "memberOf" : ""
-      },
       {
         "name" : "disableClass",
         "type" : "String",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "html",
-        "type" : "String",
-        "desc" : "contents of the popover   (or false to use children..)",
-        "memberOf" : ""
+        "name" : "inverse",
+        "type" : "Boolean",
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.NavGroup"
       },
       {
         "name" : "listeners",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "over",
+        "name" : "navId",
         "type" : "String",
-        "desc" : "what (parent or false to trigger manually.)",
-        "memberOf" : ""
+        "desc" : "- reference Id for navbar.",
+        "memberOf" : "Roo.bootstrap.NavGroup"
       },
       {
-        "name" : "placement",
-        "type" : "String",
-        "desc" : "how it is placed",
-        "memberOf" : ""
+        "name" : "pilltype",
+        "type" : "Boolean",
+        "desc" : "default true (turn to off to disable active toggle)",
+        "memberOf" : "Roo.bootstrap.NavGroup"
       },
       {
         "name" : "style",
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "title",
-        "type" : "String",
-        "desc" : "of popover (or false to hide)",
-        "memberOf" : ""
-      },
       {
         "name" : "tooltip",
         "type" : "string",
         "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "trigger",
+        "name" : "type",
         "type" : "String",
-        "desc" : "click || hover (or false to trigger manually)",
-        "memberOf" : ""
+        "desc" : [
+          "(nav",
+          "pills",
+          "tab)"
+        ],
+        "memberOf" : "Roo.bootstrap.NavGroup"
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "changed",
+        "type" : "function",
+        "desc" : "Fires when the active item changes",
+        "sig" : "function (_self, selected, prev)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.NavGroup"
+      },
       {
         "name" : "childrenrendered",
         "type" : "function",
       {
         "name" : "hide",
         "type" : "function",
-        "desc" : "After the popover hide",
+        "desc" : "Fires after the component is hidden.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "render",
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "After the popover show",
+        "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component"
       }
     ],
     "methods" : [
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "addItem",
+        "type" : "function",
+        "desc" : "adds a Navigation item",
+        "sig" : "(the)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.NavGroup"
+      },
       {
         "name" : "addListener",
         "type" : "function",
         "static" : true,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "clearAll",
+        "type" : "function",
+        "desc" : "clear all the Navigation item",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.NavGroup"
+      },
       {
         "name" : "destroy",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "get",
+        "type" : "function",
+        "desc" : "fetch a Navigation Group based on the navigation ID",
+        "sig" : "(the)",
+        "static" : true,
+        "memberOf" : "Roo.bootstrap.NavGroup"
+      },
+      {
+        "name" : "getActive",
+        "type" : "function",
+        "desc" : "gets the active Navigation item",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.NavGroup"
+      },
       {
         "name" : "getChildContainer",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "register",
+        "type" : "function",
+        "desc" : "register a Navigation item",
+        "sig" : "(the)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.NavGroup"
+      },
       {
         "name" : "releaseCapture",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "setActiveItem",
+        "type" : "function",
+        "desc" : "sets the active Navigation item",
+        "sig" : "(the)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.NavGroup"
+      },
       {
         "name" : "setDisabled",
         "type" : "function",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "label",
       {
         "name" : "panel",
         "type" : "String",
-        "desc" : ")",
-        "memberOf" : "",
-        "optvals" : [
-          "success",
+        "desc" : [
+          "(success",
           "info",
           "warning",
-          "danger"
-        ]
+          "danger )"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "role",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "image",
+        "desc" : [
+          "(image",
           "video",
-          "audio"
-        ]
+          "audio)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "left",
+        "desc" : [
+          "(left",
           "center",
-          "right"
-        ]
+          "right)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "allowBlank",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : "a) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "user",
-          "camera"
-        ]
+        "desc" : [
+          "(user",
+          "camera)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "cls",
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : "",
-        "optvals" : [
-          "left",
-          "right"
-        ]
+        "desc" : [
+          "(left",
+          "right)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "inline",
         "type" : "Boolean",
-        "desc" : "e) inline the element (default true)",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "invalidClass",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "top",
-          "left"
-        ]
+        "desc" : [
+          "(top",
+          "left)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "labelWidth",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "vtype",
       {
         "name" : "weight",
         "type" : "String",
-        "desc" : "s) The text that appears beside the radio",
-        "memberOf" : "",
-        "optvals" : [
-          "primary",
+        "desc" : [
+          "(primary",
           "warning",
           "info",
           "danger",
-          "success"
-        ]
+          "success)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "xattr",
         "sig" : "function (_self, e)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Input"
       },
+      {
+        "name" : "paste",
+        "type" : "function",
+        "desc" : "Fires after the user pastes into input",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "render",
         "type" : "function",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "image",
+        "desc" : [
+          "(image",
           "video",
-          "audio"
-        ]
+          "audio)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "left",
+        "desc" : [
+          "(left",
           "center",
-          "right"
-        ]
+          "right)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "allowBlank",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : "a) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "user",
-          "camera"
-        ]
+        "desc" : [
+          "(user",
+          "camera)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "cls",
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "left",
-          "right"
-        ]
+        "desc" : [
+          "(left",
+          "right)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "invalidClass",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "top",
-          "left"
-        ]
+        "desc" : [
+          "(top",
+          "left)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "labelWidth",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "vtype",
         "sig" : "function (_self, e)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Input"
       },
+      {
+        "name" : "paste",
+        "type" : "function",
+        "desc" : "Fires after the user pastes into input",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "render",
         "type" : "function",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "alert",
         "type" : "String",
-        "desc" : "r) type alert (changes background / border...)",
-        "memberOf" : "Roo.bootstrap.Column",
-        "optvals" : [
-          "success",
+        "desc" : [
+          "(success",
           "info",
           "warning",
-          "danger"
-        ]
+          "danger)"
+        ],
+        "memberOf" : "Roo.bootstrap.Column"
       },
       {
         "name" : "allowDomMove",
       {
         "name" : "autoslide",
         "type" : "Boolean",
-        "desc" : "e) auto slide .. default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "bullets",
       {
         "name" : "fa",
         "type" : "String",
-        "desc" : ".) font awesome icon",
-        "memberOf" : "Roo.bootstrap.Column",
-        "optvals" : [
-          "ban",
+        "desc" : [
+          "(ban",
           "check",
-          "..."
-        ]
+          "...)"
+        ],
+        "memberOf" : "Roo.bootstrap.Column"
       },
       {
         "name" : "fasize",
         "type" : "Number",
-        "desc" : ".) font awsome size",
-        "memberOf" : "Roo.bootstrap.Column",
-        "optvals" : [
-          "1",
+        "desc" : [
+          "(1",
           "2",
-          "...."
-        ]
+          "....)"
+        ],
+        "memberOf" : "Roo.bootstrap.Column"
       },
       {
         "name" : "hidden",
         "type" : "Boolean",
-        "desc" : "e) hide the element",
-        "memberOf" : "Roo.bootstrap.Column",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Column"
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "html",
       {
         "name" : "icon",
         "type" : "String",
-        "desc" : ".) glyphicon name",
-        "memberOf" : "Roo.bootstrap.Column",
-        "optvals" : [
-          "info-sign",
+        "desc" : [
+          "(info-sign",
           "check",
-          "..."
-        ]
+          "...)"
+        ],
+        "memberOf" : "Roo.bootstrap.Column"
       },
       {
         "name" : "lg",
       {
         "name" : "showarrow",
         "type" : "Boolean",
-        "desc" : "e) show arrow default true",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "sm",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "href",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t) Specifies the alignment of a table according to surrounding text",
-        "memberOf" : "",
-        "optvals" : [
-          "left",
+        "desc" : [
+          "(left",
           "center",
-          "right"
-        ]
+          "right)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "allowDomMove",
       {
         "name" : "cellSelection",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "cellpadding",
       {
         "name" : "footerShow",
         "type" : "Boolean",
-        "desc" : "e) generate tfoot, default true",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "frame",
       {
         "name" : "headerShow",
         "type" : "Boolean",
-        "desc" : "e) generate thead, default true",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "hover",
       {
         "name" : "loadMask",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "name",
       {
         "name" : "rowSelection",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "rules",
       {
         "name" : "scrollBody",
         "type" : "Boolean",
-        "desc" : "e) default false - body scrolled / fixed header",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "sortable",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "width",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "html",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "width",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "image",
+        "desc" : [
+          "(image",
           "video",
-          "audio"
-        ]
+          "audio)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "left",
+        "desc" : [
+          "(left",
           "center",
-          "right"
-        ]
+          "right)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "allowBlank",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : "a) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "user",
-          "camera"
-        ]
+        "desc" : [
+          "(user",
+          "camera)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "cls",
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "html",
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "left",
-          "right"
-        ]
+        "desc" : [
+          "(left",
+          "right)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "invalidClass",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "top",
-          "left"
-        ]
+        "desc" : [
+          "(top",
+          "left)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "labelWidth",
       {
         "name" : "resize",
         "type" : "string",
-        "desc" : "l)",
-        "memberOf" : "",
-        "optvals" : [
-          "none",
+        "desc" : [
+          "(none",
           "both",
           "horizontal",
           "vertical",
           "inherit",
-          "initial"
-        ]
+          "initial)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "rows",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "vtype",
       {
         "name" : "wrap",
         "type" : "string",
-        "desc" : "d)Specifies how the text in a text area is to be wrapped when submitted in a form",
-        "memberOf" : "",
-        "optvals" : [
-          "soft",
-          "hard"
-        ]
+        "desc" : [
+          "(soft",
+          "hard)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "xattr",
         "sig" : "function (_self, e)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Input"
       },
+      {
+        "name" : "paste",
+        "type" : "function",
+        "desc" : "Fires after the user pastes into input",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "render",
         "type" : "function",
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "image",
+        "desc" : [
+          "(image",
           "video",
-          "audio"
-        ]
+          "audio)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "left",
+        "desc" : [
+          "(left",
           "center",
-          "right"
-        ]
+          "right)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "allowBlank",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : "a) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "user",
-          "camera"
-        ]
+        "desc" : [
+          "(user",
+          "camera)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "cls",
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "format",
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "left",
-          "right"
-        ]
+        "desc" : [
+          "(left",
+          "right)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "invalidClass",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "top",
-          "left"
-        ]
+        "desc" : [
+          "(top",
+          "left)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "labelWidth",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "vtype",
         "sig" : "function (_self, e)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Input"
       },
+      {
+        "name" : "paste",
+        "type" : "function",
+        "desc" : "Fires after the user pastes into input",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "render",
         "type" : "function",
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "image",
+        "desc" : [
+          "(image",
           "video",
-          "audio"
-        ]
+          "audio)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "left",
+        "desc" : [
+          "(left",
           "center",
-          "right"
-        ]
+          "right)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "allowBlank",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : "a) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "user",
-          "camera"
-        ]
+        "desc" : [
+          "(user",
+          "camera)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "caret",
         "type" : "String",
-        "desc" : "r) BS3 only - carat fa name",
-        "memberOf" : "",
-        "optvals" : [
-          "search",
-          "calendar"
-        ]
+        "desc" : [
+          "(search",
+          "calendar)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "cls",
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "hideTrigger",
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "left",
-          "right"
-        ]
+        "desc" : [
+          "(left",
+          "right)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "invalidClass",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.Input",
-        "optvals" : [
-          "top",
-          "left"
-        ]
+        "desc" : [
+          "(top",
+          "left)"
+        ],
+        "memberOf" : "Roo.bootstrap.Input"
       },
       {
         "name" : "labelWidth",
       {
         "name" : "removable",
         "type" : "Boolean",
-        "desc" : "e) special filter default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "selectOnFocus",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "vtype",
         "sig" : "function (_self, e)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.Input"
       },
+      {
+        "name" : "paste",
+        "type" : "function",
+        "desc" : "Fires after the user pastes into input",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Input"
+      },
       {
         "name" : "render",
         "type" : "function",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "isDocument",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "listeners",
       {
         "name" : "loadMask",
         "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "loadingText",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "href",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "icon",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "icon",
       {
         "name" : "showtabs",
         "type" : "Boolean",
-        "desc" : "e) show the tabs default true",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "style",
       {
         "name" : "tabScrollable",
         "type" : "Boolean",
-        "desc" : "e) tab scrollable when mobile view default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "title",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "active",
         "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "",
-        "optvals" : [
-          "false",
-          "true"
-        ]
+        "desc" : [
+          "(false",
+          "true)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "allowDomMove",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "overflow",
         "type" : "String",
-        "desc" : "e) if you have menus in the region, then you need to set this to visible.",
-        "memberOf" : "",
-        "optvals" : [
-          "hidden",
-          "visible"
-        ]
+        "desc" : [
+          "(hidden",
+          "visible)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "preferredTabWidth",
       {
         "name" : "tabPosition",
         "type" : "String",
-        "desc" : "m) \"top\" or \"bottom\" (defaults to \"bottom\")",
-        "memberOf" : "",
-        "optvals" : [
-          "top",
-          "bottom"
-        ]
+        "desc" : [
+          "(top",
+          "bottom)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "title",
       {
         "name" : "tabPosition",
         "type" : "String",
-        "desc" : "m) \"top\" or \"bottom\" (defaults to \"bottom\")",
-        "memberOf" : "Roo.LayoutRegion",
-        "optvals" : [
-          "top",
-          "bottom"
-        ]
+        "desc" : [
+          "(top",
+          "bottom)"
+        ],
+        "memberOf" : "Roo.LayoutRegion"
       },
       {
         "name" : "title",
       {
         "name" : "disable",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "disableClass",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "href",
       {
         "name" : "preventDefault",
         "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "style",
       {
         "name" : "submenu",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "tooltip",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "html",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "weight",
         "type" : "String",
-        "desc" : "e)",
-        "memberOf" : "",
-        "optvals" : [
-          "default",
+        "desc" : [
+          "(default",
           "primary",
           "success",
           "info",
           "warning",
           "danger",
-          "inverse"
-        ]
+          "inverse)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component",
-        "optvals" : [
-          "el",
-          "parent"
-        ]
+        "desc" : [
+          "(el",
+          "parent)"
+        ],
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "xattr",
         "desc" : "True for this panel to adjust its size to fit when the region resizes  (defaults to false)",
         "memberOf" : ""
       },
+      {
+        "name" : "iframe",
+        "type" : "Boolean",
+        "desc" : "contents are an iframe - makes showing remote sources/CSS feasible..",
+        "memberOf" : ""
+      },
       {
         "name" : "listeners",
         "type" : "Object",
       {
         "name" : "region",
         "type" : "String",
-        "desc" : "t) which region to put this panel on (when used with xtype constructors)",
-        "memberOf" : "",
-        "optvals" : [
-          "center",
+        "desc" : [
+          "(center",
           "north",
           "south",
           "east",
-          "west"
-        ]
+          "west)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "resizeEl",
       {
         "name" : "load",
         "type" : "function",
-        "desc" : "Loads this content panel immediately with content from XHR. Note: to delay loading until the panel is activated, use {@link #setUrl}.",
+        "desc" : "Loads this content panel immediately with content from XHR. Note: to delay loading until the panel is activated, use {@link #setUrl}.\nDoes not work with IFRAME contents",
         "sig" : "(url, params, callback, discardUrl)",
         "static" : false,
         "memberOf" : ""
       {
         "name" : "setContent",
         "type" : "function",
-        "desc" : "Updates this panel's element",
+        "desc" : "Updates this panel's element (not for iframe)",
         "sig" : "(content, loadScripts)",
         "static" : false,
         "memberOf" : ""
         "desc" : "The grid for this panel",
         "memberOf" : ""
       },
+      {
+        "name" : "iframe",
+        "type" : "Boolean",
+        "desc" : "contents are an iframe - makes showing remote sources/CSS feasible..",
+        "memberOf" : "Roo.bootstrap.panel.Content"
+      },
       {
         "name" : "listeners",
         "type" : "Object",
       {
         "name" : "region",
         "type" : "String",
-        "desc" : "t) which region to put this panel on (when used with xtype constructors)",
-        "memberOf" : "Roo.bootstrap.panel.Content",
-        "optvals" : [
-          "center",
+        "desc" : [
+          "(center",
           "north",
           "south",
           "east",
-          "west"
-        ]
+          "west)"
+        ],
+        "memberOf" : "Roo.bootstrap.panel.Content"
       },
       {
         "name" : "resizeEl",
       {
         "name" : "load",
         "type" : "function",
-        "desc" : "Loads this content panel immediately with content from XHR. Note: to delay loading until the panel is activated, use {@link #setUrl}.",
+        "desc" : "Loads this content panel immediately with content from XHR. Note: to delay loading until the panel is activated, use {@link #setUrl}.\nDoes not work with IFRAME contents",
         "sig" : "(url, params, callback, discardUrl)",
         "static" : false,
         "memberOf" : "Roo.bootstrap.panel.Content"
       {
         "name" : "setContent",
         "type" : "function",
-        "desc" : "Updates this panel's element",
+        "desc" : "Updates this panel's element (not for iframe)",
         "sig" : "(content, loadScripts)",
         "static" : false,
         "memberOf" : "Roo.bootstrap.panel.Content"
         "desc" : "True for this panel to adjust its size to fit when the region resizes  (defaults to false)",
         "memberOf" : "Roo.bootstrap.panel.Content"
       },
+      {
+        "name" : "iframe",
+        "type" : "Boolean",
+        "desc" : "contents are an iframe - makes showing remote sources/CSS feasible..",
+        "memberOf" : "Roo.bootstrap.panel.Content"
+      },
       {
         "name" : "listeners",
         "type" : "Object",
       {
         "name" : "region",
         "type" : "String",
-        "desc" : "t) which region to put this panel on (when used with xtype constructors)",
-        "memberOf" : "Roo.bootstrap.panel.Content",
-        "optvals" : [
-          "center",
+        "desc" : [
+          "(center",
           "north",
           "south",
           "east",
-          "west"
-        ]
+          "west)"
+        ],
+        "memberOf" : "Roo.bootstrap.panel.Content"
       },
       {
         "name" : "resizeEl",
       {
         "name" : "load",
         "type" : "function",
-        "desc" : "Loads this content panel immediately with content from XHR. Note: to delay loading until the panel is activated, use {@link #setUrl}.",
+        "desc" : "Loads this content panel immediately with content from XHR. Note: to delay loading until the panel is activated, use {@link #setUrl}.\nDoes not work with IFRAME contents",
         "sig" : "(url, params, callback, discardUrl)",
         "static" : false,
         "memberOf" : "Roo.bootstrap.panel.Content"
       {
         "name" : "setContent",
         "type" : "function",
-        "desc" : "Updates this panel's element",
+        "desc" : "Updates this panel's element (not for iframe)",
         "sig" : "(content, loadScripts)",
         "static" : false,
         "memberOf" : "Roo.bootstrap.panel.Content"
       {
         "name" : "enter",
         "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" : "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.valid to true|false",
         "sig" : "function (source, e, data)\n{\n\n}",
         "memberOf" : ""
       },
       {
         "name" : "over",
         "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",
+        "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.valid to true|false",
         "sig" : "function (source, e, data)\n{\n\n}",
         "memberOf" : ""
       }
       {
         "name" : "enter",
         "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" : "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.valid to true|false",
         "sig" : "function (source, e, data)\n{\n\n}",
         "memberOf" : "Roo.dd.DropTarget"
       },
       {
         "name" : "over",
         "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",
+        "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.valid to true|false",
         "sig" : "function (source, e, data)\n{\n\n}",
         "memberOf" : "Roo.dd.DropTarget"
       }
       {
         "name" : "errorMask",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "errorReader",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "labelAlign",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "hideTrigger",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "listeners",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "hideTrigger",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "hideTrigger",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "hideTrigger",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "inputType",
       {
         "name" : "closable",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : ""
       },
       {
         "name" : "cls",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "labelAlign",
       {
         "name" : "errorMask",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "Roo.form.BasicForm",
-        "optvals" : [
-          "true",
-          "false"
-        ]
+        "desc" : [
+          "(true",
+          "false)"
+        ],
+        "memberOf" : "Roo.form.BasicForm"
       },
       {
         "name" : "errorReader",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "listeners",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "labelAlign",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "hideTrigger",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "labelAlign",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "hideTrigger",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "html",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "hideTrigger",
         "desc" : "- drag drop group.",
         "memberOf" : "Roo.grid.Grid"
       },
+      {
+        "name" : "ddText",
+        "type" : "String",
+        "desc" : "Configures the text is the drag proxy (defaults to \"%0 selected row(s)\").\n%0 is replaced with the number of selected rows.",
+        "memberOf" : "Roo.grid.Grid"
+      },
+      {
+        "name" : "dragGroup",
+        "type" : "String",
+        "desc" : "- drag group (?? not sure if needed.)",
+        "memberOf" : "Roo.grid.Grid"
+      },
       {
         "name" : "dropTarget",
         "type" : "Roo.dd.DropTarget",
         "desc" : "True to enable drag and drop of rows. Default is false.",
         "memberOf" : "Roo.grid.Grid"
       },
+      {
+        "name" : "enableDrop",
+        "type" : "Boolean",
+        "desc" : "True to enable drop of elements. Default is false. (double check if this is needed?)",
+        "memberOf" : "Roo.grid.Grid"
+      },
       {
         "name" : "enableRowHeightSync",
         "type" : "Boolean",
         "desc" : "- drag drop group.",
         "memberOf" : ""
       },
+      {
+        "name" : "ddText",
+        "type" : "String",
+        "desc" : "Configures the text is the drag proxy (defaults to \"%0 selected row(s)\").\n%0 is replaced with the number of selected rows.",
+        "memberOf" : ""
+      },
+      {
+        "name" : "dragGroup",
+        "type" : "String",
+        "desc" : "- drag group (?? not sure if needed.)",
+        "memberOf" : ""
+      },
       {
         "name" : "dropTarget",
         "type" : "Roo.dd.DropTarget",
         "desc" : "True to enable drag and drop of rows. Default is false.",
         "memberOf" : ""
       },
+      {
+        "name" : "enableDrop",
+        "type" : "Boolean",
+        "desc" : "True to enable drop of elements. Default is false. (double check if this is needed?)",
+        "memberOf" : ""
+      },
       {
         "name" : "enableRowHeightSync",
         "type" : "Boolean",
       {
         "name" : "getDragDropText",
         "type" : "function",
-        "desc" : "Called to get grid's drag proxy text, by default returns this.ddText.",
+        "desc" : "Called to get grid's drag proxy text, by default returns this.ddText.\nOverride this to put something different in the dragged text.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : ""
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "ignoreNoChange",
         "desc" : "- drag drop group.",
         "memberOf" : "Roo.grid.Grid"
       },
+      {
+        "name" : "ddText",
+        "type" : "String",
+        "desc" : "Configures the text is the drag proxy (defaults to \"%0 selected row(s)\").\n%0 is replaced with the number of selected rows.",
+        "memberOf" : "Roo.grid.Grid"
+      },
+      {
+        "name" : "dragGroup",
+        "type" : "String",
+        "desc" : "- drag group (?? not sure if needed.)",
+        "memberOf" : "Roo.grid.Grid"
+      },
       {
         "name" : "dropTarget",
         "type" : "Roo.dd.DropTarget",
         "desc" : "True to enable drag and drop of rows. Default is false.",
         "memberOf" : "Roo.grid.Grid"
       },
+      {
+        "name" : "enableDrop",
+        "type" : "Boolean",
+        "desc" : "True to enable drop of elements. Default is false. (double check if this is needed?)",
+        "memberOf" : "Roo.grid.Grid"
+      },
       {
         "name" : "enableRowHeightSync",
         "type" : "Boolean",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "hideOnClick",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "hideOnClick",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "hideOnClick",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "hideOnClick",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "hideOnClick",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "hideOnClick",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "hideOnClick",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "hideOnClick",
       },
       {
         "name" : "text",
-        "type" : "Boolean",
+        "type" : "String",
         "desc" : "Text to show on item.",
         "memberOf" : ""
       }
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component",
-        "optvals" : [
-          "display",
-          "visibility"
-        ]
+        "desc" : [
+          "(display",
+          "visibility)"
+        ],
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "ignoreNoChange",