sync
[roojs1] / docs / json / roodata.json
index 8427bc1..966874f 100644 (file)
      "type": "function",
      "desc": "Looks at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:first-child)"
     },
+    {
+     "name": "findScrollableParent",
+     "sig": "()",
+     "type": "function",
+     "desc": "Looks at  the scrollable parent element"
+    },
     {
      "name": "fitToParent",
      "sig": "(Boolean monitorResize, String/HTMLElment/Element targetParent)",
      "type": "function",
      "desc": "Looks at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:first-child)"
     },
+    {
+     "name": "findScrollableParent",
+     "sig": "()",
+     "type": "function",
+     "desc": "Looks at  the scrollable parent element"
+    },
     {
      "name": "fitToParent",
      "sig": "(Boolean monitorResize, String/HTMLElment/Element targetParent)",
      "type": "function",
      "desc": "Checks to see if this object has any listeners for a specified event"
     },
+    {
+     "name": "overlayStrings",
+     "sig": "(Object element, Object associative)",
+     "type": "function",
+     "desc": "Overlay a set of modified strings onto a component\nThis is dependant on our builder exporting the strings and 'named strings' elements."
+    },
     {
      "name": "preBuild",
      "sig": "()",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "the checkbox group id // normal just use for checkbox",
      "memberOf": ""
     },
+    {
+     "name": "tooltip",
+     "type": "String",
+     "desc": "label tooltip",
+     "memberOf": ""
+    },
     {
      "name": "disabled",
      "type": "Boolean",
     {
      "name": "labelWidth",
      "type": "Number",
-     "desc": "set the width of label (0-12)",
+     "desc": "set the width of label",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labellg",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelmd",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelsm",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelxs",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
      "memberOf": "Roo.bootstrap.Input"
     },
     {
     {
      "name": "regexText",
      "type": "String",
-     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+     "desc": "-- Depricated - use Invalid Text",
+     "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": "cutomer id",
      "memberOf": "Roo.bootstrap.Component"
     },
-    {
-     "name": "tooltip",
-     "type": "string",
-     "desc": "Text for the tooltip",
-     "memberOf": "Roo.bootstrap.Component"
-    },
     {
      "name": "container_method",
      "type": "string",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Fires when the children have been rendered.."
     },
+    {
+     "name": "click",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the element is click."
+    },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "multiple combobox trigger button text default 'Select'",
      "memberOf": ""
     },
+    {
+     "name": "emptyTitle",
+     "type": "String",
+     "desc": "default ''",
+     "memberOf": ""
+    },
     {
      "name": "lazyRender",
      "type": "Boolean",
     {
      "name": "labelWidth",
      "type": "Number",
-     "desc": "set the width of label (0-12)",
+     "desc": "set the width of label",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labellg",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelmd",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelsm",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelxs",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
      "memberOf": "Roo.bootstrap.Input"
     },
     {
     {
      "name": "regexText",
      "type": "String",
-     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+     "desc": "-- Depricated - use Invalid Text",
+     "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": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the currently selected field value or empty string if no value is set."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": ""
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "render as panel  - type - primary/success.....",
      "memberOf": "",
      "optvals": [
+      "default",
       "primary",
       "success",
       "info",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
     {
      "name": "labelWidth",
      "type": "Number",
-     "desc": "set the width of label (0-12)",
+     "desc": "set the width of label",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labellg",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelmd",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelsm",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelxs",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
      "memberOf": "Roo.bootstrap.Input"
     },
     {
     {
      "name": "regexText",
      "type": "String",
-     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+     "desc": "-- Depricated - use Invalid Text",
+     "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": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "default 'Y'",
      "memberOf": ""
     },
+    {
+     "name": "labellg",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": ""
+    },
+    {
+     "name": "labelmd",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": ""
+    },
+    {
+     "name": "labelsm",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": ""
+    },
+    {
+     "name": "labelxs",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": ""
+    },
     {
      "name": "cls",
      "type": "String",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
       "false"
      ]
     },
+    {
+     "name": "labellg",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": ""
+    },
+    {
+     "name": "labelmd",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": ""
+    },
+    {
+     "name": "labelsm",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": ""
+    },
+    {
+     "name": "labelxs",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": ""
+    },
     {
      "name": "cls",
      "type": "String",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "prepare the form data"
     },
+    {
+     "name": "previewrendered",
+     "sig": "function (_self, file)\n{\n\n}",
+     "type": "function",
+     "desc": "Fire when preview rendered"
+    },
     {
      "name": "process",
      "sig": "function (_self, file)\n{\n\n}",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
     {
      "name": "invalidClass",
      "type": "String",
-     "desc": "default \"text-danger fa fa-lg fa-exclamation-triangle\"",
+     "desc": "default \"text-warning\"",
      "memberOf": ""
     },
     {
      "name": "validClass",
      "type": "String",
-     "desc": "default \"text-success fa fa-lg fa-check\"",
+     "desc": "default \"text-success\"",
      "memberOf": ""
     },
     {
      "desc": "default \"This field is required\"",
      "memberOf": ""
     },
+    {
+     "name": "indicatorpos",
+     "type": "String",
+     "desc": "default left",
+     "memberOf": "",
+     "optvals": [
+      "left",
+      "right"
+     ]
+    },
     {
      "name": "style",
      "type": "String",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "memberOf": ""
     },
     {
-     "name": "errPopover",
+     "name": "errorMask",
      "type": "Boolean",
      "desc": "default false",
      "memberOf": "",
       "false"
      ]
     },
+    {
+     "name": "maskOffset",
+     "type": "Number",
+     "desc": "Default 100",
+     "memberOf": ""
+    },
+    {
+     "name": "maskBody",
+     "type": "Boolean",
+     "desc": "",
+     "memberOf": ""
+    },
     {
      "name": "cls",
      "type": "String",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the fields in this form as an object with key/value pairs. If multiple fields exist with the same name\nthey are returned as an array."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "Array of toolbars. - defaults to just the Standard one",
      "memberOf": ""
     },
+    {
+     "name": "buttons",
+     "type": "Array",
+     "desc": "Array of toolbar's buttons. - defaults to empty",
+     "memberOf": ""
+    },
     {
      "name": "resizable",
      "type": "String",
     {
      "name": "labelWidth",
      "type": "Number",
-     "desc": "set the width of label (0-12)",
+     "desc": "set the width of label",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labellg",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelmd",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelsm",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelxs",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
      "memberOf": "Roo.bootstrap.Input"
     },
     {
     {
      "name": "regexText",
      "type": "String",
-     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+     "desc": "-- Depricated - use Invalid Text",
      "memberOf": "Roo.bootstrap.Input"
     },
     {
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
     {
      "name": "labelWidth",
      "type": "Number",
-     "desc": "set the width of label (0-12)",
+     "desc": "set the width of label",
+     "memberOf": ""
+    },
+    {
+     "name": "labellg",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": ""
+    },
+    {
+     "name": "labelmd",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": ""
+    },
+    {
+     "name": "labelsm",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": ""
+    },
+    {
+     "name": "labelxs",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
      "memberOf": ""
     },
     {
     {
      "name": "regexText",
      "type": "String",
-     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+     "desc": "-- Depricated - use Invalid Text",
+     "memberOf": ""
+    },
+    {
+     "name": "invalidText",
+     "type": "String",
+     "desc": "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
      "memberOf": ""
     },
     {
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Fires after the component is hidden."
     },
+    {
+     "name": "layout",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fire after layout the items"
+    },
     {
      "name": "render",
      "sig": "function (_self)\n{\n\n}",
     }
    ],
    "methods": [
+    {
+     "name": "addBrick",
+     "sig": "(Roo.bootstrap.MasonryBrick the)",
+     "type": "function",
+     "desc": "adds a Masonry Brick"
+    },
     {
      "name": "addEvents",
      "sig": "(Object object)",
      "type": "function",
      "desc": "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire."
     },
+    {
+     "name": "clearAll",
+     "sig": "()",
+     "type": "function",
+     "desc": "clear all the Masonry Brick"
+    },
     {
      "name": "destroy",
      "sig": "()",
      "type": "function",
      "desc": "Try to focus this component."
     },
+    {
+     "name": "get",
+     "sig": "(string the)",
+     "type": "function",
+     "desc": "fetch a  Masonry Layout based on the masonry layout ID"
+    },
     {
      "name": "getChildContainer",
      "sig": "()",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "type": "function",
      "desc": "Removes all listeners for this object"
     },
+    {
+     "name": "register",
+     "sig": "(Roo.bootstrap.MasonryBrick the)",
+     "type": "function",
+     "desc": "register a Masonry Brick"
+    },
+    {
+     "name": "register",
+     "sig": "(Roo.bootstrap.LayoutMasonry the)",
+     "type": "function",
+     "desc": "register a Masonry Layout"
+    },
     {
      "name": "releaseCapture",
      "sig": "(Observable o)",
      "type": "function",
      "desc": "Removes <b>all</b> added captures from the Observable."
     },
+    {
+     "name": "removeBrick",
+     "sig": "(Roo.bootstrap.MasonryBrick the)",
+     "type": "function",
+     "desc": "remove a Masonry Brick"
+    },
     {
      "name": "removeListener",
      "sig": "(String eventName, Function handler, Object scope)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "memberOf": ""
     },
     {
-     "name": "(xs|sm|md|md-left|md-right|tall|wide)",
+     "name": "size",
      "type": "String",
-     "desc": "size",
-     "memberOf": ""
+     "desc": "",
+     "memberOf": "",
+     "optvals": [
+      "xs",
+      "sm",
+      "md",
+      "md-left",
+      "md-right",
+      "tall",
+      "wide"
+     ]
     },
     {
-     "name": "(center|bottom)",
+     "name": "placetitle",
      "type": "String",
-     "desc": "placetitle",
-     "memberOf": ""
+     "desc": "",
+     "memberOf": "",
+     "optvals": [
+      "center",
+      "bottom"
+     ]
     },
     {
      "name": "isFitContainer",
      "desc": "defalut false",
      "memberOf": ""
     },
+    {
+     "name": "inverse",
+     "type": "Boolean",
+     "desc": "defalut false",
+     "memberOf": ""
+    },
     {
      "name": "style",
      "type": "String",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Try to focus this component."
     },
+    {
+     "name": "get",
+     "sig": "(string the)",
+     "type": "function",
+     "desc": "fetch a  masonry brick based on the masonry brick ID"
+    },
     {
      "name": "getChildContainer",
      "sig": "()",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "type": "function",
      "desc": "Removes all listeners for this object"
     },
+    {
+     "name": "register",
+     "sig": "(Roo.bootstrap.MasonryBrick the)",
+     "type": "function",
+     "desc": "register a Masonry Brick"
+    },
     {
      "name": "releaseCapture",
      "sig": "(Observable o)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Fires after the component is rendered."
     },
+    {
+     "name": "resize",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fire when dialog resize"
+    },
     {
      "name": "show",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
     }
    ]
   },
-  "Roo.bootstrap.MonthField": {
+  "Roo.bootstrap.MoneyField": {
    "props": [
     {
-     "name": "language",
+     "name": "allowDecimals",
+     "type": "Boolean",
+     "desc": "False to disallow decimal values (defaults to true)",
+     "memberOf": ""
+    },
+    {
+     "name": "decimalSeparator",
      "type": "String",
-     "desc": "default en",
+     "desc": "Character(s) to allow as the decimal separator (defaults to '.')",
+     "memberOf": ""
+    },
+    {
+     "name": "decimalPrecision",
+     "type": "Number",
+     "desc": "The maximum precision to display after the decimal separator (defaults to 2)",
      "memberOf": ""
     },
+    {
+     "name": "allowNegative",
+     "type": "Boolean",
+     "desc": "False to prevent entering a negative sign (defaults to true)",
+     "memberOf": ""
+    },
+    {
+     "name": "minValue",
+     "type": "Number",
+     "desc": "The minimum allowed value (defaults to Number.NEGATIVE_INFINITY)",
+     "memberOf": ""
+    },
+    {
+     "name": "maxValue",
+     "type": "Number",
+     "desc": "The maximum allowed value (defaults to Number.MAX_VALUE)",
+     "memberOf": ""
+    },
+    {
+     "name": "minText",
+     "type": "String",
+     "desc": "Error text to display if the minimum value validation fails (defaults to \"The minimum value for this field is {minValue}\")",
+     "memberOf": ""
+    },
+    {
+     "name": "maxText",
+     "type": "String",
+     "desc": "Error text to display if the maximum value validation fails (defaults to \"The maximum value for this field is {maxValue}\")",
+     "memberOf": ""
+    },
+    {
+     "name": "nanText",
+     "type": "String",
+     "desc": "Error text to display if the value is not a valid number.  For example, this can happen\nif a valid character like '.' or '-' is left in the field with no number (defaults to \"{value} is not a valid number\")",
+     "memberOf": ""
+    },
+    {
+     "name": "castInt",
+     "type": "Boolean",
+     "desc": "cast int if true (defalut true)",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "defaults",
+     "type": "String",
+     "desc": "currency of the MoneyField\nvalue should be in lkey",
+     "memberOf": ""
+    },
+    {
+     "name": "thousandsDelimiter",
+     "type": "String",
+     "desc": "Symbol of thousandsDelimiter",
+     "memberOf": ""
+    },
+    {
+     "name": "append",
+     "type": "Boolean",
+     "desc": "default false",
+     "memberOf": "Roo.bootstrap.ComboBox",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "autoFocus",
+     "type": "Boolean",
+     "desc": "auto focus the first item, default true",
+     "memberOf": "Roo.bootstrap.ComboBox",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "tickable",
+     "type": "Boolean",
+     "desc": "ComboBox with tickable selections (true|false), default false",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "triggerList",
+     "type": "Boolean",
+     "desc": "trigger show the list or not (true|false) default true",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "showToggleBtn",
+     "type": "Boolean",
+     "desc": "show toggle button or not (true|false) default true",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "btnPosition",
+     "type": "String",
+     "desc": "set the position of the trigger button (left | right) default right",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "animate",
+     "type": "Boolean",
+     "desc": "default true",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "emptyResultText",
+     "type": "Boolean",
+     "desc": "only for touch device",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "triggerText",
+     "type": "String",
+     "desc": "multiple combobox trigger button text default 'Select'",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "emptyTitle",
+     "type": "String",
+     "desc": "default ''",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "lazyRender",
+     "type": "Boolean",
+     "desc": "True to prevent the ComboBox from rendering until requested (should always be used when\nrendering into an Roo.Editor, defaults to false)",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "autoCreate",
+     "type": "Boolean/Object",
+     "desc": "A DomHelper element spec, or true for a default element spec (defaults to:\n{tag: \"input\", type: \"text\", size: \"24\", autocomplete: \"off\"})",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "store",
+     "type": "Roo.data.Store",
+     "desc": "The data store to which this combo is bound (defaults to undefined)",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "title",
+     "type": "String",
+     "desc": "If supplied, a header element is created containing this text and added into the top of\nthe dropdown list (defaults to undefined, with no header element)",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "tpl",
+     "type": "String/Roo.Template",
+     "desc": "The template to use to render the output",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "grow",
+     "type": "Boolean",
+     "desc": "",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "growMin",
+     "type": "Number",
+     "desc": "",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "growMax",
+     "type": "Number",
+     "desc": "",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "listWidth",
+     "type": "Number",
+     "desc": "The width in pixels of the dropdown list (defaults to the width of the ComboBox field)",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "displayField",
+     "type": "String",
+     "desc": "The underlying data field name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'text' if mode = 'local')",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "valueField",
+     "type": "String",
+     "desc": "The underlying data value name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'value' if mode = 'local'). \nNote: use of a valueField requires the user make a selection\nin order for a value to be mapped.",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "modalTitle",
+     "type": "String",
+     "desc": "The title of the dialog that pops up on mobile views.",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "hiddenName",
+     "type": "String",
+     "desc": "If specified, a hidden form field with this name is dynamically generated to store the\nfield's data value (defaults to the underlying DOM element's name)",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "listClass",
+     "type": "String",
+     "desc": "CSS class to apply to the dropdown list element (defaults to '')",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "selectedClass",
+     "type": "String",
+     "desc": "CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "shadow",
+     "type": "Boolean/String",
+     "desc": "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\" for bottom-right",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "listAlign",
+     "type": "String",
+     "desc": "A valid anchor position value. See {@link Roo.Element#alignTo} for details on supported\nanchor positions (defaults to 'tl-bl')",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "maxHeight",
+     "type": "Number",
+     "desc": "The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "triggerAction",
+     "type": "String",
+     "desc": "The action to execute when the trigger field is activated.  Use 'all' to run the\nquery specified by the allQuery config option (defaults to 'query')",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "minChars",
+     "type": "Number",
+     "desc": "The minimum number of characters the user must type before autocomplete and typeahead activate\n(defaults to 4, does not apply if editable = false)",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "typeAhead",
+     "type": "Boolean",
+     "desc": "True to populate and autoselect the remainder of the text being typed after a configurable\ndelay (typeAheadDelay) if it matches a known value (defaults to false)",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "queryDelay",
+     "type": "Number",
+     "desc": "The length of time in milliseconds to delay between the start of typing and sending the\nquery to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local')",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "pageSize",
+     "type": "Number",
+     "desc": "If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the\nfilter queries will execute with page start and limit parameters.  Only applies when mode = 'remote' (defaults to 0)",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "selectOnFocus",
+     "type": "Boolean",
+     "desc": "True to select any existing text in the field immediately on focus.  Only applies\nwhen editable = true (defaults to false)",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "queryParam",
+     "type": "String",
+     "desc": "Name of the query as it will be passed on the querystring (defaults to 'query')",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "loadingText",
+     "type": "String",
+     "desc": "The text to display in the dropdown list while data is loading.  Only applies\nwhen mode = 'remote' (defaults to 'Loading...')",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "resizable",
+     "type": "Boolean",
+     "desc": "True to add a resize handle to the bottom of the dropdown list (defaults to false)",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "handleHeight",
+     "type": "Number",
+     "desc": "The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "editable",
+     "type": "Boolean",
+     "desc": "False to prevent the user from typing text directly into the field, just like a\ntraditional select (defaults to true)",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "allQuery",
+     "type": "String",
+     "desc": "The text query to send to the server to return all records for the list with no filtering (defaults to '')",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "mode",
+     "type": "String",
+     "desc": "Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "minListWidth",
+     "type": "Number",
+     "desc": "The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if\nlistWidth has a higher value)",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "forceSelection",
+     "type": "Boolean",
+     "desc": "True to restrict the selected value to one of the values in the list, false to\nallow the user to set arbitrary text into the field (defaults to false)",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "typeAheadDelay",
+     "type": "Number",
+     "desc": "The length of time in milliseconds to wait until the typeahead text is displayed\nif typeAhead = true (defaults to 250)",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "valueNotFoundText",
+     "type": "String",
+     "desc": "When using a name/value combo, if the value passed to setValue is not found in\nthe store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined)",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "blockFocus",
+     "type": "Boolean",
+     "desc": "Prevents all focus calls, so it can work with things like HTML edtor bar",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "disableClear",
+     "type": "Boolean",
+     "desc": "Disable showing of clear button.",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "alwaysQuery",
+     "type": "Boolean",
+     "desc": "Disable caching of results, and always send query",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "multiple",
+     "type": "Boolean",
+     "desc": "ComboBobArray, default false",
+     "memberOf": "Roo.bootstrap.ComboBox",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "invalidClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "validClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field valid (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.bootstrap.ComboBox"
+    },
+    {
+     "name": "specialFilter",
+     "type": "Boolean",
+     "desc": "special filter default false",
+     "memberOf": "Roo.bootstrap.ComboBox",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "mobileTouchView",
+     "type": "Boolean",
+     "desc": "show mobile touch view when using a mobile default true",
+     "memberOf": "Roo.bootstrap.ComboBox",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "useNativeIOS",
+     "type": "Boolean",
+     "desc": "render it as classic select for ios, not support dynamic load data (default false)",
+     "memberOf": "Roo.bootstrap.ComboBox",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "triggerClass",
+     "type": "String",
+     "desc": "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' by default and triggerClass will be <b>appended</b> if specified.",
+     "memberOf": "Roo.bootstrap.TriggerField"
+    },
+    {
+     "name": "caret",
+     "type": "String",
+     "desc": "a fontawesome for the trigger icon see http://fortawesome.github.io/Font-Awesome/icons/",
+     "memberOf": "Roo.bootstrap.TriggerField",
+     "optvals": [
+      "search",
+      "calendar"
+     ]
+    },
+    {
+     "name": "hideTrigger",
+     "type": "Boolean",
+     "desc": "True to hide the trigger element and display only the base text field (defaults to false)",
+     "memberOf": "Roo.bootstrap.TriggerField"
+    },
+    {
+     "name": "removable",
+     "type": "Boolean",
+     "desc": "special filter default false",
+     "memberOf": "Roo.bootstrap.TriggerField",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
     {
      "name": "disabled",
      "type": "Boolean",
     {
      "name": "labelWidth",
      "type": "Number",
-     "desc": "set the width of label (0-12)",
+     "desc": "set the width of label",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labellg",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelmd",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelsm",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelxs",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelAlign",
+     "type": "String",
+     "desc": "",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "top",
+      "left"
+     ]
+    },
+    {
+     "name": "readOnly",
+     "type": "Boolean",
+     "desc": "Specifies that the field should be read-only",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "autocomplete",
+     "type": "String",
+     "desc": "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "indicatorpos",
+     "type": "String",
+     "desc": "default left",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "left",
+      "right"
+     ]
+    },
+    {
+     "name": "align",
+     "type": "String",
+     "desc": "Default left",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "left",
+      "center",
+      "right"
+     ]
+    },
+    {
+     "name": "forceFeedback",
+     "type": "Boolean",
+     "desc": "Default false",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "validationEvent",
+     "type": "String/Boolean",
+     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "validateOnBlur",
+     "type": "Boolean",
+     "desc": "Whether the field should validate when it loses focus (defaults to true).",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "validationDelay",
+     "type": "Number",
+     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "focusClass",
+     "type": "String",
+     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "hasFeedback",
+     "type": "Boolean",
+     "desc": "default true",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "invalidFeedbackIcon",
+     "type": "String",
+     "desc": "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "validFeedbackIcon",
+     "type": "String",
+     "desc": "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "maskRe",
+     "type": "String",
+     "desc": "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "vtype",
+     "type": "String",
+     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "disableKeyFilter",
+     "type": "Boolean",
+     "desc": "True to disable input keystroke filtering (defaults to false)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "allowBlank",
+     "type": "Boolean",
+     "desc": "False to validate that the value length > 0 (defaults to true)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "blankText",
+     "type": "String",
+     "desc": "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "minLength",
+     "type": "Number",
+     "desc": "Minimum input field length required (defaults to 0)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "maxLength",
+     "type": "Number",
+     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "minLengthText",
+     "type": "String",
+     "desc": "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "maxLengthText",
+     "type": "String",
+     "desc": "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "validator",
+     "type": "Function",
+     "desc": "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "regex",
+     "type": "RegExp",
+     "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "regexText",
+     "type": "String",
+     "desc": "-- Depricated - use Invalid Text",
+     "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": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "tooltip",
+     "type": "string",
+     "desc": "Text for the tooltip",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "container_method",
+     "type": "string",
+     "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
+    {
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component",
+     "optvals": [
+      "display",
+      "visibility"
+     ]
+    },
+    {
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "add",
+     "sig": "function (combo)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the 'add' icon is pressed (add a listener to enable add button)"
+    },
+    {
+     "name": "afterremove",
+     "sig": "function (combo)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the remove value from the combobox array"
+    },
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+    },
+    {
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
+    },
+    {
+     "name": "beforequery",
+     "sig": "function (combo, query, forceAll, cancel, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before all queries are processed. Return false to cancel the query or set cancel to true.\nThe event object passed has these properties:"
+    },
+    {
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
+    },
+    {
+     "name": "beforeselect",
+     "sig": "function (combo, record, index)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before a list item is selected. Return false to cancel the selection."
+    },
+    {
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
+    },
+    {
+     "name": "blur",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field loses input focus."
+    },
+    {
+     "name": "change",
+     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires just before the field blurs if the field value has changed."
+    },
+    {
+     "name": "childrenrendered",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the children have been rendered.."
+    },
+    {
+     "name": "collapse",
+     "sig": "function (combo)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the dropdown list is collapsed"
+    },
+    {
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
+    },
+    {
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
+    },
+    {
+     "name": "edit",
+     "sig": "function (combo, record)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the 'edit' icon is pressed (add a listener to enable add button)"
+    },
+    {
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
+    },
+    {
+     "name": "expand",
+     "sig": "function (combo)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the dropdown list is expanded"
+    },
+    {
+     "name": "focus",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field receives input focus."
+    },
+    {
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
+    },
+    {
+     "name": "invalid",
+     "sig": "function (_self, msg)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been marked as invalid."
+    },
+    {
+     "name": "keyup",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the key up"
+    },
+    {
+     "name": "remove",
+     "sig": "function (combo)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the remove value from the combobox array"
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
+    },
+    {
+     "name": "select",
+     "sig": "function (combo, record, index)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when a list item is selected"
+    },
+    {
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    },
+    {
+     "name": "specialfilter",
+     "sig": "function (combo)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when specialfilter"
+    },
+    {
+     "name": "specialkey",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed."
+    },
+    {
+     "name": "tick",
+     "sig": "function (combo)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when tick the element"
+    },
+    {
+     "name": "touchviewdisplay",
+     "sig": "function (combo, cfg)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when touch view require special display (default is using displayField)"
+    },
+    {
+     "name": "valid",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been validated with no errors."
+    }
+   ],
+   "methods": [
+    {
+     "name": "addEvents",
+     "sig": "(Object object)",
+     "type": "function",
+     "desc": "Used to define events on this Observable"
+    },
+    {
+     "name": "addListener",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "type": "function",
+     "desc": "Appends an event handler to this component"
+    },
+    {
+     "name": "capture",
+     "sig": "(Observable o, Function fn, Object scope)",
+     "type": "function",
+     "desc": "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire."
+    },
+    {
+     "name": "clearInvalid",
+     "sig": "()",
+     "type": "function",
+     "desc": "Clear any invalid styles/messages for this field"
+    },
+    {
+     "name": "clearValue",
+     "sig": "()",
+     "type": "function",
+     "desc": "Clears any text/value currently set in the field"
+    },
+    {
+     "name": "collapse",
+     "sig": "()",
+     "type": "function",
+     "desc": "Hides the dropdown list if it is currently expanded. Fires the 'collapse' event on completion."
+    },
+    {
+     "name": "destroy",
+     "sig": "()",
+     "type": "function",
+     "desc": "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}."
+    },
+    {
+     "name": "disable",
+     "sig": "()",
+     "type": "function",
+     "desc": "Disable this component."
+    },
+    {
+     "name": "doQuery",
+     "sig": "(String query, Boolean forceAll)",
+     "type": "function",
+     "desc": "Execute a query to filter the dropdown list.  Fires the beforequery event prior to performing the\nquery allowing the query action to be canceled if needed."
+    },
+    {
+     "name": "enable",
+     "sig": "()",
+     "type": "function",
+     "desc": "Enable this component."
+    },
+    {
+     "name": "expand",
+     "sig": "()",
+     "type": "function",
+     "desc": "Expands the dropdown list if it is currently hidden. Fires the 'expand' event on completion."
+    },
+    {
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
+     "type": "function",
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+    },
+    {
+     "name": "focus",
+     "sig": "(Boolean selectText)",
+     "type": "function",
+     "desc": "Try to focus this component."
+    },
+    {
+     "name": "getChildContainer",
+     "sig": "()",
+     "type": "function",
+     "desc": "Fetch the element to add children to"
+    },
+    {
+     "name": "getEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the underlying {@link Roo.Element}."
+    },
+    {
+     "name": "getId",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the id of this component."
+    },
+    {
+     "name": "getName",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the name of the field"
+    },
+    {
+     "name": "getRawValue",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}."
+    },
+    {
+     "name": "getValue",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the currently selected field value or empty string if no value is set."
+    },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
+    {
+     "name": "hasListener",
+     "sig": "(String eventName)",
+     "type": "function",
+     "desc": "Checks to see if this object has any listeners for a specified event"
+    },
+    {
+     "name": "hide",
+     "sig": "()",
+     "type": "function",
+     "desc": "Hide a component - adds 'hidden' class"
+    },
+    {
+     "name": "initEvents",
+     "sig": "()",
+     "type": "function",
+     "desc": "Initialize Events for the element"
+    },
+    {
+     "name": "inputEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "return the real input element."
+    },
+    {
+     "name": "isExpanded",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if the dropdown list is expanded, else false."
+    },
+    {
+     "name": "isVisible",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if this component is visible."
+    },
+    {
+     "name": "markInvalid",
+     "sig": "(String msg)",
+     "type": "function",
+     "desc": "Mark this field as invalid"
+    },
+    {
+     "name": "markValid",
+     "sig": "()",
+     "type": "function",
+     "desc": "Mark this field as valid"
+    },
+    {
+     "name": "on",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "type": "function",
+     "desc": "Appends an event handler to this element (shorthand for addListener)"
+    },
+    {
+     "name": "onTriggerClick",
+     "sig": "(EventObject e)",
+     "type": "function",
+     "desc": "The function that should handle the trigger's click event.  This method does nothing by default until overridden\nby an implementing function."
+    },
+    {
+     "name": "purgeListeners",
+     "sig": "()",
+     "type": "function",
+     "desc": "Removes all listeners for this object"
+    },
+    {
+     "name": "releaseCapture",
+     "sig": "(Observable o)",
+     "type": "function",
+     "desc": "Removes <b>all</b> added captures from the Observable."
+    },
+    {
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener"
+    },
+    {
+     "name": "render",
+     "sig": "(String/HTMLElement/Element container)",
+     "type": "function",
+     "desc": "If this is a lazy rendering component, render it to its container element."
+    },
+    {
+     "name": "reset",
+     "sig": "()",
+     "type": "function",
+     "desc": "Resets the current field value to the originally loaded value and clears any validation messages"
+    },
+    {
+     "name": "select",
+     "sig": "(Number index, Boolean scrollIntoView)",
+     "type": "function",
+     "desc": "Select an item in the dropdown list by its numeric index in the list. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue."
+    },
+    {
+     "name": "selectByValue",
+     "sig": "(String value, Boolean scrollIntoView)",
+     "type": "function",
+     "desc": "Select an item in the dropdown list by its data value. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue."
+    },
+    {
+     "name": "setDisabled",
+     "sig": "(Boolean disabled)",
+     "type": "function",
+     "desc": "Convenience function for setting disabled/enabled by boolean."
+    },
+    {
+     "name": "setEditable",
+     "sig": "(Boolean value)",
+     "type": "function",
+     "desc": "Allow or prevent the user from directly editing the field text.  If false is passed,\nthe user will only be able to select from the items defined in the dropdown list.  This method\nis the runtime equivalent of setting the 'editable' config option at config time."
+    },
+    {
+     "name": "setFromData",
+     "sig": "(Object value)",
+     "type": "function",
+     "desc": "Sets the value of the field based on a object which is related to the record format for the store."
+    },
+    {
+     "name": "setRawValue",
+     "sig": "(Mixed value)",
+     "type": "function",
+     "desc": "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}."
+    },
+    {
+     "name": "setValue",
+     "sig": "(String value)",
+     "type": "function",
+     "desc": "Sets the specified value into the field.  If the value finds a match, the corresponding record text\nwill be displayed in the field.  If the value does not match the data value of an existing item,\nand the valueNotFoundText config option is defined, it will be displayed as the default field text.\nOtherwise the field will be blank (although the value will still be set)."
+    },
+    {
+     "name": "setVisible",
+     "sig": "(Boolean visible)",
+     "type": "function",
+     "desc": "Convenience function to hide or show this component by boolean."
+    },
+    {
+     "name": "show",
+     "sig": "()",
+     "type": "function",
+     "desc": "Show a component - removes 'hidden' class"
+    },
+    {
+     "name": "tooltipEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Fetch the element to display the tooltip on."
+    },
+    {
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener (shorthand for removeListener)"
+    },
+    {
+     "name": "validate",
+     "sig": "()",
+     "type": "function",
+     "desc": "Validates the field value"
+    },
+    {
+     "name": "validateValue",
+     "sig": "(Mixed value)",
+     "type": "function",
+     "desc": "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails"
+    }
+   ]
+  },
+  "Roo.bootstrap.MonthField": {
+   "props": [
+    {
+     "name": "language",
+     "type": "String",
+     "desc": "default en",
+     "memberOf": ""
+    },
+    {
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "is it disabled",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "inputType",
+     "type": "String",
+     "desc": "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "name",
+     "type": "String",
+     "desc": "name of the input",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "fieldLabel",
+     "type": "string",
+     "desc": "- the label associated",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "placeholder",
+     "type": "string",
+     "desc": "- placeholder to put in text.",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "before",
+     "type": "string",
+     "desc": "- input group add on before",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "after",
+     "type": "string",
+     "desc": "- input group add on after",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "size",
+     "type": "string",
+     "desc": "- (lg|sm) or leave empty..",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "xs",
+     "type": "Number",
+     "desc": "colspan out of 12 for mobile-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "sm",
+     "type": "Number",
+     "desc": "colspan out of 12 for tablet-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "md",
+     "type": "Number",
+     "desc": "colspan out of 12 for computer-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "lg",
+     "type": "Number",
+     "desc": "colspan out of 12 for large computer-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "value",
+     "type": "string",
+     "desc": "default value of the input",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelWidth",
+     "type": "Number",
+     "desc": "set the width of label",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labellg",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelmd",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelsm",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelxs",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
      "memberOf": "Roo.bootstrap.Input"
     },
     {
     {
      "name": "regexText",
      "type": "String",
-     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+     "desc": "-- Depricated - use Invalid Text",
+     "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": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
      "desc": "Removes a listener (shorthand for removeListener)"
-    },
-    {
-     "name": "validate",
-     "sig": "()",
-     "type": "function",
-     "desc": "Validates the field value"
-    },
-    {
-     "name": "validateValue",
-     "sig": "(Mixed value)",
-     "type": "function",
-     "desc": "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails"
+    },
+    {
+     "name": "validate",
+     "sig": "()",
+     "type": "function",
+     "desc": "Validates the field value"
+    },
+    {
+     "name": "validateValue",
+     "sig": "(Mixed value)",
+     "type": "function",
+     "desc": "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails"
+    }
+   ]
+  },
+  "Roo.bootstrap.NavGroup": {
+   "props": [
+    {
+     "name": "align",
+     "type": "String",
+     "desc": "",
+     "memberOf": "",
+     "optvals": [
+      "left",
+      "right"
+     ]
+    },
+    {
+     "name": "inverse",
+     "type": "Boolean",
+     "desc": "",
+     "memberOf": ""
+    },
+    {
+     "name": "type",
+     "type": "String",
+     "desc": "default nav",
+     "memberOf": "",
+     "optvals": [
+      "nav",
+      "pills",
+      "tab"
+     ]
+    },
+    {
+     "name": "navId",
+     "type": "String",
+     "desc": "- reference Id for navbar.",
+     "memberOf": ""
+    },
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "tooltip",
+     "type": "string",
+     "desc": "Text for the tooltip",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "container_method",
+     "type": "string",
+     "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
+    {
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component",
+     "optvals": [
+      "display",
+      "visibility"
+     ]
+    },
+    {
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+    },
+    {
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
+    },
+    {
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
+    },
+    {
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
+    },
+    {
+     "name": "changed",
+     "sig": "function (_self, selected, prev)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the active item changes"
+    },
+    {
+     "name": "childrenrendered",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the children have been rendered.."
+    },
+    {
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
+    },
+    {
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
+    },
+    {
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
+    },
+    {
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
+    },
+    {
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    }
+   ],
+   "methods": [
+    {
+     "name": "addEvents",
+     "sig": "(Object object)",
+     "type": "function",
+     "desc": "Used to define events on this Observable"
+    },
+    {
+     "name": "addItem",
+     "sig": "(Roo.bootstrap.NavItem the)",
+     "type": "function",
+     "desc": "adds a Navigation item"
+    },
+    {
+     "name": "addListener",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "type": "function",
+     "desc": "Appends an event handler to this component"
+    },
+    {
+     "name": "capture",
+     "sig": "(Observable o, Function fn, Object scope)",
+     "type": "function",
+     "desc": "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire."
+    },
+    {
+     "name": "clearAll",
+     "sig": "()",
+     "type": "function",
+     "desc": "clear all the Navigation item"
+    },
+    {
+     "name": "destroy",
+     "sig": "()",
+     "type": "function",
+     "desc": "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}."
+    },
+    {
+     "name": "disable",
+     "sig": "()",
+     "type": "function",
+     "desc": "Disable this component."
+    },
+    {
+     "name": "enable",
+     "sig": "()",
+     "type": "function",
+     "desc": "Enable this component."
+    },
+    {
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
+     "type": "function",
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+    },
+    {
+     "name": "focus",
+     "sig": "(Boolean selectText)",
+     "type": "function",
+     "desc": "Try to focus this component."
+    },
+    {
+     "name": "get",
+     "sig": "(string the)",
+     "type": "function",
+     "desc": "fetch a Navigation Group based on the navigation ID"
+    },
+    {
+     "name": "getActive",
+     "sig": "()",
+     "type": "function",
+     "desc": "gets the active Navigation item"
+    },
+    {
+     "name": "getChildContainer",
+     "sig": "()",
+     "type": "function",
+     "desc": "Fetch the element to add children to"
+    },
+    {
+     "name": "getEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the underlying {@link Roo.Element}."
+    },
+    {
+     "name": "getId",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the id of this component."
+    },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
+    {
+     "name": "hasListener",
+     "sig": "(String eventName)",
+     "type": "function",
+     "desc": "Checks to see if this object has any listeners for a specified event"
+    },
+    {
+     "name": "hide",
+     "sig": "()",
+     "type": "function",
+     "desc": "Hide a component - adds 'hidden' class"
+    },
+    {
+     "name": "initEvents",
+     "sig": "()",
+     "type": "function",
+     "desc": "Initialize Events for the element"
+    },
+    {
+     "name": "isVisible",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if this component is visible."
+    },
+    {
+     "name": "on",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "type": "function",
+     "desc": "Appends an event handler to this element (shorthand for addListener)"
+    },
+    {
+     "name": "purgeListeners",
+     "sig": "()",
+     "type": "function",
+     "desc": "Removes all listeners for this object"
+    },
+    {
+     "name": "register",
+     "sig": "(Roo.bootstrap.NavItem the)",
+     "type": "function",
+     "desc": "register a Navigation item"
+    },
+    {
+     "name": "register",
+     "sig": "(Roo.bootstrap.NavGroup the)",
+     "type": "function",
+     "desc": "register a Navigation Group"
+    },
+    {
+     "name": "releaseCapture",
+     "sig": "(Observable o)",
+     "type": "function",
+     "desc": "Removes <b>all</b> added captures from the Observable."
+    },
+    {
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener"
+    },
+    {
+     "name": "render",
+     "sig": "(String/HTMLElement/Element container)",
+     "type": "function",
+     "desc": "If this is a lazy rendering component, render it to its container element."
+    },
+    {
+     "name": "setActiveItem",
+     "sig": "(Roo.bootstrap.NavItem the)",
+     "type": "function",
+     "desc": "sets the active Navigation item"
+    },
+    {
+     "name": "setDisabled",
+     "sig": "(Boolean disabled)",
+     "type": "function",
+     "desc": "Convenience function for setting disabled/enabled by boolean."
+    },
+    {
+     "name": "setVisible",
+     "sig": "(Boolean visible)",
+     "type": "function",
+     "desc": "Convenience function to hide or show this component by boolean."
+    },
+    {
+     "name": "show",
+     "sig": "()",
+     "type": "function",
+     "desc": "Show a component - removes 'hidden' class"
+    },
+    {
+     "name": "tooltipEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Fetch the element to display the tooltip on."
+    },
+    {
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener (shorthand for removeListener)"
     }
    ]
   },
-  "Roo.bootstrap.NavGroup": {
+  "Roo.bootstrap.NavHeaderbar": {
    "props": [
     {
-     "name": "align",
+     "name": "brand",
      "type": "String",
-     "desc": "",
+     "desc": "what is brand",
+     "memberOf": ""
+    },
+    {
+     "name": "position",
+     "type": "String",
+     "desc": "position",
      "memberOf": "",
      "optvals": [
-      "left",
-      "right"
+      "fixed-top",
+      "fixed-bottom",
+      "static-top"
      ]
     },
     {
-     "name": "inverse",
+     "name": "brand_href",
+     "type": "String",
+     "desc": "href of the brand",
+     "memberOf": ""
+    },
+    {
+     "name": "srButton",
      "type": "Boolean",
-     "desc": "",
+     "desc": "generate the (screen reader / mobile) sr-only button   default true",
+     "memberOf": ""
+    },
+    {
+     "name": "autohide",
+     "type": "Boolean",
+     "desc": "a top nav bar header that hides on scroll.",
+     "memberOf": ""
+    },
+    {
+     "name": "desktopCenter",
+     "type": "Boolean",
+     "desc": "should the header be centered on desktop using a container class",
+     "memberOf": ""
+    },
+    {
+     "name": "mobilerow",
+     "type": "Roo.bootstrap.Row",
+     "desc": "- a row to display on mobile only..",
      "memberOf": ""
     },
+    {
+     "name": "inverse",
+     "type": "Boolean",
+     "desc": "is inverted color",
+     "memberOf": "Roo.bootstrap.NavSimplebar"
+    },
     {
      "name": "type",
      "type": "String",
-     "desc": "default nav",
-     "memberOf": "",
+     "desc": "",
+     "memberOf": "Roo.bootstrap.NavSimplebar",
      "optvals": [
       "nav",
       "pills",
-      "tab"
+      "tabs"
      ]
     },
     {
-     "name": "navId",
+     "name": "arrangement",
+     "type": "Boolean",
+     "desc": "stacked | justified",
+     "memberOf": "Roo.bootstrap.NavSimplebar"
+    },
+    {
+     "name": "align",
      "type": "String",
-     "desc": "- reference Id for navbar.",
-     "memberOf": ""
+     "desc": "alignment",
+     "memberOf": "Roo.bootstrap.NavSimplebar",
+     "optvals": [
+      "left",
+      "right"
+     ]
+    },
+    {
+     "name": "main",
+     "type": "Boolean",
+     "desc": "main nav bar? default false",
+     "memberOf": "Roo.bootstrap.NavSimplebar",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "loadMask",
+     "type": "Boolean",
+     "desc": "loadMask on the bar",
+     "memberOf": "Roo.bootstrap.NavSimplebar",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "tag",
+     "type": "String",
+     "desc": "default is nav",
+     "memberOf": "Roo.bootstrap.NavSimplebar",
+     "optvals": [
+      "header",
+      "footer",
+      "nav",
+      "div"
+     ]
     },
     {
      "name": "cls",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "changed",
-     "sig": "function (_self, selected, prev)\n{\n\n}",
+     "name": "beforetoggle",
+     "sig": "function (e)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the active item changes"
+     "desc": "Fire before toggle the menu"
     },
     {
      "name": "childrenrendered",
      "type": "function",
      "desc": "Used to define events on this Observable"
     },
-    {
-     "name": "addItem",
-     "sig": "(Roo.bootstrap.NavItem the)",
-     "type": "function",
-     "desc": "adds a Navigation item"
-    },
     {
      "name": "addListener",
      "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
      "desc": "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire."
     },
-    {
-     "name": "clearAll",
-     "sig": "()",
-     "type": "function",
-     "desc": "clear all the Navigation item"
-    },
     {
      "name": "destroy",
      "sig": "()",
      "type": "function",
      "desc": "Try to focus this component."
     },
-    {
-     "name": "get",
-     "sig": "(string the)",
-     "type": "function",
-     "desc": "fetch a Navigation Group based on the navigation ID"
-    },
-    {
-     "name": "getActive",
-     "sig": "()",
-     "type": "function",
-     "desc": "gets the active Navigation item"
-    },
     {
      "name": "getChildContainer",
      "sig": "()",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "type": "function",
      "desc": "Removes all listeners for this object"
     },
-    {
-     "name": "register",
-     "sig": "(Roo.bootstrap.NavItem the)",
-     "type": "function",
-     "desc": "register a Navigation item"
-    },
-    {
-     "name": "register",
-     "sig": "(Roo.bootstrap.NavGroup the)",
-     "type": "function",
-     "desc": "register a Navigation Group"
-    },
     {
      "name": "releaseCapture",
      "sig": "(Observable o)",
      "type": "function",
      "desc": "If this is a lazy rendering component, render it to its container element."
     },
-    {
-     "name": "setActiveItem",
-     "sig": "(Roo.bootstrap.NavItem the)",
-     "type": "function",
-     "desc": "sets the active Navigation item"
-    },
     {
      "name": "setDisabled",
      "sig": "(Boolean disabled)",
     }
    ]
   },
-  "Roo.bootstrap.NavHeaderbar": {
+  "Roo.bootstrap.NavItem": {
    "props": [
     {
-     "name": "brand",
+     "name": "href",
      "type": "String",
-     "desc": "what is brand",
+     "desc": "link to",
      "memberOf": ""
     },
     {
-     "name": "position",
+     "name": "html",
      "type": "String",
-     "desc": "position",
+     "desc": "content of button",
+     "memberOf": ""
+    },
+    {
+     "name": "badge",
+     "type": "String",
+     "desc": "text inside badge",
+     "memberOf": ""
+    },
+    {
+     "name": "badgecls",
+     "type": "String",
+     "desc": "the extra classes for the badge",
      "memberOf": "",
      "optvals": [
-      "fixed-top",
-      "fixed-bottom",
-      "static-top"
+      "bg-green",
+      "bg-red",
+      "bg-yellow"
      ]
     },
     {
-     "name": "brand_href",
+     "name": "glyphicon",
      "type": "String",
-     "desc": "href of the brand",
+     "desc": "name of glyphicon",
      "memberOf": ""
     },
     {
-     "name": "srButton",
-     "type": "Boolean",
-     "desc": "generate the (screen reader / mobile) sr-only button   default true",
+     "name": "icon",
+     "type": "String",
+     "desc": "name of font awesome icon",
      "memberOf": ""
     },
     {
-     "name": "autohide",
+     "name": "active",
      "type": "Boolean",
-     "desc": "a top nav bar header that hides on scroll.",
+     "desc": "Is item active",
      "memberOf": ""
     },
     {
-     "name": "desktopCenter",
+     "name": "disabled",
      "type": "Boolean",
-     "desc": "should the header be centered on desktop using a container class",
-     "memberOf": ""
-    },
-    {
-     "name": "mobilerow",
-     "type": "Roo.bootstrap.Row",
-     "desc": "- a row to display on mobile only..",
+     "desc": "Is item disabled",
      "memberOf": ""
     },
     {
-     "name": "inverse",
+     "name": "preventDefault",
      "type": "Boolean",
-     "desc": "is inverted color",
-     "memberOf": "Roo.bootstrap.NavSimplebar"
-    },
-    {
-     "name": "type",
-     "type": "String",
-     "desc": "",
-     "memberOf": "Roo.bootstrap.NavSimplebar",
+     "desc": "default false",
+     "memberOf": "",
      "optvals": [
-      "nav",
-      "pills",
-      "tabs"
+      "true",
+      "false"
      ]
     },
     {
-     "name": "arrangement",
-     "type": "Boolean",
-     "desc": "stacked | justified",
-     "memberOf": "Roo.bootstrap.NavSimplebar"
-    },
-    {
-     "name": "align",
+     "name": "tabId",
      "type": "String",
-     "desc": "alignment",
-     "memberOf": "Roo.bootstrap.NavSimplebar",
-     "optvals": [
-      "left",
-      "right"
-     ]
+     "desc": "the tab that this item activates.",
+     "memberOf": ""
     },
     {
-     "name": "main",
-     "type": "Boolean",
-     "desc": "main nav bar? default false",
-     "memberOf": "Roo.bootstrap.NavSimplebar",
+     "name": "tagtype",
+     "type": "String",
+     "desc": "render as a href or span?",
+     "memberOf": "",
      "optvals": [
-      "true",
-      "false"
+      "a",
+      "span"
      ]
     },
     {
-     "name": "loadMask",
+     "name": "animateRef",
      "type": "Boolean",
-     "desc": "loadMask on the bar",
-     "memberOf": "Roo.bootstrap.NavSimplebar",
+     "desc": "link to element default false",
+     "memberOf": "",
      "optvals": [
       "true",
       "false"
      ]
     },
-    {
-     "name": "tag",
-     "type": "String",
-     "desc": "default is nav",
-     "memberOf": "Roo.bootstrap.NavSimplebar",
-     "optvals": [
-      "header",
-      "footer",
-      "nav",
-      "div"
-     ]
-    },
     {
      "name": "cls",
      "type": "String",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "beforetoggle",
-     "sig": "function (e)\n{\n\n}",
+     "name": "changed",
+     "sig": "function (_self, state)\n{\n\n}",
      "type": "function",
-     "desc": "Fire before toggle the menu"
+     "desc": "Fires when the active item active state changes"
     },
     {
      "name": "childrenrendered",
      "type": "function",
      "desc": "Fires when the children have been rendered.."
     },
+    {
+     "name": "click",
+     "sig": "function (e)\n{\n\n}",
+     "type": "function",
+     "desc": "The raw click event for the entire grid."
+    },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is rendered."
     },
+    {
+     "name": "scrollto",
+     "sig": "function (_self, options, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when scroll to element"
+    },
     {
      "name": "show",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
     }
    ]
   },
-  "Roo.bootstrap.NavItem": {
+  "Roo.bootstrap.NavProgressBar": {
    "props": [
-    {
-     "name": "href",
-     "type": "String",
-     "desc": "link to",
-     "memberOf": ""
-    },
-    {
-     "name": "html",
-     "type": "String",
-     "desc": "content of button",
-     "memberOf": ""
-    },
-    {
-     "name": "badge",
-     "type": "String",
-     "desc": "text inside badge",
-     "memberOf": ""
-    },
-    {
-     "name": "badgecls",
-     "type": "String",
-     "desc": "the extra classes for the badge",
-     "memberOf": "",
-     "optvals": [
-      "bg-green",
-      "bg-red",
-      "bg-yellow"
-     ]
-    },
-    {
-     "name": "glyphicon",
-     "type": "String",
-     "desc": "name of glyphicon",
-     "memberOf": ""
-    },
-    {
-     "name": "icon",
-     "type": "String",
-     "desc": "name of font awesome icon",
-     "memberOf": ""
-    },
-    {
-     "name": "active",
-     "type": "Boolean",
-     "desc": "Is item active",
-     "memberOf": ""
-    },
-    {
-     "name": "disabled",
-     "type": "Boolean",
-     "desc": "Is item disabled",
-     "memberOf": ""
-    },
-    {
-     "name": "preventDefault",
-     "type": "Boolean",
-     "desc": "default false",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
-    },
-    {
-     "name": "tabId",
-     "type": "String",
-     "desc": "the tab that this item activates.",
-     "memberOf": ""
-    },
-    {
-     "name": "tagtype",
-     "type": "String",
-     "desc": "render as a href or span?",
-     "memberOf": "",
-     "optvals": [
-      "a",
-      "span"
-     ]
-    },
-    {
-     "name": "animateRef",
-     "type": "Boolean",
-     "desc": "link to element default false",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
-    },
     {
      "name": "cls",
      "type": "String",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
     },
     {
      "name": "changed",
-     "sig": "function (_self, state)\n{\n\n}",
+     "sig": "function (_self, selected, prev)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the active item active state changes"
+     "desc": "Fires when the active item changes"
     },
     {
      "name": "childrenrendered",
      "type": "function",
      "desc": "Fires when the children have been rendered.."
     },
-    {
-     "name": "click",
-     "sig": "function (e)\n{\n\n}",
-     "type": "function",
-     "desc": "The raw click event for the entire grid."
-    },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is rendered."
     },
-    {
-     "name": "scrollto",
-     "sig": "function (_self, options, e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when scroll to element"
-    },
     {
      "name": "show",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
     }
    ]
   },
-  "Roo.bootstrap.NavProgressBar": {
+  "Roo.bootstrap.NavProgressItem": {
    "props": [
+    {
+     "name": "rid",
+     "type": "String",
+     "desc": "the reference id",
+     "memberOf": ""
+    },
+    {
+     "name": "active",
+     "type": "Boolean",
+     "desc": "Is item active default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "Is item active default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "html",
+     "type": "String",
+     "desc": "",
+     "memberOf": ""
+    },
+    {
+     "name": "position",
+     "type": "String",
+     "desc": "text position default bottom",
+     "memberOf": "",
+     "optvals": [
+      "top",
+      "bottom"
+     ]
+    },
+    {
+     "name": "icon",
+     "type": "String",
+     "desc": "show icon instead of number",
+     "memberOf": ""
+    },
     {
      "name": "cls",
      "type": "String",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
-    {
-     "name": "changed",
-     "sig": "function (_self, selected, prev)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the active item changes"
-    },
     {
      "name": "childrenrendered",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires when the children have been rendered.."
     },
+    {
+     "name": "click",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "The raw click event for the entire grid."
+    },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
     }
    ]
   },
-  "Roo.bootstrap.NavProgressItem": {
+  "Roo.bootstrap.NavSidebar": {
    "props": [
-    {
-     "name": "rid",
-     "type": "String",
-     "desc": "the reference id",
-     "memberOf": ""
-    },
-    {
-     "name": "active",
-     "type": "Boolean",
-     "desc": "Is item active default false",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
-    },
-    {
-     "name": "disabled",
-     "type": "Boolean",
-     "desc": "Is item active default false",
-     "memberOf": "",
-     "optvals": [
-      "true",
-      "false"
-     ]
-    },
-    {
-     "name": "html",
-     "type": "String",
-     "desc": "",
-     "memberOf": ""
-    },
-    {
-     "name": "position",
-     "type": "String",
-     "desc": "text position default bottom",
-     "memberOf": "",
-     "optvals": [
-      "top",
-      "bottom"
-     ]
-    },
-    {
-     "name": "icon",
-     "type": "String",
-     "desc": "show icon instead of number",
-     "memberOf": ""
-    },
     {
      "name": "cls",
      "type": "String",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "childrenrendered",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "beforetoggle",
+     "sig": "function (e)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the children have been rendered.."
+     "desc": "Fire before toggle the menu"
     },
     {
-     "name": "click",
-     "sig": "function (_self, e)\n{\n\n}",
+     "name": "childrenrendered",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "The raw click event for the entire grid."
+     "desc": "Fires when the children have been rendered.."
     },
     {
      "name": "destroy",
      "desc": "Returns the id of this component."
     },
     {
-     "name": "hasListener",
-     "sig": "(String eventName)",
-     "type": "function",
-     "desc": "Checks to see if this object has any listeners for a specified event"
-    },
-    {
-     "name": "hide",
-     "sig": "()",
-     "type": "function",
-     "desc": "Hide a component - adds 'hidden' class"
-    },
-    {
-     "name": "initEvents",
-     "sig": "()",
-     "type": "function",
-     "desc": "Initialize Events for the element"
-    },
-    {
-     "name": "isVisible",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns true if this component is visible."
-    },
-    {
-     "name": "on",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
-     "type": "function",
-     "desc": "Appends an event handler to this element (shorthand for addListener)"
-    },
-    {
-     "name": "purgeListeners",
-     "sig": "()",
-     "type": "function",
-     "desc": "Removes all listeners for this object"
-    },
-    {
-     "name": "releaseCapture",
-     "sig": "(Observable o)",
-     "type": "function",
-     "desc": "Removes <b>all</b> added captures from the Observable."
-    },
-    {
-     "name": "removeListener",
-     "sig": "(String eventName, Function handler, Object scope)",
-     "type": "function",
-     "desc": "Removes a listener"
-    },
-    {
-     "name": "render",
-     "sig": "(String/HTMLElement/Element container)",
-     "type": "function",
-     "desc": "If this is a lazy rendering component, render it to its container element."
-    },
-    {
-     "name": "setDisabled",
-     "sig": "(Boolean disabled)",
-     "type": "function",
-     "desc": "Convenience function for setting disabled/enabled by boolean."
-    },
-    {
-     "name": "setVisible",
-     "sig": "(Boolean visible)",
-     "type": "function",
-     "desc": "Convenience function to hide or show this component by boolean."
-    },
-    {
-     "name": "show",
-     "sig": "()",
-     "type": "function",
-     "desc": "Show a component - removes 'hidden' class"
-    },
-    {
-     "name": "tooltipEl",
-     "sig": "()",
-     "type": "function",
-     "desc": "Fetch the element to display the tooltip on."
-    },
-    {
-     "name": "un",
-     "sig": "(String eventName, Function handler, Object scope)",
-     "type": "function",
-     "desc": "Removes a listener (shorthand for removeListener)"
-    }
-   ]
-  },
-  "Roo.bootstrap.NavSidebar": {
-   "props": [
-    {
-     "name": "cls",
-     "type": "String",
-     "desc": "css class",
-     "memberOf": "Roo.bootstrap.Component"
-    },
-    {
-     "name": "style",
-     "type": "String",
-     "desc": "any extra css",
-     "memberOf": "Roo.bootstrap.Component"
-    },
-    {
-     "name": "xattr",
-     "type": "Object",
-     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
-     "memberOf": "Roo.bootstrap.Component"
-    },
-    {
-     "name": "can_build_overlaid",
-     "type": "Boolean",
-     "desc": "True if element can be rebuild from a HTML page",
-     "memberOf": "Roo.bootstrap.Component"
-    },
-    {
-     "name": "dataId",
-     "type": "string",
-     "desc": "cutomer id",
-     "memberOf": "Roo.bootstrap.Component"
-    },
-    {
-     "name": "name",
-     "type": "string",
-     "desc": "Specifies name attribute",
-     "memberOf": "Roo.bootstrap.Component"
-    },
-    {
-     "name": "tooltip",
-     "type": "string",
-     "desc": "Text for the tooltip",
-     "memberOf": "Roo.bootstrap.Component"
-    },
-    {
-     "name": "container_method",
-     "type": "string",
-     "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-     "memberOf": "Roo.bootstrap.Component"
-    },
-    {
-     "name": "disableClass",
-     "type": "String",
-     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-     "memberOf": "Roo.Component"
-    },
-    {
-     "name": "allowDomMove",
-     "type": "Boolean",
-     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
-     "memberOf": "Roo.Component"
-    },
-    {
-     "name": "hideMode",
-     "type": "String",
-     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-     "memberOf": "Roo.Component",
-     "optvals": [
-      "display",
-      "visibility"
-     ]
-    },
-    {
-     "name": "actionMode",
-     "type": "String",
-     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
-     "memberOf": "Roo.Component"
-    },
-    {
-     "name": "listeners",
-     "type": "Object",
-     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-     "memberOf": "Roo.util.Observable"
-    }
-   ],
-   "events": [
-    {
-     "name": "beforedestroy",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
-    },
-    {
-     "name": "beforehide",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is hidden. Return false to stop the hide."
-    },
-    {
-     "name": "beforerender",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is rendered. Return false to stop the render."
-    },
-    {
-     "name": "beforeshow",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires before the component is shown.  Return false to stop the show."
-    },
-    {
-     "name": "beforetoggle",
-     "sig": "function (e)\n{\n\n}",
-     "type": "function",
-     "desc": "Fire before toggle the menu"
-    },
-    {
-     "name": "childrenrendered",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires when the children have been rendered.."
-    },
-    {
-     "name": "destroy",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is destroyed."
-    },
-    {
-     "name": "disable",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is disabled."
-    },
-    {
-     "name": "enable",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is enabled."
-    },
-    {
-     "name": "hide",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is hidden."
-    },
-    {
-     "name": "render",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is rendered."
-    },
-    {
-     "name": "show",
-     "sig": "function (_self)\n{\n\n}",
-     "type": "function",
-     "desc": "Fires after the component is shown."
-    }
-   ],
-   "methods": [
-    {
-     "name": "addEvents",
-     "sig": "(Object object)",
-     "type": "function",
-     "desc": "Used to define events on this Observable"
-    },
-    {
-     "name": "addListener",
-     "sig": "(String eventName, Function handler, Object scope, Object options)",
-     "type": "function",
-     "desc": "Appends an event handler to this component"
-    },
-    {
-     "name": "capture",
-     "sig": "(Observable o, Function fn, Object scope)",
-     "type": "function",
-     "desc": "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire."
-    },
-    {
-     "name": "destroy",
-     "sig": "()",
-     "type": "function",
-     "desc": "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}."
-    },
-    {
-     "name": "disable",
+     "name": "getVisibilityEl",
      "sig": "()",
      "type": "function",
-     "desc": "Disable this component."
-    },
-    {
-     "name": "enable",
-     "sig": "()",
-     "type": "function",
-     "desc": "Enable this component."
-    },
-    {
-     "name": "fireEvent",
-     "sig": "(String eventName, Object... args)",
-     "type": "function",
-     "desc": "Fires the specified event with the passed parameters (minus the event name)."
-    },
-    {
-     "name": "focus",
-     "sig": "(Boolean selectText)",
-     "type": "function",
-     "desc": "Try to focus this component."
-    },
-    {
-     "name": "getChildContainer",
-     "sig": "()",
-     "type": "function",
-     "desc": "Fetch the element to add children to"
-    },
-    {
-     "name": "getEl",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns the underlying {@link Roo.Element}."
-    },
-    {
-     "name": "getId",
-     "sig": "()",
-     "type": "function",
-     "desc": "Returns the id of this component."
+     "desc": "Get the element that will be used to show or hide"
     },
     {
      "name": "hasListener",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "False to prevent entering a negative sign (defaults to true)",
      "memberOf": ""
     },
+    {
+     "name": "allowZero",
+     "type": "Boolean",
+     "desc": "False to blank out if the user enters '0' (defaults to true)",
+     "memberOf": ""
+    },
     {
      "name": "minValue",
      "type": "Number",
       "false"
      ]
     },
+    {
+     "name": "thousandsDelimiter",
+     "type": "String",
+     "desc": "Symbol of thousandsDelimiter",
+     "memberOf": ""
+    },
+    {
+     "name": "valueAlign",
+     "type": "String",
+     "desc": "alignment of value",
+     "memberOf": ""
+    },
     {
      "name": "disabled",
      "type": "Boolean",
     {
      "name": "labelWidth",
      "type": "Number",
-     "desc": "set the width of label (0-12)",
+     "desc": "set the width of label",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labellg",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelmd",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelsm",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelxs",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
      "memberOf": "Roo.bootstrap.Input"
     },
     {
     {
      "name": "regexText",
      "type": "String",
-     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+     "desc": "-- Depricated - use Invalid Text",
+     "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": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
   "Roo.bootstrap.Pagination": {
    "props": [
     {
-     "name": "size",
-     "type": "String",
-     "desc": "xs | sm | md | lg",
-     "memberOf": ""
+     "name": "size",
+     "type": "String",
+     "desc": "xs | sm | md | lg",
+     "memberOf": ""
+    },
+    {
+     "name": "inverse",
+     "type": "Boolean",
+     "desc": "false | true",
+     "memberOf": ""
+    },
+    {
+     "name": "cls",
+     "type": "String",
+     "desc": "css class",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "style",
+     "type": "String",
+     "desc": "any extra css",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "xattr",
+     "type": "Object",
+     "desc": "extra attributes to add to 'element' (used by builder to store stuff.)",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "can_build_overlaid",
+     "type": "Boolean",
+     "desc": "True if element can be rebuild from a HTML page",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "dataId",
+     "type": "string",
+     "desc": "cutomer id",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "name",
+     "type": "string",
+     "desc": "Specifies name attribute",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "tooltip",
+     "type": "string",
+     "desc": "Text for the tooltip",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "container_method",
+     "type": "string",
+     "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+     "memberOf": "Roo.bootstrap.Component"
+    },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
+    {
+     "name": "disableClass",
+     "type": "String",
+     "desc": "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "allowDomMove",
+     "type": "Boolean",
+     "desc": "Whether the component can move the Dom node when rendering (defaults to true).",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "hideMode",
+     "type": "String",
+     "desc": "How this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+     "memberOf": "Roo.Component",
+     "optvals": [
+      "display",
+      "visibility"
+     ]
+    },
+    {
+     "name": "actionMode",
+     "type": "String",
+     "desc": "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el'",
+     "memberOf": "Roo.Component"
+    },
+    {
+     "name": "listeners",
+     "type": "Object",
+     "desc": "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+     "memberOf": "Roo.util.Observable"
+    }
+   ],
+   "events": [
+    {
+     "name": "beforedestroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is destroyed. Return false to stop the destroy."
+    },
+    {
+     "name": "beforehide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is hidden. Return false to stop the hide."
+    },
+    {
+     "name": "beforerender",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is rendered. Return false to stop the render."
+    },
+    {
+     "name": "beforeshow",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires before the component is shown.  Return false to stop the show."
+    },
+    {
+     "name": "childrenrendered",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the children have been rendered.."
+    },
+    {
+     "name": "destroy",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is destroyed."
+    },
+    {
+     "name": "disable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is disabled."
+    },
+    {
+     "name": "enable",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is enabled."
+    },
+    {
+     "name": "hide",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is hidden."
+    },
+    {
+     "name": "render",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is rendered."
+    },
+    {
+     "name": "show",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the component is shown."
+    }
+   ],
+   "methods": [
+    {
+     "name": "addEvents",
+     "sig": "(Object object)",
+     "type": "function",
+     "desc": "Used to define events on this Observable"
+    },
+    {
+     "name": "addListener",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "type": "function",
+     "desc": "Appends an event handler to this component"
+    },
+    {
+     "name": "capture",
+     "sig": "(Observable o, Function fn, Object scope)",
+     "type": "function",
+     "desc": "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire."
+    },
+    {
+     "name": "destroy",
+     "sig": "()",
+     "type": "function",
+     "desc": "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}."
+    },
+    {
+     "name": "disable",
+     "sig": "()",
+     "type": "function",
+     "desc": "Disable this component."
+    },
+    {
+     "name": "enable",
+     "sig": "()",
+     "type": "function",
+     "desc": "Enable this component."
+    },
+    {
+     "name": "fireEvent",
+     "sig": "(String eventName, Object... args)",
+     "type": "function",
+     "desc": "Fires the specified event with the passed parameters (minus the event name)."
+    },
+    {
+     "name": "focus",
+     "sig": "(Boolean selectText)",
+     "type": "function",
+     "desc": "Try to focus this component."
+    },
+    {
+     "name": "getChildContainer",
+     "sig": "()",
+     "type": "function",
+     "desc": "Fetch the element to add children to"
+    },
+    {
+     "name": "getEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the underlying {@link Roo.Element}."
+    },
+    {
+     "name": "getId",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the id of this component."
+    },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
+    {
+     "name": "hasListener",
+     "sig": "(String eventName)",
+     "type": "function",
+     "desc": "Checks to see if this object has any listeners for a specified event"
+    },
+    {
+     "name": "hide",
+     "sig": "()",
+     "type": "function",
+     "desc": "Hide a component - adds 'hidden' class"
+    },
+    {
+     "name": "initEvents",
+     "sig": "()",
+     "type": "function",
+     "desc": "Initialize Events for the element"
+    },
+    {
+     "name": "isVisible",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns true if this component is visible."
+    },
+    {
+     "name": "on",
+     "sig": "(String eventName, Function handler, Object scope, Object options)",
+     "type": "function",
+     "desc": "Appends an event handler to this element (shorthand for addListener)"
+    },
+    {
+     "name": "purgeListeners",
+     "sig": "()",
+     "type": "function",
+     "desc": "Removes all listeners for this object"
+    },
+    {
+     "name": "releaseCapture",
+     "sig": "(Observable o)",
+     "type": "function",
+     "desc": "Removes <b>all</b> added captures from the Observable."
+    },
+    {
+     "name": "removeListener",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener"
+    },
+    {
+     "name": "render",
+     "sig": "(String/HTMLElement/Element container)",
+     "type": "function",
+     "desc": "If this is a lazy rendering component, render it to its container element."
+    },
+    {
+     "name": "setDisabled",
+     "sig": "(Boolean disabled)",
+     "type": "function",
+     "desc": "Convenience function for setting disabled/enabled by boolean."
+    },
+    {
+     "name": "setVisible",
+     "sig": "(Boolean visible)",
+     "type": "function",
+     "desc": "Convenience function to hide or show this component by boolean."
+    },
+    {
+     "name": "show",
+     "sig": "()",
+     "type": "function",
+     "desc": "Show a component - removes 'hidden' class"
+    },
+    {
+     "name": "tooltipEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Fetch the element to display the tooltip on."
+    },
+    {
+     "name": "un",
+     "sig": "(String eventName, Function handler, Object scope)",
+     "type": "function",
+     "desc": "Removes a listener (shorthand for removeListener)"
+    }
+   ]
+  },
+  "Roo.bootstrap.PaginationItem": {
+   "props": [
+    {
+     "name": "html",
+     "type": "String",
+     "desc": "text",
+     "memberOf": ""
+    },
+    {
+     "name": "href",
+     "type": "String",
+     "desc": "the link",
+     "memberOf": ""
+    },
+    {
+     "name": "preventDefault",
+     "type": "Boolean",
+     "desc": "default true",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
+    },
+    {
+     "name": "active",
+     "type": "Boolean",
+     "desc": "default false",
+     "memberOf": "",
+     "optvals": [
+      "true",
+      "false"
+     ]
     },
     {
-     "name": "inverse",
+     "name": "disabled",
      "type": "Boolean",
-     "desc": "false | true",
+     "desc": "default false",
      "memberOf": ""
     },
     {
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Fires when the children have been rendered.."
     },
+    {
+     "name": "click",
+     "sig": "function (e)\n{\n\n}",
+     "type": "function",
+     "desc": "The raw click event for the entire grid."
+    },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
     }
    ]
   },
-  "Roo.bootstrap.PaginationItem": {
+  "Roo.bootstrap.PagingToolbar": {
    "props": [
     {
-     "name": "html",
+     "name": "dataSource",
+     "type": "Roo.data.Store",
+     "desc": "The underlying data store providing the paged data",
+     "memberOf": ""
+    },
+    {
+     "name": "container",
+     "type": "String/HTMLElement/Element",
+     "desc": "container The id or element that will contain the toolbar",
+     "memberOf": ""
+    },
+    {
+     "name": "displayInfo",
+     "type": "Boolean",
+     "desc": "True to display the displayMsg (defaults to false)",
+     "memberOf": ""
+    },
+    {
+     "name": "pageSize",
+     "type": "Number",
+     "desc": "The number of records to display per page (defaults to 20)",
+     "memberOf": ""
+    },
+    {
+     "name": "displayMsg",
      "type": "String",
-     "desc": "text",
+     "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": "preventDefault",
+     "name": "inverse",
      "type": "Boolean",
-     "desc": "default true",
-     "memberOf": "",
+     "desc": "is inverted color",
+     "memberOf": "Roo.bootstrap.NavSimplebar"
+    },
+    {
+     "name": "type",
+     "type": "String",
+     "desc": "",
+     "memberOf": "Roo.bootstrap.NavSimplebar",
+     "optvals": [
+      "nav",
+      "pills",
+      "tabs"
+     ]
+    },
+    {
+     "name": "arrangement",
+     "type": "Boolean",
+     "desc": "stacked | justified",
+     "memberOf": "Roo.bootstrap.NavSimplebar"
+    },
+    {
+     "name": "align",
+     "type": "String",
+     "desc": "alignment",
+     "memberOf": "Roo.bootstrap.NavSimplebar",
+     "optvals": [
+      "left",
+      "right"
+     ]
+    },
+    {
+     "name": "main",
+     "type": "Boolean",
+     "desc": "main nav bar? default false",
+     "memberOf": "Roo.bootstrap.NavSimplebar",
      "optvals": [
       "true",
       "false"
      ]
     },
     {
-     "name": "active",
+     "name": "loadMask",
      "type": "Boolean",
-     "desc": "default false",
-     "memberOf": "",
+     "desc": "loadMask on the bar",
+     "memberOf": "Roo.bootstrap.NavSimplebar",
      "optvals": [
       "true",
       "false"
      ]
     },
     {
-     "name": "disabled",
-     "type": "Boolean",
-     "desc": "default false",
-     "memberOf": ""
+     "name": "tag",
+     "type": "String",
+     "desc": "default is nav",
+     "memberOf": "Roo.bootstrap.NavSimplebar",
+     "optvals": [
+      "header",
+      "footer",
+      "nav",
+      "div"
+     ]
     },
     {
      "name": "cls",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "childrenrendered",
-     "sig": "function (_self)\n{\n\n}",
+     "name": "beforetoggle",
+     "sig": "function (e)\n{\n\n}",
      "type": "function",
-     "desc": "Fires when the children have been rendered.."
+     "desc": "Fire before toggle the menu"
     },
     {
-     "name": "click",
-     "sig": "function (e)\n{\n\n}",
+     "name": "childrenrendered",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "The raw click event for the entire grid."
+     "desc": "Fires when the children have been rendered.."
     },
     {
      "name": "destroy",
      "type": "function",
      "desc": "Appends an event handler to this component"
     },
+    {
+     "name": "bind",
+     "sig": "(Roo.data.Store store)",
+     "type": "function",
+     "desc": "Binds the paging toolbar to the specified {@link Roo.data.Store}"
+    },
     {
      "name": "capture",
      "sig": "(Observable o, Function fn, Object scope)",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "sig": "(String eventName, Function handler, Object scope)",
      "type": "function",
      "desc": "Removes a listener (shorthand for removeListener)"
+    },
+    {
+     "name": "unbind",
+     "sig": "(Roo.data.Store store)",
+     "type": "function",
+     "desc": "Unbinds the paging toolbar from the specified {@link Roo.data.Store}"
     }
    ]
   },
-  "Roo.bootstrap.PagingToolbar": {
+  "Roo.bootstrap.PhoneInput": {
    "props": [
     {
-     "name": "dataSource",
-     "type": "Roo.data.Store",
-     "desc": "The underlying data store providing the paged data",
+     "name": "defaultDialCode",
+     "type": "String",
+     "desc": "default '+852'",
      "memberOf": ""
     },
     {
-     "name": "container",
-     "type": "String/HTMLElement/Element",
-     "desc": "container The id or element that will contain the toolbar",
+     "name": "preferedCountries",
+     "type": "Array",
+     "desc": "default []",
      "memberOf": ""
     },
     {
-     "name": "displayInfo",
+     "name": "triggerClass",
+     "type": "String",
+     "desc": "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' by default and triggerClass will be <b>appended</b> if specified.",
+     "memberOf": "Roo.bootstrap.TriggerField"
+    },
+    {
+     "name": "caret",
+     "type": "String",
+     "desc": "a fontawesome for the trigger icon see http://fortawesome.github.io/Font-Awesome/icons/",
+     "memberOf": "Roo.bootstrap.TriggerField",
+     "optvals": [
+      "search",
+      "calendar"
+     ]
+    },
+    {
+     "name": "hideTrigger",
      "type": "Boolean",
-     "desc": "True to display the displayMsg (defaults to false)",
-     "memberOf": ""
+     "desc": "True to hide the trigger element and display only the base text field (defaults to false)",
+     "memberOf": "Roo.bootstrap.TriggerField"
     },
     {
-     "name": "pageSize",
-     "type": "Number",
-     "desc": "The number of records to display per page (defaults to 20)",
-     "memberOf": ""
+     "name": "removable",
+     "type": "Boolean",
+     "desc": "special filter default false",
+     "memberOf": "Roo.bootstrap.TriggerField",
+     "optvals": [
+      "true",
+      "false"
+     ]
     },
     {
-     "name": "displayMsg",
+     "name": "disabled",
+     "type": "Boolean",
+     "desc": "is it disabled",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "inputType",
      "type": "String",
-     "desc": "The paging status message to display (defaults to \"Displaying {start} - {end} of {total}\")",
-     "memberOf": ""
+     "desc": "button | checkbox | email | file | hidden | image | number | password | radio | range | reset | search | submit | text",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "emptyMsg",
+     "name": "name",
      "type": "String",
-     "desc": "The message to display when no records are found (defaults to \"No data to display\")",
-     "memberOf": ""
+     "desc": "name of the input",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "inverse",
-     "type": "Boolean",
-     "desc": "is inverted color",
-     "memberOf": "Roo.bootstrap.NavSimplebar"
+     "name": "fieldLabel",
+     "type": "string",
+     "desc": "- the label associated",
+     "memberOf": "Roo.bootstrap.Input"
     },
     {
-     "name": "type",
+     "name": "placeholder",
+     "type": "string",
+     "desc": "- placeholder to put in text.",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "before",
+     "type": "string",
+     "desc": "- input group add on before",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "after",
+     "type": "string",
+     "desc": "- input group add on after",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "size",
+     "type": "string",
+     "desc": "- (lg|sm) or leave empty..",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "xs",
+     "type": "Number",
+     "desc": "colspan out of 12 for mobile-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "sm",
+     "type": "Number",
+     "desc": "colspan out of 12 for tablet-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "md",
+     "type": "Number",
+     "desc": "colspan out of 12 for computer-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "lg",
+     "type": "Number",
+     "desc": "colspan out of 12 for large computer-sized screens",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "value",
+     "type": "string",
+     "desc": "default value of the input",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelWidth",
+     "type": "Number",
+     "desc": "set the width of label",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labellg",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelmd",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelsm",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelxs",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelAlign",
      "type": "String",
      "desc": "",
-     "memberOf": "Roo.bootstrap.NavSimplebar",
+     "memberOf": "Roo.bootstrap.Input",
      "optvals": [
-      "nav",
-      "pills",
-      "tabs"
+      "top",
+      "left"
      ]
     },
     {
-     "name": "arrangement",
+     "name": "readOnly",
      "type": "Boolean",
-     "desc": "stacked | justified",
-     "memberOf": "Roo.bootstrap.NavSimplebar"
+     "desc": "Specifies that the field should be read-only",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "autocomplete",
+     "type": "String",
+     "desc": "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "indicatorpos",
+     "type": "String",
+     "desc": "default left",
+     "memberOf": "Roo.bootstrap.Input",
+     "optvals": [
+      "left",
+      "right"
+     ]
     },
     {
      "name": "align",
      "type": "String",
-     "desc": "alignment",
-     "memberOf": "Roo.bootstrap.NavSimplebar",
+     "desc": "Default left",
+     "memberOf": "Roo.bootstrap.Input",
      "optvals": [
       "left",
+      "center",
       "right"
      ]
     },
     {
-     "name": "main",
+     "name": "forceFeedback",
      "type": "Boolean",
-     "desc": "main nav bar? default false",
-     "memberOf": "Roo.bootstrap.NavSimplebar",
+     "desc": "Default false",
+     "memberOf": "Roo.bootstrap.Input",
      "optvals": [
       "true",
       "false"
      ]
     },
     {
-     "name": "loadMask",
+     "name": "validationEvent",
+     "type": "String/Boolean",
+     "desc": "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "validateOnBlur",
      "type": "Boolean",
-     "desc": "loadMask on the bar",
-     "memberOf": "Roo.bootstrap.NavSimplebar",
+     "desc": "Whether the field should validate when it loses focus (defaults to true).",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "validationDelay",
+     "type": "Number",
+     "desc": "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "focusClass",
+     "type": "String",
+     "desc": "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "invalidClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "validClass",
+     "type": "String",
+     "desc": "The CSS class to use when marking a field valid (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "hasFeedback",
+     "type": "Boolean",
+     "desc": "default true",
+     "memberOf": "Roo.bootstrap.Input",
      "optvals": [
       "true",
       "false"
      ]
     },
     {
-     "name": "tag",
+     "name": "invalidFeedbackIcon",
      "type": "String",
-     "desc": "default is nav",
-     "memberOf": "Roo.bootstrap.NavSimplebar",
-     "optvals": [
-      "header",
-      "footer",
-      "nav",
-      "div"
-     ]
+     "desc": "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "validFeedbackIcon",
+     "type": "String",
+     "desc": "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "selectOnFocus",
+     "type": "Boolean",
+     "desc": "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "maskRe",
+     "type": "String",
+     "desc": "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "vtype",
+     "type": "String",
+     "desc": "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "disableKeyFilter",
+     "type": "Boolean",
+     "desc": "True to disable input keystroke filtering (defaults to false)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "allowBlank",
+     "type": "Boolean",
+     "desc": "False to validate that the value length > 0 (defaults to true)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "blankText",
+     "type": "String",
+     "desc": "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "minLength",
+     "type": "Number",
+     "desc": "Minimum input field length required (defaults to 0)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "maxLength",
+     "type": "Number",
+     "desc": "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "minLengthText",
+     "type": "String",
+     "desc": "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "maxLengthText",
+     "type": "String",
+     "desc": "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "validator",
+     "type": "Function",
+     "desc": "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "regex",
+     "type": "RegExp",
+     "desc": "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "regexText",
+     "type": "String",
+     "desc": "-- Depricated - use Invalid Text",
+     "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": "cls",
      "desc": "cutomer id",
      "memberOf": "Roo.bootstrap.Component"
     },
-    {
-     "name": "name",
-     "type": "string",
-     "desc": "Specifies name attribute",
-     "memberOf": "Roo.bootstrap.Component"
-    },
     {
      "name": "tooltip",
      "type": "string",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "desc": "Fires before the component is shown.  Return false to stop the show."
     },
     {
-     "name": "beforetoggle",
-     "sig": "function (e)\n{\n\n}",
+     "name": "blur",
+     "sig": "function (_self)\n{\n\n}",
      "type": "function",
-     "desc": "Fire before toggle the menu"
+     "desc": "Fires when this field loses input focus."
+    },
+    {
+     "name": "change",
+     "sig": "function (_self, newValue, oldValue)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires just before the field blurs if the field value has changed."
     },
     {
      "name": "childrenrendered",
      "type": "function",
      "desc": "Fires after the component is enabled."
     },
+    {
+     "name": "focus",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when this field receives input focus."
+    },
     {
      "name": "hide",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is hidden."
     },
+    {
+     "name": "invalid",
+     "sig": "function (_self, msg)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been marked as invalid."
+    },
+    {
+     "name": "keyup",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the key up"
+    },
     {
      "name": "render",
      "sig": "function (_self)\n{\n\n}",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires after the component is shown."
+    },
+    {
+     "name": "specialkey",
+     "sig": "function (_self, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed."
+    },
+    {
+     "name": "valid",
+     "sig": "function (_self)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires after the field has been validated with no errors."
     }
    ],
    "methods": [
      "type": "function",
      "desc": "Appends an event handler to this component"
     },
-    {
-     "name": "bind",
-     "sig": "(Roo.data.Store store)",
-     "type": "function",
-     "desc": "Binds the paging toolbar to the specified {@link Roo.data.Store}"
-    },
     {
      "name": "capture",
      "sig": "(Observable o, Function fn, Object scope)",
      "type": "function",
      "desc": "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire."
     },
+    {
+     "name": "clearInvalid",
+     "sig": "()",
+     "type": "function",
+     "desc": "Clear any invalid styles/messages for this field"
+    },
     {
      "name": "destroy",
      "sig": "()",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getName",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the name of the field"
+    },
+    {
+     "name": "getRawValue",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}."
+    },
+    {
+     "name": "getValue",
+     "sig": "()",
+     "type": "function",
+     "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
+    },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "type": "function",
      "desc": "Initialize Events for the element"
     },
+    {
+     "name": "inputEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "return the real input element."
+    },
     {
      "name": "isVisible",
      "sig": "()",
      "type": "function",
      "desc": "Returns true if this component is visible."
     },
+    {
+     "name": "markInvalid",
+     "sig": "(String msg)",
+     "type": "function",
+     "desc": "Mark this field as invalid"
+    },
+    {
+     "name": "markValid",
+     "sig": "()",
+     "type": "function",
+     "desc": "Mark this field as valid"
+    },
     {
      "name": "on",
      "sig": "(String eventName, Function handler, Object scope, Object options)",
      "type": "function",
      "desc": "Appends an event handler to this element (shorthand for addListener)"
     },
+    {
+     "name": "onTriggerClick",
+     "sig": "(EventObject e)",
+     "type": "function",
+     "desc": "The function that should handle the trigger's click event.  This method does nothing by default until overridden\nby an implementing function."
+    },
     {
      "name": "purgeListeners",
      "sig": "()",
      "type": "function",
      "desc": "If this is a lazy rendering component, render it to its container element."
     },
+    {
+     "name": "reset",
+     "sig": "()",
+     "type": "function",
+     "desc": "Resets the current field value to the originally loaded value and clears any validation messages"
+    },
     {
      "name": "setDisabled",
      "sig": "(Boolean disabled)",
      "type": "function",
      "desc": "Convenience function for setting disabled/enabled by boolean."
     },
+    {
+     "name": "setRawValue",
+     "sig": "(Mixed value)",
+     "type": "function",
+     "desc": "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}."
+    },
+    {
+     "name": "setValue",
+     "sig": "(Mixed value)",
+     "type": "function",
+     "desc": "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}."
+    },
     {
      "name": "setVisible",
      "sig": "(Boolean visible)",
      "desc": "Removes a listener (shorthand for removeListener)"
     },
     {
-     "name": "unbind",
-     "sig": "(Roo.data.Store store)",
+     "name": "validate",
+     "sig": "()",
      "type": "function",
-     "desc": "Unbinds the paging toolbar from the specified {@link Roo.data.Store}"
+     "desc": "Validates the field value"
+    },
+    {
+     "name": "validateValue",
+     "sig": "(Mixed value)",
+     "type": "function",
+     "desc": "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails"
     }
    ]
   },
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
     {
      "name": "labelWidth",
      "type": "Number",
-     "desc": "set the width of label (0-12)",
+     "desc": "set the width of label",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labellg",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelmd",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelsm",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelxs",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
      "memberOf": "Roo.bootstrap.Input"
     },
     {
     {
      "name": "regexText",
      "type": "String",
-     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+     "desc": "-- Depricated - use Invalid Text",
+     "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": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Fires just before the field blurs if the field value has changed."
     },
+    {
+     "name": "check",
+     "sig": "function (_self, item)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the element is checked or unchecked."
+    },
     {
      "name": "childrenrendered",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Fires when the children have been rendered.."
     },
+    {
+     "name": "click",
+     "sig": "function (_self, item, e)\n{\n\n}",
+     "type": "function",
+     "desc": "Fires when the element is click."
+    },
     {
      "name": "destroy",
      "sig": "function (_self)\n{\n\n}",
      "type": "function",
      "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
     {
      "name": "labelWidth",
      "type": "Number",
-     "desc": "set the width of label (0-12)",
+     "desc": "set the width of label",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labellg",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelmd",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelsm",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelxs",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
      "memberOf": "Roo.bootstrap.Input"
     },
     {
     {
      "name": "regexText",
      "type": "String",
-     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+     "desc": "-- Depricated - use Invalid Text",
+     "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": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "a paging toolbar",
      "memberOf": ""
     },
+    {
+     "name": "lazyLoad",
+     "type": "Boolean",
+     "desc": "auto load data while scrolling to the end (default false)",
+     "memberOf": ""
+    },
     {
      "name": "style",
      "type": "String",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
     {
      "name": "labelWidth",
      "type": "Number",
-     "desc": "set the width of label (0-12)",
+     "desc": "set the width of label",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labellg",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelmd",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelsm",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelxs",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
      "memberOf": "Roo.bootstrap.Input"
     },
     {
     {
      "name": "regexText",
      "type": "String",
-     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+     "desc": "-- Depricated - use Invalid Text",
+     "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": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
     {
      "name": "labelWidth",
      "type": "Number",
-     "desc": "set the width of label (0-12)",
+     "desc": "set the width of label",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labellg",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelmd",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelsm",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelxs",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
      "memberOf": "Roo.bootstrap.Input"
     },
     {
     {
      "name": "regexText",
      "type": "String",
-     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+     "desc": "-- Depricated - use Invalid Text",
+     "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": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
     {
      "name": "labelWidth",
      "type": "Number",
-     "desc": "set the width of label (0-12)",
+     "desc": "set the width of label",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labellg",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelmd",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelsm",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
+     "memberOf": "Roo.bootstrap.Input"
+    },
+    {
+     "name": "labelxs",
+     "type": "Number",
+     "desc": "set the width of label (1-12)",
      "memberOf": "Roo.bootstrap.Input"
     },
     {
     {
      "name": "regexText",
      "type": "String",
-     "desc": "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+     "desc": "-- Depricated - use Invalid Text",
+     "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": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the size of the current view. This method normalizes document.body and element embedded layouts and\nperforms box-model adjustments."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the size of the current view. This method normalizes document.body and element embedded layouts and\nperforms box-model adjustments."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
      "desc": "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
      "memberOf": "Roo.bootstrap.Component"
     },
+    {
+     "name": "visibilityEl",
+     "type": "string|object",
+     "desc": "What element to use for visibility (@see getVisibilityEl())",
+     "memberOf": "Roo.bootstrap.Component",
+     "optvals": [
+      "el",
+      "parent"
+     ]
+    },
     {
      "name": "disableClass",
      "type": "String",
      "type": "function",
      "desc": "Returns the id of this component."
     },
+    {
+     "name": "getVisibilityEl",
+     "sig": "()",
+     "type": "function",
+     "desc": "Get the element that will be used to show or hide"
+    },
     {
      "name": "hasListener",
      "sig": "(String eventName)",
     },
     {
      "name": "number",
-     "sig": "(Number/String value, Number decimals)",
+     "sig": "(Number/String value, Number decimals, String delimiter)",
      "type": "function",
      "desc": "Format a number\neventually this should probably emulate php's number_format"
     },
      "sig": "(String value, String other)",
      "type": "function",
      "desc": "Utility function that allows you to easily switch a string between two alternating values.  The passed value\nis compared to the current string, and if they are equal, the other value that was passed in is returned.  If\nthey are already different, the first value passed in is returned.  Note that this method returns the new value\nbut does not change the current string.\n<pre><code>\n// alternate sort directions\nsort = sort.toggle('ASC', 'DESC');\n\n// instead of conditional logic:\nsort = (sort == 'ASC' ? 'DESC' : 'ASC');\n</code></pre>"
+    },
+    {
+     "name": "unicodeClean",
+     "sig": "()",
+     "type": "function",
+     "desc": "Remove invalid unicode characters from a string"
     }
    ]
   },