Fix #6913 - add more documentation to code
authorAlan Knowles <alan@roojs.com>
Wed, 4 Aug 2021 05:00:51 +0000 (13:00 +0800)
committerAlan Knowles <alan@roojs.com>
Wed, 4 Aug 2021 05:00:51 +0000 (13:00 +0800)
331 files changed:
Roo/ComponentMgr.js
Roo/DomHelper.js
Roo/DomQuery.js
Roo/EventManager.js
Roo/MessageBox.js
Roo/QuickTips.js
Roo/bootstrap/MessageBox.js
Roo/bootstrap/menu/Manager.js
Roo/data/SortTypes.js
Roo/dd/DragDropMgr.js
Roo/dd/Registry.js
Roo/dd/ScrollManager.js
Roo/form/VTypes.js
Roo/lib/Ajax.js
Roo/lib/Color.js
Roo/lib/Dom.js
Roo/menu/MenuMgr.js
Roo/state/Manager.js
Roo/util/CSS.js
Roo/util/Format.js
Roo/util/JSON.js
Roo/util/TaskRunner.js
Roo/util/TextMetrics.js
buildSDK/dependancy_core.txt
docs/json/roodata.json
docs/src/Roo_ComponentMgr.js.html
docs/src/Roo_DomHelper.js.html
docs/src/Roo_DomQuery.js.html
docs/src/Roo_EventManager.js.html
docs/src/Roo_MessageBox.js.html
docs/src/Roo_QuickTips.js.html
docs/src/Roo_bootstrap_MessageBox.js.html
docs/src/Roo_bootstrap_menu_Manager.js.html
docs/src/Roo_data_SortTypes.js.html
docs/src/Roo_dd_DragDropMgr.js.html
docs/src/Roo_dd_Registry.js.html
docs/src/Roo_dd_ScrollManager.js.html
docs/src/Roo_form_VTypes.js.html
docs/src/Roo_lib_Ajax.js.html
docs/src/Roo_lib_Color.js.html [new file with mode: 0644]
docs/src/Roo_lib_Dom.js.html
docs/src/Roo_menu_MenuMgr.js.html
docs/src/Roo_state_Manager.js.html
docs/src/Roo_util_CSS.js.html
docs/src/Roo_util_Format.js.html
docs/src/Roo_util_JSON.js.html
docs/src/Roo_util_TaskRunner.js.html
docs/src/Roo_util_TextMetrics.js.html
docs/symbols/Roo.BasicDialog.json
docs/symbols/Roo.BasicLayoutRegion.json
docs/symbols/Roo.BorderLayout.json
docs/symbols/Roo.BoxComponent.json
docs/symbols/Roo.Button.json
docs/symbols/Roo.CalendarPanel.json
docs/symbols/Roo.ColorPalette.json
docs/symbols/Roo.Component.json
docs/symbols/Roo.ComponentMgr.json
docs/symbols/Roo.CompositeElement.json
docs/symbols/Roo.CompositeElementLite.json
docs/symbols/Roo.ContentPanel.json
docs/symbols/Roo.DDView.json
docs/symbols/Roo.DatePicker.json
docs/symbols/Roo.DialogManager.json
docs/symbols/Roo.Document.json
docs/symbols/Roo.DomHelper.json
docs/symbols/Roo.DomQuery.json
docs/symbols/Roo.DomTemplate.json
docs/symbols/Roo.Editor.json
docs/symbols/Roo.Element.json
docs/symbols/Roo.EventManager.json
docs/symbols/Roo.EventObject.json
docs/symbols/Roo.Fx.json
docs/symbols/Roo.GridPanel.json
docs/symbols/Roo.HtmlEditorCore.json
docs/symbols/Roo.JsonView.json
docs/symbols/Roo.KeyMap.json
docs/symbols/Roo.KeyNav.json
docs/symbols/Roo.Layer.json
docs/symbols/Roo.LayoutDialog.json
docs/symbols/Roo.LayoutManager.json
docs/symbols/Roo.LayoutRegion.json
docs/symbols/Roo.LoadMask.json
docs/symbols/Roo.MasterTemplate.json
docs/symbols/Roo.NestedLayoutPanel.json
docs/symbols/Roo.PagingToolbar.json
docs/symbols/Roo.QuickTips.json
docs/symbols/Roo.ReaderLayout.json
docs/symbols/Roo.Resizable.json
docs/symbols/Roo.Shadow.json
docs/symbols/Roo.SplitBar.AbsoluteLayoutAdapter.json
docs/symbols/Roo.SplitBar.BasicLayoutAdapter.json
docs/symbols/Roo.SplitBar.json
docs/symbols/Roo.SplitButton.json
docs/symbols/Roo.SplitLayoutRegion.json
docs/symbols/Roo.TabPanel.json
docs/symbols/Roo.TabPanelItem.json
docs/symbols/Roo.Template.json
docs/symbols/Roo.Toolbar.Button.json
docs/symbols/Roo.Toolbar.Fill.json
docs/symbols/Roo.Toolbar.Item.json
docs/symbols/Roo.Toolbar.Separator.json
docs/symbols/Roo.Toolbar.Spacer.json
docs/symbols/Roo.Toolbar.SplitButton.json
docs/symbols/Roo.Toolbar.TextItem.json
docs/symbols/Roo.Toolbar.json
docs/symbols/Roo.TreePanel.json
docs/symbols/Roo.UpdateManager.BasicRenderer.json
docs/symbols/Roo.UpdateManager.json
docs/symbols/Roo.View.json
docs/symbols/Roo.XComponent.json
docs/symbols/Roo.XTemplate.json
docs/symbols/Roo.bootstrap.Alert.json
docs/symbols/Roo.bootstrap.BezierSignature.json
docs/symbols/Roo.bootstrap.Body.json
docs/symbols/Roo.bootstrap.Brick.json
docs/symbols/Roo.bootstrap.Button.json
docs/symbols/Roo.bootstrap.ButtonGroup.json
docs/symbols/Roo.bootstrap.ButtonUploader.json
docs/symbols/Roo.bootstrap.Calendar.json
docs/symbols/Roo.bootstrap.Card.json
docs/symbols/Roo.bootstrap.CardFooter.json
docs/symbols/Roo.bootstrap.CardHeader.json
docs/symbols/Roo.bootstrap.CardImageTop.json
docs/symbols/Roo.bootstrap.Column.json
docs/symbols/Roo.bootstrap.Component.json
docs/symbols/Roo.bootstrap.Container.json
docs/symbols/Roo.bootstrap.DocumentManager.json
docs/symbols/Roo.bootstrap.DocumentSlider.json
docs/symbols/Roo.bootstrap.DocumentViewer.json
docs/symbols/Roo.bootstrap.DropTarget.json
docs/symbols/Roo.bootstrap.Element.json
docs/symbols/Roo.bootstrap.Graph.json
docs/symbols/Roo.bootstrap.Header.json
docs/symbols/Roo.bootstrap.Img.json
docs/symbols/Roo.bootstrap.LayoutMasonry.json
docs/symbols/Roo.bootstrap.LayoutMasonryAuto.json
docs/symbols/Roo.bootstrap.Link.json
docs/symbols/Roo.bootstrap.LocationPicker.json
docs/symbols/Roo.bootstrap.MasonryBrick.json
docs/symbols/Roo.bootstrap.MessageBar.json
docs/symbols/Roo.bootstrap.MessageBox.json
docs/symbols/Roo.bootstrap.Modal.json
docs/symbols/Roo.bootstrap.Pagination.json
docs/symbols/Roo.bootstrap.PaginationItem.json
docs/symbols/Roo.bootstrap.PagingToolbar.json
docs/symbols/Roo.bootstrap.Popover.json
docs/symbols/Roo.bootstrap.PopoverNav.json
docs/symbols/Roo.bootstrap.Progress.json
docs/symbols/Roo.bootstrap.ProgressBar.json
docs/symbols/Roo.bootstrap.Row.json
docs/symbols/Roo.bootstrap.Slider.json
docs/symbols/Roo.bootstrap.SplitBar.AbsoluteLayoutAdapter.json
docs/symbols/Roo.bootstrap.SplitBar.BasicLayoutAdapter.json
docs/symbols/Roo.bootstrap.SplitBar.json
docs/symbols/Roo.bootstrap.TabGroup.json
docs/symbols/Roo.bootstrap.TabPanel.json
docs/symbols/Roo.bootstrap.Table.json
docs/symbols/Roo.bootstrap.TableBody.json
docs/symbols/Roo.bootstrap.TableCell.json
docs/symbols/Roo.bootstrap.TableRow.json
docs/symbols/Roo.bootstrap.Tooltip.json
docs/symbols/Roo.bootstrap.UploadCropbox.json
docs/symbols/Roo.bootstrap.breadcrumb.Item.json
docs/symbols/Roo.bootstrap.breadcrumb.Nav.json
docs/symbols/Roo.bootstrap.dash.NumberBox.json
docs/symbols/Roo.bootstrap.dash.TabBox.json
docs/symbols/Roo.bootstrap.dash.TabPane.json
docs/symbols/Roo.bootstrap.form.CardUploader.json
docs/symbols/Roo.bootstrap.form.CheckBox.json
docs/symbols/Roo.bootstrap.form.ComboBox.json
docs/symbols/Roo.bootstrap.form.DateField.json
docs/symbols/Roo.bootstrap.form.DateSplitField.json
docs/symbols/Roo.bootstrap.form.FieldLabel.json
docs/symbols/Roo.bootstrap.form.Form.json
docs/symbols/Roo.bootstrap.form.HtmlEditor.json
docs/symbols/Roo.bootstrap.form.HtmlEditorToolbarStandard.json
docs/symbols/Roo.bootstrap.form.Input.json
docs/symbols/Roo.bootstrap.form.Markdown.json
docs/symbols/Roo.bootstrap.form.MoneyField.json
docs/symbols/Roo.bootstrap.form.MonthField.json
docs/symbols/Roo.bootstrap.form.NumberField.json
docs/symbols/Roo.bootstrap.form.PhoneInput.json
docs/symbols/Roo.bootstrap.form.Radio.json
docs/symbols/Roo.bootstrap.form.RadioSet.json
docs/symbols/Roo.bootstrap.form.SecurePass.json
docs/symbols/Roo.bootstrap.form.TextArea.json
docs/symbols/Roo.bootstrap.form.TimeField.json
docs/symbols/Roo.bootstrap.form.TriggerField.json
docs/symbols/Roo.bootstrap.layout.Basic.json
docs/symbols/Roo.bootstrap.layout.Border.json
docs/symbols/Roo.bootstrap.layout.Manager.json
docs/symbols/Roo.bootstrap.layout.Region.json
docs/symbols/Roo.bootstrap.layout.Split.json
docs/symbols/Roo.bootstrap.menu.Item.json
docs/symbols/Roo.bootstrap.menu.Manager.json
docs/symbols/Roo.bootstrap.menu.Menu.json
docs/symbols/Roo.bootstrap.menu.Separator.json
docs/symbols/Roo.bootstrap.nav.Bar.json
docs/symbols/Roo.bootstrap.nav.Group.json
docs/symbols/Roo.bootstrap.nav.Headerbar.json
docs/symbols/Roo.bootstrap.nav.Item.json
docs/symbols/Roo.bootstrap.nav.ProgressBar.json
docs/symbols/Roo.bootstrap.nav.ProgressBarItem.json
docs/symbols/Roo.bootstrap.nav.Sidebar.json
docs/symbols/Roo.bootstrap.nav.SidebarItem.json
docs/symbols/Roo.bootstrap.nav.Simplebar.json
docs/symbols/Roo.bootstrap.panel.Content.json
docs/symbols/Roo.bootstrap.panel.Grid.json
docs/symbols/Roo.bootstrap.panel.Nest.json
docs/symbols/Roo.bootstrap.panel.TabItem.json
docs/symbols/Roo.bootstrap.panel.Tabs.json
docs/symbols/Roo.data.ArrayReader.json
docs/symbols/Roo.data.Connection.json
docs/symbols/Roo.data.DataProxy.json
docs/symbols/Roo.data.DataReader.json
docs/symbols/Roo.data.HttpProxy.json
docs/symbols/Roo.data.JsonReader.json
docs/symbols/Roo.data.JsonStore.json
docs/symbols/Roo.data.MemoryProxy.json
docs/symbols/Roo.data.Node.json
docs/symbols/Roo.data.Record.json
docs/symbols/Roo.data.ScriptTagProxy.json
docs/symbols/Roo.data.SimpleStore.json
docs/symbols/Roo.data.SortTypes.json
docs/symbols/Roo.data.Store.json
docs/symbols/Roo.data.Tree.json
docs/symbols/Roo.data.XmlReader.json
docs/symbols/Roo.dd.DD.json
docs/symbols/Roo.dd.DDProxy.json
docs/symbols/Roo.dd.DDTarget.json
docs/symbols/Roo.dd.DragDrop.json
docs/symbols/Roo.dd.DragDropMgr.json [new file with mode: 0644]
docs/symbols/Roo.dd.DragSource.json
docs/symbols/Roo.dd.DragZone.json
docs/symbols/Roo.dd.DropTarget.json
docs/symbols/Roo.dd.DropZone.json
docs/symbols/Roo.dd.Registry.json
docs/symbols/Roo.dd.ScrollManager.json
docs/symbols/Roo.dd.StatusProxy.json
docs/symbols/Roo.form.Action.json
docs/symbols/Roo.form.BasicForm.json
docs/symbols/Roo.form.Checkbox.json
docs/symbols/Roo.form.Column.json
docs/symbols/Roo.form.ComboBox.json
docs/symbols/Roo.form.ComboBoxArray.Item.json
docs/symbols/Roo.form.ComboBoxArray.json
docs/symbols/Roo.form.ComboCheck.json
docs/symbols/Roo.form.ComboNested.json
docs/symbols/Roo.form.DateField.json
docs/symbols/Roo.form.DayPicker.json
docs/symbols/Roo.form.DisplayField.json
docs/symbols/Roo.form.FCKeditor.json
docs/symbols/Roo.form.Field.json
docs/symbols/Roo.form.FieldSet.json
docs/symbols/Roo.form.Form.json
docs/symbols/Roo.form.GridField.json
docs/symbols/Roo.form.Hidden.json
docs/symbols/Roo.form.HtmlEditor.ToolbarContext.json
docs/symbols/Roo.form.HtmlEditor.ToolbarStandard.json
docs/symbols/Roo.form.HtmlEditor.json
docs/symbols/Roo.form.Layout.json
docs/symbols/Roo.form.MonthField.json
docs/symbols/Roo.form.NumberField.json
docs/symbols/Roo.form.Radio.json
docs/symbols/Roo.form.Row.json
docs/symbols/Roo.form.Select.json
docs/symbols/Roo.form.Signature.json
docs/symbols/Roo.form.TextArea.json
docs/symbols/Roo.form.TextField.json
docs/symbols/Roo.form.TextItem.json
docs/symbols/Roo.form.TriggerField.json
docs/symbols/Roo.form.VTypes.json
docs/symbols/Roo.grid.AbstractGridView.json
docs/symbols/Roo.grid.AbstractSelectionModel.json
docs/symbols/Roo.grid.Calendar.json
docs/symbols/Roo.grid.CellSelectionModel.json
docs/symbols/Roo.grid.ColumnModel.json
docs/symbols/Roo.grid.EditorGrid.json
docs/symbols/Roo.grid.Grid.json
docs/symbols/Roo.grid.GridEditor.json
docs/symbols/Roo.grid.GridView.json
docs/symbols/Roo.grid.PropertyGrid.json
docs/symbols/Roo.grid.RowSelectionModel.json
docs/symbols/Roo.grid.SplitDragZone.json
docs/symbols/Roo.lib.Ajax.json
docs/symbols/Roo.lib.Color.json [new file with mode: 0644]
docs/symbols/Roo.lib.Dom.json
docs/symbols/Roo.lib.HSLColor.json [new file with mode: 0644]
docs/symbols/Roo.lib.HSVColor.json [new file with mode: 0644]
docs/symbols/Roo.lib.RGBColor.json [new file with mode: 0644]
docs/symbols/Roo.menu.Adapter.json
docs/symbols/Roo.menu.BaseItem.json
docs/symbols/Roo.menu.CheckItem.json
docs/symbols/Roo.menu.ColorItem.json
docs/symbols/Roo.menu.ColorMenu.json
docs/symbols/Roo.menu.DateItem.json
docs/symbols/Roo.menu.DateMenu.json
docs/symbols/Roo.menu.Item.json
docs/symbols/Roo.menu.Menu.json
docs/symbols/Roo.menu.MenuMgr.json
docs/symbols/Roo.menu.Separator.json
docs/symbols/Roo.menu.TextItem.json
docs/symbols/Roo.state.CookieProvider.json
docs/symbols/Roo.state.Manager.json
docs/symbols/Roo.state.Provider.json
docs/symbols/Roo.tree.AsyncTreeNode.json
docs/symbols/Roo.tree.ColumnTree.json
docs/symbols/Roo.tree.DefaultSelectionModel.json
docs/symbols/Roo.tree.MultiSelectionModel.json
docs/symbols/Roo.tree.TreeEditor.json
docs/symbols/Roo.tree.TreeFilter.json
docs/symbols/Roo.tree.TreeLoader.json
docs/symbols/Roo.tree.TreeNode.json
docs/symbols/Roo.tree.TreeNodeUI.json
docs/symbols/Roo.tree.TreePanel.json
docs/symbols/Roo.tree.TreeSorter.json
docs/symbols/Roo.util.CSS.json
docs/symbols/Roo.util.ClickRepeater.json
docs/symbols/Roo.util.DelayedTask.json
docs/symbols/Roo.util.Format.json
docs/symbols/Roo.util.JSON.json
docs/symbols/Roo.util.MixedCollection.json
docs/symbols/Roo.util.Observable.json
docs/symbols/Roo.util.TaskRunner.json [new file with mode: 0644]
docs/symbols/Roo.util.TextMetrics.Instance.json
docs/symbols/Roo.util.TextMetrics.json
docs/tree.json
roojs-bootstrap-debug.js
roojs-core-debug.js
roojs-debug.js
roojs-ui-debug.js

index 44d0ea9..36c1649 100644 (file)
@@ -13,7 +13,7 @@
 /**
  * @class Roo.ComponentMgr
  * Provides a common registry of all components on a page so that they can be easily accessed by component id (see {@link Roo.getCmp}).
- * @singleton
+ * @static
  */
 Roo.ComponentMgr = function(){
     var all = new Roo.util.MixedCollection();
index 194a6c4..f12b888 100644 (file)
@@ -29,7 +29,7 @@
  * @class Roo.DomHelper
  * Utility class for working with DOM and/or Templates. It transparently supports using HTML fragments or DOM.
  * For more information see <a href="http://web.archive.org/web/20071221063734/http://www.jackslocum.com/blog/2006/10/06/domhelper-create-elements-using-dom-html-fragments-or-templates/">this blog post with examples</a>.
- * @singleton
+ * @static
  */
 Roo.DomHelper = function(){
     var tempTableEl = null;
index 25137a0..f26e29e 100644 (file)
@@ -73,7 +73,7 @@ All selectors, attribute filters and pseudos below can be combined infinitely in
     <li> <b>E{display%=2}</b> css value "display" that is evenly divisible by 2</li>
     <li> <b>E{display!=none}</b> css value "display" that does not equal "none"</li>
 </ul>
- * @singleton
+ * @static
  */
 Roo.DomQuery = function(){
     var cache = {}, simpleCache = {}, valueCache = {};
index d23defd..a2322c8 100644 (file)
@@ -14,7 +14,7 @@
  * Registers event handlers that want to receive a normalized EventObject instead of the standard browser event and provides 
  * several useful events directly.
  * See {@link Roo.EventObject} for more details on normalized event objects.
- * @singleton
+ * @static
  */
 Roo.EventManager = function(){
     var docReadyEvent, docReadyProcId, docReadyState = false;
@@ -576,7 +576,7 @@ Roo.onReady(function(){
  Roo.EventManager.on("myDiv", 'click', handleClick);
  Roo.EventManager.addListener("myDiv", 'click', handleClick);
  </code></pre>
- * @singleton
+ * @static
  */
 Roo.EventObject = function(){
     
index 7562c57..a43dd34 100644 (file)
@@ -33,7 +33,7 @@ Roo.Msg.show({
    animEl: 'elId'
 });
 </code></pre>
- * @singleton
+ * @static
  */
 Roo.MessageBox = function(){
     var dlg, opt, mask, waitTimer;
index 31d6515..c5a52ae 100644 (file)
@@ -11,7 +11,7 @@
 /**
  * @class Roo.QuickTips
  * Provides attractive and customizable tooltips for any element.
- * @singleton
+ * @static
  */
 Roo.QuickTips = function(){
     var el, tipBody, tipBodyText, tipTitle, tm, cfg, close, tagEls = {}, esc, removeCls = null, bdLeft, bdRight;
index 76038e7..80a1ffd 100644 (file)
@@ -28,7 +28,7 @@ Roo.Msg.show({
    animEl: 'elId'
 });
 </code></pre>
- * @singleton
+ * @static
  */
 Roo.bootstrap.MessageBox = function(){
     var dlg, opt, mask, waitTimer;
index 4e1172f..423efd0 100644 (file)
@@ -2,7 +2,7 @@
  * @class Roo.bootstrap.MenuMgr
  * @licence LGPL
  * Provides a common registry of all menu items on a page so that they can be easily accessed by id.
- * @singleton
+ * @static
  */
 Roo.bootstrap.menu.Manager = function(){
    var menus, active, groups = {}, attached = false, lastShow = new Date();
index 473b2ce..31c39f1 100644 (file)
@@ -12,7 +12,7 @@
 
 /**
  * @class Roo.data.SortTypes
- * @singleton
+ * @static
  * Defines the default sorting (casting?) comparison functions used when sorting data.
  */
 Roo.data.SortTypes = {
index 9befe30..18fabfe 100644 (file)
@@ -28,7 +28,7 @@ if (!Roo.dd.DragDropMgr) {
  * all DragDrop items in the window.  Generally, you will not call
  * this class directly, but it does have helper methods that could
  * be useful in your DragDrop implementations.
- * @singleton
+ * @static
  */
 Roo.dd.DragDropMgr = function() {
 
index 6eee28f..406776b 100644 (file)
@@ -14,7 +14,7 @@
  * @class Roo.dd.Registry
  * Provides easy access to all drag drop components that are registered on a page.  Items can be retrieved either
  * directly by DOM node id, or by passing in the drag drop event that occurred and looking up the event target.
- * @singleton
+ * @static
  */
 Roo.dd.Registry = function(){
     var elements = {}; 
index 9aa4be0..56abb72 100644 (file)
@@ -14,7 +14,7 @@
  * @class Roo.dd.ScrollManager
  * Provides automatic scrolling of overflow regions in the page during drag operations.<br><br>
  * <b>Note: This class uses "Point Mode" and is untested in "Intersect Mode".</b>
- * @singleton
+ * @static
  */
 Roo.dd.ScrollManager = function(){
     var ddm = Roo.dd.DragDropMgr;
index e7140b3..78b338a 100644 (file)
@@ -11,7 +11,7 @@
 /**
  * @class Roo.form.VTypes
  * Overridable validation definitions. The validations provided are basic and intended to be easily customizable and extended.
- * @singleton
+ * @static
  */
 Roo.form.VTypes = function(){
     // closure these in so they are only created once.
index 86db338..1535eee 100644 (file)
@@ -1,15 +1,17 @@
-/*
- * Portions of this file are based on pieces of Yahoo User Interface Library
- * Copyright (c) 2007, Yahoo! Inc. All rights reserved.
- * YUI licensed under the BSD License:
- * http://developer.yahoo.net/yui/license.txt
- * <script type="text/javascript">
- *
- */
 
 (function() {
     /**
      * @class Roo.lib.Ajax
+     *
+     * provide a simple Ajax request utility functions
+     * 
+     * Portions of this file are based on pieces of Yahoo User Interface Library
+    * Copyright (c) 2007, Yahoo! Inc. All rights reserved.
+    * YUI licensed under the BSD License:
+    * http://developer.yahoo.net/yui/license.txt
+    * <script type="text/javascript">
+    *
      *
      */
     Roo.lib.Ajax = {
 
             return this.asyncRequest(method, uri, cb, data);
         },
-
+        /**
+         * serialize a form
+         *
+         * @static
+         * @param {DomForm} form element
+         * @return {String} urlencode form output.
+         */
         serializeForm : function(form) {
             if(typeof form == 'string') {
                 form = (document.getElementById(form) || document.forms[form]);
index 41b364a..f819c79 100644 (file)
@@ -1,40 +1,51 @@
-/*
 
-Colour.js
-
-Functions for colour handling and processing.
-
-http://www.safalra.com/web-design/javascript/colour-handling-and-processing/
-
-The author of this program, Safalra (Stephen Morley), irrevocably releases all
-rights to this program, with the intention of it becoming part of the public
-domain. Because this program is released into the public domain, it comes with
-no warranty either expressed or implied, to the extent permitted by law.
-
-For more free and public domain JavaScript code by the same author, visit:
-http://www.safalra.com/web-design/javascript/
-
-*/
-
-
-/* An abstract Colour implementation. Concrete Colour implementations should use
+/**
+ * @class Roo.lib.Color
+ * @constructor
+ * An abstract Color implementation. Concrete Color implementations should use
  * an instance of this function as their prototype, and implement the getRGB and
  * getHSL functions. getRGB should return an object representing the RGB
- * components of this Colour, with the red, green, and blue components in the
+ * components of this Color, with the red, green, and blue components in the
  * range [0,255] and the alpha component in the range [0,100]. getHSL should
- * return an object representing the HSL components of this Colour, with the hue
+ * return an object representing the HSL components of this Color, with the hue
  * component in the range [0,360), the saturation and lightness components in
  * the range [0,100], and the alpha component in the range [0,1].
+ *
+ *
+ * Color.js
+ *
+ * Functions for Color handling and processing.
+ *
+ * http://www.safalra.com/web-design/javascript/Color-handling-and-processing/
+ *
+ * The author of this program, Safalra (Stephen Morley), irrevocably releases all
+ * rights to this program, with the intention of it becoming part of the public
+ * domain. Because this program is released into the public domain, it comes with
+ * no warranty either expressed or implied, to the extent permitted by law.
+ * 
+ * For more free and public domain JavaScript code by the same author, visit:
+ * http://www.safalra.com/web-design/javascript/
+ * 
  */
-Roo.lib.Colour = function(){
+Roo.lib.Color = function() { }
+
 
-  /* Returns an object representing the RGBA components of this Colour. The red,
+Roo.apply(Roo.lib.Color.prototype, {
+  
+  rgb : null,
+  hsv : null,
+  hsl : null,
+  
+  /**
+   * getIntegerRGB
+   * @return {Object} an object representing the RGBA components of this Color. The red,
    * green, and blue components are converted to integers in the range [0,255].
    * The alpha is a value in the range [0,1].
    */
-  this.getIntegerRGB = function(){
+  getIntegerRGB : function(){
 
-    // get the RGB components of this colour
+    // get the RGB components of this Color
     var rgb = this.getRGB();
 
     // return the integer components
@@ -45,15 +56,17 @@ Roo.lib.Colour = function(){
       'a' : rgb.a
     };
 
-  };
+  },
 
-  /* Returns an object representing the RGBA components of this Colour. The red,
+  /**
+   * getPercentageRGB
+   * @return {Object} an object representing the RGBA components of this Color. The red,
    * green, and blue components are converted to numbers in the range [0,100].
    * The alpha is a value in the range [0,1].
    */
-  this.getPercentageRGB = function(){
+  getPercentageRGB : function(){
 
-    // get the RGB components of this colour
+    // get the RGB components of this Color
     var rgb = this.getRGB();
 
     // return the percentage components
@@ -64,13 +77,16 @@ Roo.lib.Colour = function(){
       'a' : rgb.a
     };
 
-  };
+  },
 
-  /* Returns a string representing this Colour as a CSS hexadecimal RGB colour
+  /**
+   * getCSSHexadecimalRGB
+   * @return {String} a string representing this Color as a CSS hexadecimal RGB Color
    * value - that is, a string of the form #RRGGBB where each of RR, GG, and BB
    * are two-digit hexadecimal numbers.
    */
-  this.getCSSHexadecimalRGB = function(){
+  getCSSHexadecimalRGB : function()
+  {
 
     // get the integer RGB components
     var rgb = this.getIntegerRGB();
@@ -80,178 +96,258 @@ Roo.lib.Colour = function(){
     var g16 = rgb.g.toString(16);
     var b16 = rgb.b.toString(16);
 
-    // return the CSS RGB colour value
+    // return the CSS RGB Color value
     return '#'
         + (r16.length == 2 ? r16 : '0' + r16)
         + (g16.length == 2 ? g16 : '0' + g16)
         + (b16.length == 2 ? b16 : '0' + b16);
 
-  };
+  },
 
-  /* Returns a string representing this Colour as a CSS integer RGB colour
+  /**
+   * getCSSIntegerRGB
+   * @return {String} a string representing this Color as a CSS integer RGB Color
    * value - that is, a string of the form rgb(r,g,b) where each of r, g, and b
    * are integers in the range [0,255].
    */
-  this.getCSSIntegerRGB = function(){
+  getCSSIntegerRGB : function(){
 
     // get the integer RGB components
     var rgb = this.getIntegerRGB();
 
-    // return the CSS RGB colour value
+    // return the CSS RGB Color value
     return 'rgb(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ')';
 
-  };
+  },
 
-  /* Returns a string representing this Colour as a CSS integer RGBA colour
+  /**
+   * getCSSIntegerRGBA
+   * @return {String} Returns a string representing this Color as a CSS integer RGBA Color
    * value - that is, a string of the form rgba(r,g,b,a) where each of r, g, and
    * b are integers in the range [0,255] and a is in the range [0,1].
    */
-  this.getCSSIntegerRGBA = function(){
+  getCSSIntegerRGBA : function(){
 
     // get the integer RGB components
     var rgb = this.getIntegerRGB();
 
-    // return the CSS integer RGBA colour value
+    // return the CSS integer RGBA Color value
     return 'rgb(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ',' + rgb.a + ')';
 
-  };
+  },
 
-  /* Returns a string representing this Colour as a CSS percentage RGB colour
+  /**
+   * getCSSPercentageRGB
+   * @return {String} a string representing this Color as a CSS percentage RGB Color
    * value - that is, a string of the form rgb(r%,g%,b%) where each of r, g, and
    * b are in the range [0,100].
    */
-  this.getCSSPercentageRGB = function(){
+  getCSSPercentageRGB : function(){
 
     // get the percentage RGB components
     var rgb = this.getPercentageRGB();
 
-    // return the CSS RGB colour value
+    // return the CSS RGB Color value
     return 'rgb(' + rgb.r + '%,' + rgb.g + '%,' + rgb.b + '%)';
 
-  };
+  },
 
-  /* Returns a string representing this Colour as a CSS percentage RGBA colour
+  /**
+   * getCSSPercentageRGBA
+   * @return {String} a string representing this Color as a CSS percentage RGBA Color
    * value - that is, a string of the form rgba(r%,g%,b%,a) where each of r, g,
    * and b are in the range [0,100] and a is in the range [0,1].
    */
-  this.getCSSPercentageRGBA = function(){
+  getCSSPercentageRGBA : function(){
 
     // get the percentage RGB components
     var rgb = this.getPercentageRGB();
 
-    // return the CSS percentage RGBA colour value
+    // return the CSS percentage RGBA Color value
     return 'rgb(' + rgb.r + '%,' + rgb.g + '%,' + rgb.b + '%,' + rgb.a + ')';
 
-  };
+  },
 
-  /* Returns a string representing this Colour as a CSS HSL colour value - that
+  /**
+   * getCSSHSL
+   * @return {String} a string representing this Color as a CSS HSL Color value - that
    * is, a string of the form hsl(h,s%,l%) where h is in the range [0,100] and
    * s and l are in the range [0,100].
    */
-  this.getCSSHSL = function(){
+  getCSSHSL : function(){
 
     // get the HSL components
     var hsl = this.getHSL();
 
-    // return the CSS HSL colour value
+    // return the CSS HSL Color value
     return 'hsl(' + hsl.h + ',' + hsl.s + '%,' + hsl.l + '%)';
 
-  };
+  },
 
-  /* Returns a string representing this Colour as a CSS HSLA colour value - that
+  /**
+   * getCSSHSLA
+   * @return {String} a string representing this Color as a CSS HSLA Color value - that
    * is, a string of the form hsla(h,s%,l%,a) where h is in the range [0,100],
    * s and l are in the range [0,100], and a is in the range [0,1].
    */
-  this.getCSSHSLA = function(){
+  getCSSHSLA : function(){
 
     // get the HSL components
     var hsl = this.getHSL();
 
-    // return the CSS HSL colour value
+    // return the CSS HSL Color value
     return 'hsl(' + hsl.h + ',' + hsl.s + '%,' + hsl.l + '%,' + hsl.a + ')';
 
-  };
+  },
 
-  /* Sets the colour of the specified node to this Colour. This functions sets
+  /**
+   * Sets the Color of the specified node to this Color. This functions sets
    * the CSS 'color' property for the node. The parameter is:
-   *
-   * node - the node whose colour should be set
+   * 
+   * @param {DomElement} node - the node whose Color should be set
    */
-  this.setNodeColour = function(node){
+  setNodeColor : function(node){
 
-    // set the colour of the node
+    // set the Color of the node
     node.style.color = this.getCSSHexadecimalRGB();
 
-  };
+  },
 
-  /* Sets the background colour of the specified node to this Colour. This
+  /**
+   * Sets the background Color of the specified node to this Color. This
    * functions sets the CSS 'background-color' property for the node. The
    * parameter is:
    *
-   * node - the node whose background colour should be set
+   * @param {DomElement} node - the node whose background Color should be set
    */
-  this.setNodeBackgroundColour = function(node){
+  setNodeBackgroundColor : function(node){
 
-    // set the background colour of the node
+    // set the background Color of the node
     node.style.backgroundColor = this.getCSSHexadecimalRGB();
 
-  };
+  },
   // convert between formats..
-  this.toRGB= function()
+  toRGB: function()
   {
     var r = this.getIntegerRGB();
-    return new Roo.lib.RGBColour(r.r,r.g,r.b,r.a);
+    return new Roo.lib.RGBColor(r.r,r.g,r.b,r.a);
     
-  }
-  this.toHSL = function()
+  },
+  toHSL : function()
   {
      var hsl = this.getHSL();
-  // return the CSS HSL colour value
-    return new Roo.lib.HSLColour(hsl.h,  hsl.s, hsl.l ,  hsl.a );
+  // return the CSS HSL Color value
+    return new Roo.lib.HSLColor(hsl.h,  hsl.s, hsl.l ,  hsl.a );
     
-  }
+  },
   
-  this.toHSV = function()
+  toHSV : function()
   {
     var rgb = this.toRGB();
     var hsv = rgb.getHSV();
-   // return the CSS HSL colour value
-    return new Roo.lib.HSVColour(hsv.h,  hsv.s, hsv.v ,  hsv.a );
+   // return the CSS HSL Color value
+    return new Roo.lib.HSVColor(hsv.h,  hsv.s, hsv.v ,  hsv.a );
     
-  }
+  },
   
   // modify  v = 0 ... 1 (eg. 0.5)
-    this.saturate = function(v)
-    {
-        var rgb = this.toRGB();
-        var hsv = rgb.getHSV();
-        return new Roo.lib.HSVColour(hsv.h,  hsv.s * v, hsv.v ,  hsv.a );
-        
-    
-    }
+  saturate : function(v)
+  {
+      var rgb = this.toRGB();
+      var hsv = rgb.getHSV();
+      return new Roo.lib.HSVColor(hsv.h,  hsv.s * v, hsv.v ,  hsv.a );
+      
+  
+  },
   
    
+  /**
+   * getRGB
+   * @return {Object} the RGB and alpha components of this Color as an object with r,
+   * g, b, and a properties. r, g, and b are in the range [0,255] and a is in
+   * the range [0,1].
+   */
+  getRGB: function(){
+   
+    // return the RGB components
+    return {
+      'r' : this.rgb.r,
+      'g' : this.rgb.g,
+      'b' : this.rgb.b,
+      'a' : this.alpha
+    };
+
+  },
+
+  /**
+   * getHSV
+   * @return {Object} the HSV and alpha components of this Color as an object with h,
+   * s, v, and a properties. h is in the range [0,360), s and v are in the range
+   * [0,100], and a is in the range [0,1].
+   */
+  getHSV : function()
+  {
+    
+    // calculate the HSV components if necessary
+    if (this.hsv == null) this.calculateHSV();
+
+    // return the HSV components
+    return {
+      'h' : this.hsv.h,
+      's' : this.hsv.s,
+      'v' : this.hsv.v,
+      'a' : this.alpha
+    };
+
+  },
+
+  /**
+   * getHSL
+   * @return {Object} the HSL and alpha components of this Color as an object with h,
+   * s, l, and a properties. h is in the range [0,360), s and l are in the range
+   * [0,100], and a is in the range [0,1].
+   */
+  getHSL : function(){
+    
+     
+    // calculate the HSV components if necessary
+    if (this.hsl == null) this.calculateHSL();
+
+    // return the HSL components
+    return {
+      'h' : this.hsl.h,
+      's' : this.hsl.s,
+      'l' : this.hsl.l,
+      'a' : this.alpha
+    };
+
+  }
   
 
-}
+});
 
 
-/* Creates a colour specified in the RGB colour space, with an optional alpha
+/**
+ * @class Roo.lib.RGBColor
+ * @extends Roo.lib.Color
+ * Creates a Color specified in the RGB Color space, with an optional alpha
  * component. The parameters are:
- *
- * r - the red component, clipped to the range [0,255]
- * g - the green component, clipped to the range [0,255]
- * b - the blue component, clipped to the range [0,255]
- * a - the alpha component, clipped to the range [0,1] - this parameter is
+ * @constructor
+ * 
+
+ * @param {Number} r - the red component, clipped to the range [0,255]
+ * @param {Number} g - the green component, clipped to the range [0,255]
+ * @param {Number} b - the blue component, clipped to the range [0,255]
+ * @param {Number} a - the alpha component, clipped to the range [0,1] - this parameter is
  *     optional and defaults to 1
  */
-Roo.lib.RGBColour = function (r, g, b, a){
+Roo.lib.RGBColor = function (r, g, b, a){
 
   // store the alpha component after clipping it if necessary
-  var alpha = (a === undefined ? 1 : Math.max(0, Math.min(1, a)));
+  this.alpha = (a === undefined ? 1 : Math.max(0, Math.min(1, a)));
 
   // store the RGB components after clipping them if necessary
-  var rgb =
+  this.rgb =
       {
         'r' : Math.max(0, Math.min(255, r)),
         'g' : Math.max(0, Math.min(255, g)),
@@ -259,77 +355,86 @@ Roo.lib.RGBColour = function (r, g, b, a){
       };
 
   // initialise the HSV and HSL components to null
-  var hsv = null;
-  var hsl = null;
+  
 
-  /* Returns the HSV or HSL hue component of this RGBColour. The hue is in the
+  /* 
+   * //private returns the HSV or HSL hue component of this RGBColor. The hue is in the
    * range [0,360). The parameters are:
    *
    * maximum - the maximum of the RGB component values
    * range   - the range of the RGB component values
    */
-  function getHue(maximum, range){
-
-    // check whether the range is zero
-    if (range == 0){
-
-      // set the hue to zero (any hue is acceptable as the colour is grey)
-      var hue = 0;
-
-    }else{
-
-      // determine which of the components has the highest value and set the hue
-      switch (maximum){
-
-        // red has the highest value
-        case rgb.r:
-          var hue = (rgb.g - rgb.b) / range * 60;
-          if (hue < 0) hue += 360;
-          break;
-
-        // green has the highest value
-        case rgb.g:
-          var hue = (rgb.b - rgb.r) / range * 60 + 120;
-          break;
+   
 
-        // blue has the highest value
-        case rgb.b:
-          var hue = (rgb.r - rgb.g) / range * 60 + 240;
-          break;
+}
+// this does an 'exteds'
+Roo.extend(Roo.lib.RGBColor, Roo.lib.Color, {
 
+  
+    getHue  : function(maximum, range)
+    {
+      var rgb = this.rgb;
+       
+      // check whether the range is zero
+      if (range == 0){
+  
+        // set the hue to zero (any hue is acceptable as the Color is grey)
+        var hue = 0;
+  
+      }else{
+  
+        // determine which of the components has the highest value and set the hue
+        switch (maximum){
+  
+          // red has the highest value
+          case rgb.r:
+            var hue = (rgb.g - rgb.b) / range * 60;
+            if (hue < 0) hue += 360;
+            break;
+  
+          // green has the highest value
+          case rgb.g:
+            var hue = (rgb.b - rgb.r) / range * 60 + 120;
+            break;
+  
+          // blue has the highest value
+          case rgb.b:
+            var hue = (rgb.r - rgb.g) / range * 60 + 240;
+            break;
+  
+        }
+  
       }
+  
+      // return the hue
+      return hue;
+  
+    },
 
-    }
-
-    // return the hue
-    return hue;
-
-  }
-
-  /* Calculates and stores the HSV components of this RGBColour so that they can
+  /* //private Calculates and stores the HSV components of this RGBColor so that they can
    * be returned be the getHSV function.
    */
-  function calculateHSV(){
-
+   calculateHSV : function(){
+    var rgb = this.rgb;
     // get the maximum and range of the RGB component values
     var maximum = Math.max(rgb.r, rgb.g, rgb.b);
     var range   = maximum - Math.min(rgb.r, rgb.g, rgb.b);
 
     // store the HSV components
-    hsv =
+    this.hsv =
         {
-          'h' : getHue(maximum, range),
+          'h' : this.getHue(maximum, range),
           's' : (maximum == 0 ? 0 : 100 * range / maximum),
           'v' : maximum / 2.55
         };
 
-  }
+  },
 
-  /* Calculates and stores the HSL components of this RGBColour so that they can
+  /* //private Calculates and stores the HSL components of this RGBColor so that they can
    * be returned be the getHSL function.
    */
-  function calculateHSL(){
-
+   calculateHSL : function(){
+    var rgb = this.rgb;
     // get the maximum and range of the RGB component values
     var maximum = Math.max(rgb.r, rgb.g, rgb.b);
     var range   = maximum - Math.min(rgb.r, rgb.g, rgb.b);
@@ -338,89 +443,37 @@ Roo.lib.RGBColour = function (r, g, b, a){
     var l = maximum / 255 - range / 510;
 
     // store the HSL components
-    hsl =
+    this.hsl =
         {
-          'h' : getHue(maximum, range),
+          'h' : this.getHue(maximum, range),
           's' : (range == 0 ? 0 : range / 2.55 / (l < 0.5 ? l * 2 : 2 - l * 2)),
           'l' : 100 * l
         };
 
   }
 
-  /* Returns the RGB and alpha components of this RGBColour as an object with r,
-   * g, b, and a properties. r, g, and b are in the range [0,255] and a is in
-   * the range [0,1].
-   */
-  this.getRGB = function(){
-
-    // return the RGB components
-    return {
-      'r' : rgb.r,
-      'g' : rgb.g,
-      'b' : rgb.b,
-      'a' : alpha
-    };
+});
 
-  };
-
-  /* Returns the HSV and alpha components of this RGBColour as an object with h,
-   * s, v, and a properties. h is in the range [0,360), s and v are in the range
-   * [0,100], and a is in the range [0,1].
-   */
-  this.getHSV = function(){
-
-    // calculate the HSV components if necessary
-    if (hsv == null) calculateHSV();
-
-    // return the HSV components
-    return {
-      'h' : hsv.h,
-      's' : hsv.s,
-      'v' : hsv.v,
-      'a' : alpha
-    };
-
-  };
-
-  /* Returns the HSL and alpha components of this RGBColour as an object with h,
-   * s, l, and a properties. h is in the range [0,360), s and l are in the range
-   * [0,100], and a is in the range [0,1].
-   */
-  this.getHSL = function(){
-
-    // calculate the HSV components if necessary
-    if (hsl == null) calculateHSL();
-
-    // return the HSL components
-    return {
-      'h' : hsl.h,
-      's' : hsl.s,
-      'l' : hsl.l,
-      'a' : alpha
-    };
-
-  };
-
-}
-Roo.lib.RGBColour.prototype = new Roo.lib.Colour();
-
-
-/* Creates a colour specified in the HSV colour space, with an optional alpha
+/**
+ * @class Roo.lib.HSVColor
+ * @extends Roo.lib.Color
+ * Creates a Color specified in the HSV Color space, with an optional alpha
  * component. The parameters are:
+ * @constructor
  *
- * h - the hue component, wrapped to the range [0,360)
- * s - the saturation component, clipped to the range [0,100]
- * v - the value component, clipped to the range [0,100]
- * a - the alpha component, clipped to the range [0,1] - this parameter is
+ * @param {Number} h - the hue component, wrapped to the range [0,360)
+ * @param {Number} s - the saturation component, clipped to the range [0,100]
+ * @param {Number} v - the value component, clipped to the range [0,100]
+ * @param {Number} a - the alpha component, clipped to the range [0,1] - this parameter is
  *     optional and defaults to 1
  */
-Roo.lib.HSVColour = function (h, s, v, a){
+Roo.lib.HSVColor = function (h, s, v, a){
 
   // store the alpha component after clipping it if necessary
-  var alpha = (a === undefined ? 1 : Math.max(0, Math.min(1, a)));
+  this.alpha = (a === undefined ? 1 : Math.max(0, Math.min(1, a)));
 
   // store the HSV components after clipping or wrapping them if necessary
-  var hsv =
+  this.hsv =
       {
         'h' : (h % 360 + 360) % 360,
         's' : Math.max(0, Math.min(100, s)),
@@ -428,18 +481,21 @@ Roo.lib.HSVColour = function (h, s, v, a){
       };
 
   // initialise the RGB and HSL components to null
-  var rgb = null;
-  var hsl = null;
+  this.rgb = null;
+  this.hsl = null;
+}
 
-  /* Calculates and stores the RGB components of this HSVColour so that they can
+Roo.extend(Roo.lib.HSVColor, Roo.lib.Color, {
+  /* Calculates and stores the RGB components of this HSVColor so that they can
    * be returned be the getRGB function.
    */
-  function calculateRGB(){
-
+  calculateRGB: function ()
+  {
+    var hsv = this.hsv;
     // check whether the saturation is zero
     if (hsv.s == 0){
 
-      // set the colour to the appropriate shade of grey
+      // set the Color to the appropriate shade of grey
       var r = hsv.v;
       var g = hsv.v;
       var b = hsv.v;
@@ -452,7 +508,7 @@ Roo.lib.HSVColour = function (h, s, v, a){
       var q  = hsv.v * (1 - hsv.s / 100 * f);
       var t  = hsv.v * (1 - hsv.s / 100 * (1 - f));
 
-      // set the RGB colour components to their temporary values
+      // set the RGB Color components to their temporary values
       switch (Math.floor(hsv.h / 60)){
         case 0: var r = hsv.v; var g = t; var b = p; break;
         case 1: var r = q; var g = hsv.v; var b = p; break;
@@ -465,25 +521,26 @@ Roo.lib.HSVColour = function (h, s, v, a){
     }
 
     // store the RGB components
-    rgb =
+    this.rgb =
         {
           'r' : r * 2.55,
           'g' : g * 2.55,
           'b' : b * 2.55
         };
 
-  }
+  },
 
-  /* Calculates and stores the HSL components of this HSVColour so that they can
+  /* Calculates and stores the HSL components of this HSVColor so that they can
    * be returned be the getHSL function.
    */
-  function calculateHSL(){
+  calculateHSL : function (){
 
+    var hsv = this.hsv;
     // determine the lightness in the range [0,100]
     var l = (2 - hsv.s / 100) * hsv.v / 2;
 
     // store the HSL components
-    hsl =
+    this.hsl =
         {
           'h' : hsv.h,
           's' : hsv.s * hsv.v / (l < 50 ? l * 2 : 200 - l * 2),
@@ -493,83 +550,34 @@ Roo.lib.HSVColour = function (h, s, v, a){
     // correct a division-by-zero error
     if (isNaN(hsl.s)) hsl.s = 0;
 
-  }
-
-  /* Returns the RGB and alpha components of this HSVColour as an object with r,
-   * g, b, and a properties. r, g, and b are in the range [0,255] and a is in
-   * the range [0,1].
-   */
-  this.getRGB = function(){
-
-    // calculate the RGB components if necessary
-    if (rgb == null) calculateRGB();
-
-    // return the RGB components
-    return {
-      'r' : rgb.r,
-      'g' : rgb.g,
-      'b' : rgb.b,
-      'a' : alpha
-    };
-
-  };
-
-  /* Returns the HSV and alpha components of this HSVColour as an object with h,
-   * s, v, and a properties. h is in the range [0,360), s and v are in the range
-   * [0,100], and a is in the range [0,1].
-   */
-  this.getHSV = function(){
-
-    // return the HSV components
-    return {
-      'h' : hsv.h,
-      's' : hsv.s,
-      'v' : hsv.v,
-      'a' : alpha
-    };
+  } 
 
-  };
+});
 
-  /* Returns the HSL and alpha components of this HSVColour as an object with h,
-   * s, l, and a properties. h is in the range [0,360), s and l are in the range
-   * [0,100], and a is in the range [0,1].
-   */
-  this.getHSL = function(){
-
-    // calculate the HSL components if necessary
-    if (hsl == null) calculateHSL();
-
-    // return the HSL components
-    return {
-      'h' : hsl.h,
-      's' : hsl.s,
-      'l' : hsl.l,
-      'a' : alpha
-    };
-
-  };
-
-}
-Roo.lib.HSVColour.prototype = new Roo.lib.Colour();
-
-
-/* Creates a colour specified in the HSL colour space, with an optional alpha
+/**
+ * @class Roo.lib.HSLColor
+ * @extends Roo.lib.Color
+ *
+ * @constructor
+ * Creates a Color specified in the HSL Color space, with an optional alpha
  * component. The parameters are:
  *
- * h - the hue component, wrapped to the range [0,360)
- * s - the saturation component, clipped to the range [0,100]
- * l - the lightness component, clipped to the range [0,100]
- * a - the alpha component, clipped to the range [0,1] - this parameter is
+ * @param {Number} h - the hue component, wrapped to the range [0,360)
+ * @param {Number} s - the saturation component, clipped to the range [0,100]
+ * @param {Number} l - the lightness component, clipped to the range [0,100]
+ * @param {Number} a - the alpha component, clipped to the range [0,1] - this parameter is
  *     optional and defaults to 1
  */
 
-Roo.lib.HSLColour = function(h, s, l, a){
+Roo.lib.HSLColor = function(h, s, l, a){
 
   // store the alpha component after clipping it if necessary
-  var alpha = (a === undefined ? 1 : Math.max(0, Math.min(1, a)));
+  this.alpha = (a === undefined ? 1 : Math.max(0, Math.min(1, a)));
 
   // store the HSL components after clipping or wrapping them if necessary
-  var hsl =
+  this.hsl =
       {
         'h' : (h % 360 + 360) % 360,
         's' : Math.max(0, Math.min(100, s)),
@@ -577,35 +585,36 @@ Roo.lib.HSLColour = function(h, s, l, a){
       };
 
   // initialise the RGB and HSV components to null
-  var rgb = null;
-  var hsv = null;
+}
 
-  /* Calculates and stores the RGB components of this HSLColour so that they can
+Roo.extend(Roo.lib.HSL, Roo.lib.Color, {
+
+  /* Calculates and stores the RGB components of this HSLColor so that they can
    * be returned be the getRGB function.
    */
-  function calculateRGB(){
+  calculateRGB: function (){
 
     // check whether the saturation is zero
-    if (hsl.s == 0){
+    if (this.hsl.s == 0){
 
       // store the RGB components representing the appropriate shade of grey
-      rgb =
+      this.rgb =
           {
-            'r' : hsl.l * 2.55,
-            'g' : hsl.l * 2.55,
-            'b' : hsl.l * 2.55
+            'r' : this.hsl.l * 2.55,
+            'g' : this.hsl.l * 2.55,
+            'b' : this.hsl.l * 2.55
           };
 
     }else{
 
       // set some temporary values
-      var p = hsl.l < 50
-            ? hsl.l * (1 + hsl.s / 100)
-            : hsl.l + hsl.s - hsl.l * hsl.s / 100;
+      var p = this.hsl.l < 50
+            ? this.hsl.l * (1 + hsl.s / 100)
+            : this.hsl.l + hsl.s - hsl.l * hsl.s / 100;
       var q = 2 * hsl.l - p;
 
       // initialise the RGB components
-      rgb =
+      this.rgb =
           {
             'r' : (h + 120) / 60 % 6,
             'g' : h / 60,
@@ -613,24 +622,24 @@ Roo.lib.HSLColour = function(h, s, l, a){
           };
 
       // loop over the RGB components
-      for (var key in rgb){
+      for (var key in this.rgb){
 
         // ensure that the property is not inherited from the root object
-        if (rgb.hasOwnProperty(key)){
+        if (this.rgb.hasOwnProperty(key)){
 
           // set the component to its value in the range [0,100]
-          if (rgb[key] < 1){
-            rgb[key] = q + (p - q) * rgb[key];
-          }else if (rgb[key] < 3){
-            rgb[key] = p;
-          }else if (rgb[key] < 4){
-            rgb[key] = q + (p - q) * (4 - rgb[key]);
+          if (this.rgb[key] < 1){
+            this.rgb[key] = q + (p - q) * this.rgb[key];
+          }else if (this.rgb[key] < 3){
+            this.rgb[key] = p;
+          }else if (this.rgb[key] < 4){
+            this.rgb[key] = q + (p - q) * (4 - this.rgb[key]);
           }else{
-            rgb[key] = q;
+            this.rgb[key] = q;
           }
 
           // set the component to its value in the range [0,255]
-          rgb[key] *= 2.55;
+          this.rgb[key] *= 2.55;
 
         }
 
@@ -638,82 +647,28 @@ Roo.lib.HSLColour = function(h, s, l, a){
 
     }
 
-  }
+  },
 
-  /* Calculates and stores the HSV components of this HSLColour so that they can
+  /* Calculates and stores the HSV components of this HSLColor so that they can
    * be returned be the getHSL function.
    */
-  function calculateHSV(){
+   calculateHSV : function(){
 
     // set a temporary value
-    var t = hsl.s * (hsl.l < 50 ? hsl.l : 100 - hsl.l) / 100;
+    var t = this.hsl.s * (this.hsl.l < 50 ? this.hsl.l : 100 - this.hsl.l) / 100;
 
     // store the HSV components
-    hsv =
+    this.hsv =
         {
-          'h' : hsl.h,
-          's' : 200 * t / (hsl.l + t),
-          'v' : t + hsl.l
+          'h' : this.hsl.h,
+          's' : 200 * t / (this.hsl.l + t),
+          'v' : t + this.hsl.l
         };
 
     // correct a division-by-zero error
-    if (isNaN(hsv.s)) hsv.s = 0;
+    if (isNaN(this.hsv.s)) this.hsv.s = 0;
 
   }
 
-  /* Returns the RGB and alpha components of this HSLColour as an object with r,
-   * g, b, and a properties. r, g, and b are in the range [0,255] and a is in
-   * the range [0,1].
-   */
-  this.getRGB = function(){
-
-    // calculate the RGB components if necessary
-    if (rgb == null) calculateRGB();
-
-    // return the RGB components
-    return {
-      'r' : rgb.r,
-      'g' : rgb.g,
-      'b' : rgb.b,
-      'a' : alpha
-    };
-
-  };
-
-  /* Returns the HSV and alpha components of this HSLColour as an object with h,
-   * s, v, and a properties. h is in the range [0,360), s and v are in the range
-   * [0,100], and a is in the range [0,1].
-   */
-  this.getHSV = function(){
-
-    // calculate the HSV components if necessary
-    if (hsv == null) calculateHSV();
-
-    // return the HSV components
-    return {
-      'h' : hsv.h,
-      's' : hsv.s,
-      'v' : hsv.v,
-      'a' : alpha
-    };
-
-  };
-
-  /* Returns the HSL and alpha components of this HSLColour as an object with h,
-   * s, l, and a properties. h is in the range [0,360), s and l are in the range
-   * [0,100], and a is in the range [0,1].
-   */
-  this.getHSL = function(){
-
-    // return the HSL components
-    return {
-      'h' : hsl.h,
-      's' : hsl.s,
-      'l' : hsl.l,
-      'a' : alpha
-    };
-
-  };
-
-}
-Roo.lib.HSLColour.prototype = new Roo.lib.Colour();
\ No newline at end of file
+});
index 8a5465c..ca20f9a 100644 (file)
@@ -25,17 +25,26 @@ Roo.lib.Dom = {
     getViewHeight : function(full) {
         return full ? this.getDocumentHeight() : this.getViewportHeight();
     },
-
+    /**
+     * Get the Full Document height 
+     * @return {Number} The height
+     */
     getDocumentHeight: function() {
         var scrollHeight = (document.compatMode != "CSS1Compat") ? document.body.scrollHeight : document.documentElement.scrollHeight;
         return Math.max(scrollHeight, this.getViewportHeight());
     },
-
+    /**
+     * Get the Full Document width
+     * @return {Number} The width
+     */
     getDocumentWidth: function() {
         var scrollWidth = (document.compatMode != "CSS1Compat") ? document.body.scrollWidth : document.documentElement.scrollWidth;
         return Math.max(scrollWidth, this.getViewportWidth());
     },
-
+    /**
+     * Get the Window Viewport height
+     * @return {Number} The height
+     */
     getViewportHeight: function() {
         var height = self.innerHeight;
         var mode = document.compatMode;
@@ -48,7 +57,10 @@ Roo.lib.Dom = {
 
         return height;
     },
-
+    /**
+     * Get the Window Viewport width
+     * @return {Number} The width
+     */
     getViewportWidth: function() {
         var width = self.innerWidth;
         var mode = document.compatMode;
index e182cc2..605be80 100644 (file)
@@ -12,7 +12,7 @@
 /**
  * @class Roo.menu.MenuMgr
  * Provides a common registry of all menu items on a page so that they can be easily accessed by id.
- * @singleton
+ * @static
  */
 Roo.menu.MenuMgr = function(){
    var menus, active, groups = {}, attached = false, lastShow = new Date();
index 956a5cc..4826cca 100644 (file)
@@ -25,7 +25,7 @@ init : function(){
    var dialog = new Roo.BasicDialog(...);
    dialog.restoreState();
  </code></pre>
- * @singleton
+ * @static
  */
 Roo.state.Manager = function(){
     var provider = new Roo.state.Provider();
index 1102f8c..18e4fe5 100644 (file)
@@ -13,7 +13,8 @@
 /**
  * @class Roo.util.CSS
  * Utility class for manipulating CSS rules
- * @singleton
+ * @static
+
  */
 Roo.util.CSS = function(){
        var rules = null;
index 6afc6ff..6c9b888 100644 (file)
@@ -12,7 +12,7 @@
 /**
  * @class Roo.util.Format
  * Reusable data formatting functions
- * @singleton
+ * @static
  */
 Roo.util.Format = function(){
     var trimRe = /^\s+|\s+$/g;
index 5dc12aa..4bcd691 100644 (file)
@@ -13,7 +13,7 @@
  * Modified version of Douglas Crockford"s json.js that doesn"t
  * mess with the Object prototype 
  * http://www.json.org/js.html
- * @singleton
+ * @static
  */
 Roo.util.JSON = new (function(){
     var useHasOwn = {}.hasOwnProperty ? true : false;
index bc8ece8..a95218d 100644 (file)
@@ -8,7 +8,12 @@
  * Fork - LGPL
  * <script type="text/javascript">
  */
+/**
+ * @class Roo.util.TaskRunner
+ * Manage background tasks - not sure why this is better that setInterval?
+ * @static
+ *
+ */
  
 Roo.util.TaskRunner = function(interval){
     interval = interval || 10;
@@ -68,6 +73,12 @@ Roo.util.TaskRunner = function(interval){
     /**
      * Queues a new task.
      * @param {Object} task
+     *
+     * Task property : interval = how frequent to run.
+     * Task object should implement
+     * function run()
+     * Task object may implement
+     * function onStop()
      */
     this.start = function(task){
         tasks.push(task);
@@ -77,12 +88,17 @@ Roo.util.TaskRunner = function(interval){
         startThread();
         return task;
     };
-
+    /**
+     * Stop  new task.
+     * @param {Object} task
+     */
     this.stop = function(task){
         removeTask(task);
         return task;
     };
-
+    /**
+     * Stop all Tasks
+     */
     this.stopAll = function(){
         stopThread();
         for(var i = 0, len = tasks.length; i < len; i++){
index fa4262b..076d5e3 100644 (file)
@@ -14,7 +14,7 @@
  * @class Roo.util.TextMetrics
  * Provides precise pixel measurements for blocks of text so that you can determine exactly how high and
  * wide, in pixels, a given block of text will be.
- * @singleton
+ * @static
  */
 Roo.util.TextMetrics = function(){
     var shared;
@@ -51,9 +51,17 @@ Roo.util.TextMetrics = function(){
     };
 }();
 
+/**
+ * @class Roo.util.TextMetrics.Instance
+ * Instance of  TextMetrics Calcuation
+ * @constructor
+ * Create a new TextMetrics Instance
+ * @param {Object} bindto
+ * @param {Boolean} fixedWidth
+ */
 
-Roo.util.TextMetrics.Instance = function(bindTo, fixedWidth){
+Roo.util.TextMetrics.Instance = function(bindTo, fixedWidth)
+{
     var ml = new Roo.Element(document.createElement('div'));
     document.body.appendChild(ml.dom);
     ml.position('absolute');
@@ -67,7 +75,6 @@ Roo.util.TextMetrics.Instance = function(bindTo, fixedWidth){
     var instance = {
         /**
          * Returns the size of the specified text based on the internal element's style and width properties
-         * @memberOf Roo.util.TextMetrics.Instance#
          * @param {String} text The text to measure
          * @return {Object} An object containing the text's size {width: (width), height: (height)}
          */
@@ -81,7 +88,6 @@ Roo.util.TextMetrics.Instance = function(bindTo, fixedWidth){
         /**
          * Binds this TextMetrics instance to an element from which to copy existing CSS styles
          * that can affect the size of the rendered text
-         * @memberOf Roo.util.TextMetrics.Instance#
          * @param {String/HTMLElement} el The element, dom node or id
          */
         bind : function(el){
@@ -93,7 +99,6 @@ Roo.util.TextMetrics.Instance = function(bindTo, fixedWidth){
         /**
          * Sets a fixed width on the internal measurement element.  If the text will be multiline, you have
          * to set a fixed width in order to accurately measure the text height.
-         * @memberOf Roo.util.TextMetrics.Instance#
          * @param {Number} width The width to set on the element
          */
         setFixedWidth : function(width){
@@ -102,7 +107,6 @@ Roo.util.TextMetrics.Instance = function(bindTo, fixedWidth){
 
         /**
          * Returns the measured width of the specified text
-         * @memberOf Roo.util.TextMetrics.Instance#
          * @param {String} text The text to measure
          * @return {Number} width The width in pixels
          */
@@ -114,7 +118,6 @@ Roo.util.TextMetrics.Instance = function(bindTo, fixedWidth){
         /**
          * Returns the measured height of the specified text.  For multiline text, be sure to call
          * {@link #setFixedWidth} if necessary.
-         * @memberOf Roo.util.TextMetrics.Instance#
          * @param {String} text The text to measure
          * @return {Number} height The height in pixels
          */
index e3e91fa..3ec724a 100644 (file)
@@ -23,6 +23,7 @@ Roo.lib.Anim
 Roo.lib.AnimBase
 Roo.lib.AnimMgr
 Roo.lib.Beizer
+Roo.lib.Color
 Roo.lib.ColorAnim
 Roo.lib.Easing
 Roo.lib.Motion
index db01ff8..86bbb36 100644 (file)
     "tree_parent" : []
   },
   "Roo.QuickTips" : {
-    "props" : [],
+    "props" : [
+      {
+        "name" : "Delay",
+        "type" : "Number",
+        "desc" : "in milliseconds before the quick tip hides when autoDismiss = true (defaults to 5000)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "True",
+        "type" : "Boolean",
+        "desc" : "to automatically hide the quick tip after a set period of time, regardless of the user's actions\n(defaults to true).  Used in conjunction with autoDismissDelay.",
+        "memberOf" : ""
+      },
+      {
+        "name" : "animate",
+        "type" : "Boolean",
+        "desc" : "True to turn on fade animation. Defaults to false (ClearType/scrollbar flicker issues in IE7).",
+        "memberOf" : ""
+      },
+      {
+        "name" : "autoHide",
+        "type" : "Boolean",
+        "desc" : "True to automatically hide the quick tip after the mouse exits the target element (defaults to true).\nUsed in conjunction with hideDelay.",
+        "memberOf" : ""
+      },
+      {
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "A CSS class to apply to the base quick tip element (defaults to '').",
+        "memberOf" : ""
+      },
+      {
+        "name" : "hideDelay",
+        "type" : "Number",
+        "desc" : "Delay in milliseconds before the quick tip hides when autoHide = true (defaults to 200)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "hideOnClick",
+        "type" : "Boolean",
+        "desc" : "True to hide the quick tip if the user clicks anywhere in the document (defaults to true)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "interceptTitles",
+        "type" : "Boolean",
+        "desc" : "True to automatically use the element's DOM title value if available (defaults to false)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "maxWidth",
+        "type" : "Number",
+        "desc" : "The maximum width of the quick tip (defaults to 300)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "minWidth",
+        "type" : "Number",
+        "desc" : "The minimum width of the quick tip (defaults to 40)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "showDelay",
+        "type" : "Number",
+        "desc" : "Delay in milliseconds before the quick tip displays after the mouse enters the target element (defaults to 500)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "text",
+        "type" : "String",
+        "desc" : "Body text to display (defaults to '').  This can be any valid HTML markup.",
+        "memberOf" : ""
+      },
+      {
+        "name" : "title",
+        "type" : "String",
+        "desc" : "Title text to display (defaults to '').  This can be any valid HTML markup.",
+        "memberOf" : ""
+      },
+      {
+        "name" : "trackMouse",
+        "type" : "Boolean",
+        "desc" : "True to have the quick tip follow the mouse as it moves over the target element (defaults to false)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "Width in pixels of the quick tip (defaults to auto).  Width will be ignored if it exceeds the bounds of\nminWidth or maxWidth.",
+        "memberOf" : ""
+      }
+    ],
     "events" : [],
     "methods" : [
       {
     "tree_children" : [],
     "tree_parent" : []
   },
+  "Roo.dd.DragDropMgr" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "getBestMatch",
+        "type" : "function",
+        "desc" : "Helper function for getting the best match from the list of drag\nand drop objects returned by the drag and drop events when we are\nin INTERSECT mode.  It returns either the first object that the\ncursor is over, or the object that has the greatest overlap with\nthe dragged element.",
+        "sig" : "(dds)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "dds",
+            "type" : "DragDrop[]",
+            "desc" : "The array of drag and drop objects\ntargeted",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "DragDrop",
+            "desc" : "The best single match"
+          }
+        ]
+      },
+      {
+        "name" : "getCss",
+        "type" : "function",
+        "desc" : "Returns the style property for the DOM element (i.e.,\ndocument.getElById(id).style)",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "This has been deprecated: use Roo.getDom instead",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "the id of the elment to get",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "The style property of the element"
+          }
+        ]
+      },
+      {
+        "name" : "getDDById",
+        "type" : "function",
+        "desc" : "Returns the DragDrop instance for a given id",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "the id of the DragDrop object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "DragDrop",
+            "desc" : "the drag drop object, null if it is not found"
+          }
+        ]
+      },
+      {
+        "name" : "getElement",
+        "type" : "function",
+        "desc" : "Returns the actual DOM element",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "This has been deprecated: use Roo.getDom instead",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "the id of the elment to get",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "The element"
+          }
+        ]
+      },
+      {
+        "name" : "getLocation",
+        "type" : "function",
+        "desc" : "Returns a Region object containing the drag and drop element's position\nand size, including the padding configured for it",
+        "sig" : "(oDD)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "oDD",
+            "type" : "DragDrop",
+            "desc" : "the drag and drop object to get the\n                      location for",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.lib.Region",
+            "desc" : "a Region object representing the total area\n                            the element occupies, including any padding\n                            the instance is configured for."
+          }
+        ]
+      },
+      {
+        "name" : "getPosX",
+        "type" : "function",
+        "desc" : "Returns the X position of an html element",
+        "sig" : "(el)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "This has been deprecated: use Roo.lib.Dom.getX instead",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "",
+            "desc" : "the element for which to get the position",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "int",
+            "desc" : "the X coordinate"
+          }
+        ]
+      },
+      {
+        "name" : "getPosY",
+        "type" : "function",
+        "desc" : "Returns the Y position of an html element",
+        "sig" : "(el)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "This has been deprecated: use Roo.lib.Dom.getY instead",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "",
+            "desc" : "the element for which to get the position",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "int",
+            "desc" : "the Y coordinate"
+          }
+        ]
+      },
+      {
+        "name" : "getRelated",
+        "type" : "function",
+        "desc" : "Returns the drag and drop instances that are in all groups the\npassed in instance belongs to.",
+        "sig" : "(p_oDD, bTargetsOnly)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "p_oDD",
+            "type" : "DragDrop",
+            "desc" : "the obj to get related data for",
+            "isOptional" : false
+          },
+          {
+            "name" : "bTargetsOnly",
+            "type" : "boolean",
+            "desc" : "if true, only return targetable objs",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "DragDrop[]",
+            "desc" : "the related instances"
+          }
+        ]
+      },
+      {
+        "name" : "getScrollLeft",
+        "type" : "function",
+        "desc" : "Gets the scrollLeft",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "int",
+            "desc" : "the document's scrollTop"
+          }
+        ]
+      },
+      {
+        "name" : "getScrollTop",
+        "type" : "function",
+        "desc" : "Gets the scrollTop",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "int",
+            "desc" : "the document's scrollTop"
+          }
+        ]
+      },
+      {
+        "name" : "getStyle",
+        "type" : "function",
+        "desc" : "Returns the specified element style property",
+        "sig" : "(el, styleProp)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "This has been deprecated: use Roo.lib.Dom.getStyle",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "HTMLElement",
+            "desc" : "the element",
+            "isOptional" : false
+          },
+          {
+            "name" : "styleProp",
+            "type" : "string",
+            "desc" : "the style property",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "string",
+            "desc" : "The value of the style property"
+          }
+        ]
+      },
+      {
+        "name" : "handleWasClicked",
+        "type" : "function",
+        "desc" : "Recursively searches the immediate parent and all child nodes for\nthe handle element in order to determine wheter or not it was\nclicked.",
+        "sig" : "(node)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "node",
+            "type" : "",
+            "desc" : "the html element to inspect",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "isDragDrop",
+        "type" : "function",
+        "desc" : "Utility function to determine if a given element has been\nregistered as a drag drop item.",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "the element id to check",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "boolean",
+            "desc" : "true if this element is a DragDrop item,\nfalse otherwise"
+          }
+        ]
+      },
+      {
+        "name" : "isHandle",
+        "type" : "function",
+        "desc" : "Utility function to determine if a given element has been\nregistered as a drag drop handle for the given Drag Drop object.",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "the element id to check",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "boolean",
+            "desc" : "true if this element is a DragDrop handle, false\notherwise"
+          }
+        ]
+      },
+      {
+        "name" : "isLegalTarget",
+        "type" : "function",
+        "desc" : "Returns true if the specified dd target is a legal target for\nthe specifice drag obj",
+        "sig" : "(the, the)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "the",
+            "type" : "DragDrop",
+            "desc" : "drag obj",
+            "isOptional" : false
+          },
+          {
+            "name" : "the",
+            "type" : "DragDrop",
+            "desc" : "target",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "boolean",
+            "desc" : "true if the target is a legal target for the\ndd obj"
+          }
+        ]
+      },
+      {
+        "name" : "isLocked",
+        "type" : "function",
+        "desc" : "Is drag and drop locked?",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "boolean",
+            "desc" : "True if drag and drop is locked, false otherwise."
+          }
+        ]
+      },
+      {
+        "name" : "isTypeOfDD",
+        "type" : "function",
+        "desc" : "My goal is to be able to transparently determine if an object is\ntypeof DragDrop, and the exact subclass of DragDrop.  typeof\nreturns \"object\", oDD.constructor.toString() always returns\n\"DragDrop\" and not the name of the subclass.  So for now it just\nevaluates a well-known variable in DragDrop.",
+        "sig" : "(the)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "the",
+            "type" : "Object",
+            "desc" : "object to evaluate",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "boolean",
+            "desc" : "true if typeof oDD = DragDrop"
+          }
+        ]
+      },
+      {
+        "name" : "lock",
+        "type" : "function",
+        "desc" : "Lock all drag and drop functionality",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "moveToEl",
+        "type" : "function",
+        "desc" : "Sets the x/y position of an element to the location of the\ntarget element.",
+        "sig" : "(moveEl, targetEl)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "moveEl",
+            "type" : "HTMLElement",
+            "desc" : "The element to move",
+            "isOptional" : false
+          },
+          {
+            "name" : "targetEl",
+            "type" : "HTMLElement",
+            "desc" : "The position reference element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "numericSort",
+        "type" : "function",
+        "desc" : "Numeric array sort function",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "refreshCache",
+        "type" : "function",
+        "desc" : "Refreshes the cache of the top-left and bottom-right points of the\ndrag and drop objects in the specified group(s).  This is in the\nformat that is stored in the drag and drop instance, so typical\nusage is:\n<code>\nRoo.dd.DragDropMgr.refreshCache(ddinstance.groups);\n</code>\nAlternatively:\n<code>\nRoo.dd.DragDropMgr.refreshCache({group1:true, group2:true});\n</code>",
+        "sig" : "(groups)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "groups",
+            "type" : "Object",
+            "desc" : "an associative array of groups to refresh",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "regDragDrop",
+        "type" : "function",
+        "desc" : "Each DragDrop instance must be registered with the DragDropMgr.\nThis is executed in DragDrop.init()",
+        "sig" : "(oDD, sGroup)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "oDD",
+            "type" : "DragDrop",
+            "desc" : "the DragDrop object to register",
+            "isOptional" : false
+          },
+          {
+            "name" : "sGroup",
+            "type" : "String",
+            "desc" : "the name of the group this element belongs to",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "regHandle",
+        "type" : "function",
+        "desc" : "Each DragDrop handle element must be registered.  This is done\nautomatically when executing DragDrop.setHandleElId()",
+        "sig" : "(sDDId, sHandleId)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "sDDId",
+            "type" : "String",
+            "desc" : "the DragDrop id this element is a handle for",
+            "isOptional" : false
+          },
+          {
+            "name" : "sHandleId",
+            "type" : "String",
+            "desc" : "the id of the element that is the drag\nhandle",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "startDrag",
+        "type" : "function",
+        "desc" : "Fired when either the drag pixel threshol or the mousedown hold\ntime threshold has been met.",
+        "sig" : "(x, y)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "x",
+            "type" : "",
+            "desc" : "{int} the X position of the original mousedown",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "",
+            "desc" : "{int} the Y position of the original mousedown",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "stopEvent",
+        "type" : "function",
+        "desc" : "Utility to stop event propagation and event default, if these\nfeatures are turned on.",
+        "sig" : "(e)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the event as returned by this.getEvent()",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "swapNode",
+        "type" : "function",
+        "desc" : "Swap two nodes.  In IE, we use the native method, for others we\nemulate the IE behavior",
+        "sig" : "(n1, n2)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "n1",
+            "type" : "",
+            "desc" : "the first node to swap",
+            "isOptional" : false
+          },
+          {
+            "name" : "n2",
+            "type" : "",
+            "desc" : "the other node to swap",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "unlock",
+        "type" : "function",
+        "desc" : "Unlock all drag and drop functionality",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "verifyEl",
+        "type" : "function",
+        "desc" : "This checks to make sure an element exists and is in the DOM.  The\nmain purpose is to handle cases where innerHTML is used to remove\ndrag and drop objects from the DOM.  IE provides an 'unspecified\nerror' when trying to access the offsetParent of such an element",
+        "sig" : "(el)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "HTMLElement",
+            "desc" : "the element to check",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "boolean",
+            "desc" : "true if the element looks usable"
+          }
+        ]
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "childClasses" : {    },
+    "tree_children" : [],
+    "tree_parent" : []
+  },
   "Roo.dd.DragSource" : {
     "props" : [
       {
         ],
         "returns" : []
       },
+      {
+        "name" : "afterDragDrop",
+        "type" : "function",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter a valid drag drop has occurred by providing an implementation.",
+        "sig" : "(target, e, id)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "target",
+            "type" : "Roo.dd.DragDrop",
+            "desc" : "The drop target",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
+            "isOptional" : false
+          },
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the dropped element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "afterDragEnter",
+        "type" : "function",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action\nwhen the dragged item enters the drop target by providing an implementation.",
+        "sig" : "(target, e, id)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "target",
+            "type" : "Roo.dd.DragDrop",
+            "desc" : "The drop target",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
+            "isOptional" : false
+          },
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the dragged element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "afterDragOut",
+        "type" : "function",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter the dragged item is dragged out of the target without dropping.",
+        "sig" : "(target, e, id)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "target",
+            "type" : "Roo.dd.DragDrop",
+            "desc" : "The drop target",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
+            "isOptional" : false
+          },
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the dragged element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "afterDragOver",
+        "type" : "function",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action\nwhile the dragged item is over the drop target by providing an implementation.",
+        "sig" : "(target, e, id)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "target",
+            "type" : "Roo.dd.DragDrop",
+            "desc" : "The drop target",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
+            "isOptional" : false
+          },
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the dragged element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "afterInvalidDrop",
+        "type" : "function",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter an invalid drop has occurred by providing an implementation.",
+        "sig" : "(e, id)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
+            "isOptional" : false
+          },
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the dropped element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "afterValidDrop",
+        "type" : "function",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter a valid drop has occurred by providing an implementation.",
+        "sig" : "(target, e, id)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "target",
+            "type" : "Object",
+            "desc" : "The target DD",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
+            "isOptional" : false
+          },
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the dropped element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "alignElWithMouse",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "afterRepair",
-        "type" : "function",
-        "desc" : "Called after a repair of an invalid drop. By default, highlights this.dragData.ddel",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "alignElWithMouse",
+        "name" : "afterDragDrop",
         "type" : "function",
-        "desc" : "Sets the element to the location of the mousedown or click event,\nmaintaining the cursor location relative to the location on the element\nthat was clicked.  Override this if you want to place the element in a\nlocation other than where the cursor is.",
-        "sig" : "(el, iPageX, iPageY)",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter a valid drag drop has occurred by providing an implementation.",
+        "sig" : "(target, e, id)",
         "static" : false,
-        "memberOf" : "Roo.dd.DD",
+        "memberOf" : "Roo.dd.DragSource",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "HTMLElement",
-            "desc" : "the element to move",
+            "name" : "target",
+            "type" : "Roo.dd.DragDrop",
+            "desc" : "The drop target",
             "isOptional" : false
           },
           {
-            "name" : "iPageX",
-            "type" : "int",
-            "desc" : "the X coordinate of the mousedown or drag event",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
             "isOptional" : false
           },
           {
-            "name" : "iPageY",
-            "type" : "int",
-            "desc" : "the Y coordinate of the mousedown or drag event",
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the dropped element",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "applyConfig",
+        "name" : "afterDragEnter",
         "type" : "function",
-        "desc" : "Applies the configuration parameters that were passed into the constructor.\nThis is supposed to happen at each level through the inheritance chain.  So\na DDProxy implentation will execute apply config on DDProxy, DD, and\nDragDrop in order to get all of the parameters that are available in\neach object.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "autoOffset",
-        "type" : "function",
-        "desc" : "Sets the pointer offset to the distance between the linked element's top\nleft corner and the location the element was clicked",
-        "sig" : "(iPageX, iPageY)",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action\nwhen the dragged item enters the drop target by providing an implementation.",
+        "sig" : "(target, e, id)",
         "static" : false,
-        "memberOf" : "Roo.dd.DD",
+        "memberOf" : "Roo.dd.DragSource",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "iPageX",
-            "type" : "int",
-            "desc" : "the X coordinate of the click",
+            "name" : "target",
+            "type" : "Roo.dd.DragDrop",
+            "desc" : "The drop target",
             "isOptional" : false
           },
           {
-            "name" : "iPageY",
-            "type" : "int",
-            "desc" : "the Y coordinate of the click",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
+            "isOptional" : false
+          },
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the dragged element",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforeDragDrop",
+        "name" : "afterDragOut",
         "type" : "function",
-        "desc" : "An empty function by default, but provided so that you can perform a custom action before the dragged\nitem is dropped onto the target and optionally cancel the onDragDrop.",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter the dragged item is dragged out of the target without dropping.",
+        "sig" : "(target, e, id)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragSource",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "target",
+            "type" : "Roo.dd.DragDrop",
+            "desc" : "The drop target",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
+            "isOptional" : false
+          },
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the dragged element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "afterDragOver",
+        "type" : "function",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action\nwhile the dragged item is over the drop target by providing an implementation.",
+        "sig" : "(target, e, id)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragSource",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "target",
+            "type" : "Roo.dd.DragDrop",
+            "desc" : "The drop target",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
+            "isOptional" : false
+          },
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the dragged element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "afterInvalidDrop",
+        "type" : "function",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter an invalid drop has occurred by providing an implementation.",
+        "sig" : "(e, id)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragSource",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
+            "isOptional" : false
+          },
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the dropped element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "afterRepair",
+        "type" : "function",
+        "desc" : "Called after a repair of an invalid drop. By default, highlights this.dragData.ddel",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "afterValidDrop",
+        "type" : "function",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter a valid drop has occurred by providing an implementation.",
+        "sig" : "(target, e, id)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragSource",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "target",
+            "type" : "Object",
+            "desc" : "The target DD",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
+            "isOptional" : false
+          },
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the dropped element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "alignElWithMouse",
+        "type" : "function",
+        "desc" : "Sets the element to the location of the mousedown or click event,\nmaintaining the cursor location relative to the location on the element\nthat was clicked.  Override this if you want to place the element in a\nlocation other than where the cursor is.",
+        "sig" : "(el, iPageX, iPageY)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DD",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "HTMLElement",
+            "desc" : "the element to move",
+            "isOptional" : false
+          },
+          {
+            "name" : "iPageX",
+            "type" : "int",
+            "desc" : "the X coordinate of the mousedown or drag event",
+            "isOptional" : false
+          },
+          {
+            "name" : "iPageY",
+            "type" : "int",
+            "desc" : "the Y coordinate of the mousedown or drag event",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "applyConfig",
+        "type" : "function",
+        "desc" : "Applies the configuration parameters that were passed into the constructor.\nThis is supposed to happen at each level through the inheritance chain.  So\na DDProxy implentation will execute apply config on DDProxy, DD, and\nDragDrop in order to get all of the parameters that are available in\neach object.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "autoOffset",
+        "type" : "function",
+        "desc" : "Sets the pointer offset to the distance between the linked element's top\nleft corner and the location the element was clicked",
+        "sig" : "(iPageX, iPageY)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DD",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "iPageX",
+            "type" : "int",
+            "desc" : "the X coordinate of the click",
+            "isOptional" : false
+          },
+          {
+            "name" : "iPageY",
+            "type" : "int",
+            "desc" : "the Y coordinate of the click",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforeDragDrop",
+        "type" : "function",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action before the dragged\nitem is dropped onto the target and optionally cancel the onDragDrop.",
         "sig" : "(target, e, id)",
         "static" : false,
         "memberOf" : "Roo.dd.DragSource",
         "requires" : "",
         "params" : [],
         "returns" : []
+      },
+      {
+        "name" : "serializeForm",
+        "type" : "function",
+        "desc" : "serialize a form",
+        "sig" : "(form)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "form",
+            "type" : "DomForm",
+            "desc" : "element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "urlencode form output."
+          }
+        ]
       }
     ],
     "isAbstract" : false,
     "tree_children" : [],
     "tree_parent" : []
   },
+  "Roo.lib.Color" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "getCSSHSL",
+        "type" : "function",
+        "desc" : "getCSSHSL",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS HSL Color value - that\nis, a string of the form hsl(h,s%,l%) where h is in the range [0,100] and\ns and l are in the range [0,100]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSHSLA",
+        "type" : "function",
+        "desc" : "getCSSHSLA",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS HSLA Color value - that\nis, a string of the form hsla(h,s%,l%,a) where h is in the range [0,100],\ns and l are in the range [0,100], and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSHexadecimalRGB",
+        "type" : "function",
+        "desc" : "getCSSHexadecimalRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS hexadecimal RGB Color\nvalue - that is, a string of the form #RRGGBB where each of RR, GG, and BB\nare two-digit hexadecimal numbers."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSIntegerRGB",
+        "type" : "function",
+        "desc" : "getCSSIntegerRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS integer RGB Color\nvalue - that is, a string of the form rgb(r,g,b) where each of r, g, and b\nare integers in the range [0,255]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSIntegerRGBA",
+        "type" : "function",
+        "desc" : "getCSSIntegerRGBA",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "Returns a string representing this Color as a CSS integer RGBA Color\nvalue - that is, a string of the form rgba(r,g,b,a) where each of r, g, and\nb are integers in the range [0,255] and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSPercentageRGB",
+        "type" : "function",
+        "desc" : "getCSSPercentageRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS percentage RGB Color\nvalue - that is, a string of the form rgb(r%,g%,b%) where each of r, g, and\nb are in the range [0,100]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSPercentageRGBA",
+        "type" : "function",
+        "desc" : "getCSSPercentageRGBA",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS percentage RGBA Color\nvalue - that is, a string of the form rgba(r%,g%,b%,a) where each of r, g,\nand b are in the range [0,100] and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getHSL",
+        "type" : "function",
+        "desc" : "getHSL",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "the HSL and alpha components of this Color as an object with h,\ns, l, and a properties. h is in the range [0,360), s and l are in the range\n[0,100], and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getHSV",
+        "type" : "function",
+        "desc" : "getHSV",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "the HSV and alpha components of this Color as an object with h,\ns, v, and a properties. h is in the range [0,360), s and v are in the range\n[0,100], and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getIntegerRGB",
+        "type" : "function",
+        "desc" : "getIntegerRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to integers in the range [0,255].\nThe alpha is a value in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getPercentageRGB",
+        "type" : "function",
+        "desc" : "getPercentageRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to numbers in the range [0,100].\nThe alpha is a value in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getRGB",
+        "type" : "function",
+        "desc" : "getRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "the RGB and alpha components of this Color as an object with r,\ng, b, and a properties. r, g, and b are in the range [0,255] and a is in\nthe range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "setNodeBackgroundColor",
+        "type" : "function",
+        "desc" : "Sets the background Color of the specified node to this Color. This\nfunctions sets the CSS 'background-color' property for the node. The\nparameter is:",
+        "sig" : "(node)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "node",
+            "type" : "DomElement",
+            "desc" : "- the node whose background Color should be set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setNodeColor",
+        "type" : "function",
+        "desc" : "Sets the Color of the specified node to this Color. This functions sets\nthe CSS 'color' property for the node. The parameter is:",
+        "sig" : "(node)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "node",
+            "type" : "DomElement",
+            "desc" : "- the node whose Color should be set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "childClasses" : {
+      "Roo.lib.Color" : [
+        "Roo.lib.HSLColor",
+        "Roo.lib.HSVColor",
+        "Roo.lib.RGBColor"
+      ]
+    },
+    "tree_children" : [],
+    "tree_parent" : []
+  },
   "Roo.lib.Dom" : {
     "props" : [],
     "events" : [],
     "methods" : [
+      {
+        "name" : "getDocumentHeight",
+        "type" : "function",
+        "desc" : "Get the Full Document height",
+        "sig" : "()\n{\n\n}",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "The height"
+          }
+        ]
+      },
+      {
+        "name" : "getDocumentWidth",
+        "type" : "function",
+        "desc" : "Get the Full Document width",
+        "sig" : "()\n{\n\n}",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "The width"
+          }
+        ]
+      },
       {
         "name" : "getViewHeight",
         "type" : "function",
             "desc" : "The width"
           }
         ]
+      },
+      {
+        "name" : "getViewportHeight",
+        "type" : "function",
+        "desc" : "Get the Window Viewport height",
+        "sig" : "()\n{\n\n}",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "The height"
+          }
+        ]
+      },
+      {
+        "name" : "getViewportWidth",
+        "type" : "function",
+        "desc" : "Get the Window Viewport width",
+        "sig" : "()\n{\n\n}",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "The width"
+          }
+        ]
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "childClasses" : {    },
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.lib.HSLColor" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "getCSSHSL",
+        "type" : "function",
+        "desc" : "getCSSHSL",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS HSL Color value - that\nis, a string of the form hsl(h,s%,l%) where h is in the range [0,100] and\ns and l are in the range [0,100]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSHSLA",
+        "type" : "function",
+        "desc" : "getCSSHSLA",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS HSLA Color value - that\nis, a string of the form hsla(h,s%,l%,a) where h is in the range [0,100],\ns and l are in the range [0,100], and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSHexadecimalRGB",
+        "type" : "function",
+        "desc" : "getCSSHexadecimalRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS hexadecimal RGB Color\nvalue - that is, a string of the form #RRGGBB where each of RR, GG, and BB\nare two-digit hexadecimal numbers."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSIntegerRGB",
+        "type" : "function",
+        "desc" : "getCSSIntegerRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS integer RGB Color\nvalue - that is, a string of the form rgb(r,g,b) where each of r, g, and b\nare integers in the range [0,255]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSIntegerRGBA",
+        "type" : "function",
+        "desc" : "getCSSIntegerRGBA",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "Returns a string representing this Color as a CSS integer RGBA Color\nvalue - that is, a string of the form rgba(r,g,b,a) where each of r, g, and\nb are integers in the range [0,255] and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSPercentageRGB",
+        "type" : "function",
+        "desc" : "getCSSPercentageRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS percentage RGB Color\nvalue - that is, a string of the form rgb(r%,g%,b%) where each of r, g, and\nb are in the range [0,100]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSPercentageRGBA",
+        "type" : "function",
+        "desc" : "getCSSPercentageRGBA",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS percentage RGBA Color\nvalue - that is, a string of the form rgba(r%,g%,b%,a) where each of r, g,\nand b are in the range [0,100] and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getHSL",
+        "type" : "function",
+        "desc" : "getHSL",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "the HSL and alpha components of this Color as an object with h,\ns, l, and a properties. h is in the range [0,360), s and l are in the range\n[0,100], and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getHSV",
+        "type" : "function",
+        "desc" : "getHSV",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "the HSV and alpha components of this Color as an object with h,\ns, v, and a properties. h is in the range [0,360), s and v are in the range\n[0,100], and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getIntegerRGB",
+        "type" : "function",
+        "desc" : "getIntegerRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to integers in the range [0,255].\nThe alpha is a value in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getPercentageRGB",
+        "type" : "function",
+        "desc" : "getPercentageRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to numbers in the range [0,100].\nThe alpha is a value in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getRGB",
+        "type" : "function",
+        "desc" : "getRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "the RGB and alpha components of this Color as an object with r,\ng, b, and a properties. r, g, and b are in the range [0,255] and a is in\nthe range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "setNodeBackgroundColor",
+        "type" : "function",
+        "desc" : "Sets the background Color of the specified node to this Color. This\nfunctions sets the CSS 'background-color' property for the node. The\nparameter is:",
+        "sig" : "(node)",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "node",
+            "type" : "DomElement",
+            "desc" : "- the node whose background Color should be set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setNodeColor",
+        "type" : "function",
+        "desc" : "Sets the Color of the specified node to this Color. This functions sets\nthe CSS 'color' property for the node. The parameter is:",
+        "sig" : "(node)",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "node",
+            "type" : "DomElement",
+            "desc" : "- the node whose Color should be set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "childClasses" : {    },
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.lib.HSVColor" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "getCSSHSL",
+        "type" : "function",
+        "desc" : "getCSSHSL",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS HSL Color value - that\nis, a string of the form hsl(h,s%,l%) where h is in the range [0,100] and\ns and l are in the range [0,100]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSHSLA",
+        "type" : "function",
+        "desc" : "getCSSHSLA",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS HSLA Color value - that\nis, a string of the form hsla(h,s%,l%,a) where h is in the range [0,100],\ns and l are in the range [0,100], and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSHexadecimalRGB",
+        "type" : "function",
+        "desc" : "getCSSHexadecimalRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS hexadecimal RGB Color\nvalue - that is, a string of the form #RRGGBB where each of RR, GG, and BB\nare two-digit hexadecimal numbers."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSIntegerRGB",
+        "type" : "function",
+        "desc" : "getCSSIntegerRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS integer RGB Color\nvalue - that is, a string of the form rgb(r,g,b) where each of r, g, and b\nare integers in the range [0,255]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSIntegerRGBA",
+        "type" : "function",
+        "desc" : "getCSSIntegerRGBA",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "Returns a string representing this Color as a CSS integer RGBA Color\nvalue - that is, a string of the form rgba(r,g,b,a) where each of r, g, and\nb are integers in the range [0,255] and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSPercentageRGB",
+        "type" : "function",
+        "desc" : "getCSSPercentageRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS percentage RGB Color\nvalue - that is, a string of the form rgb(r%,g%,b%) where each of r, g, and\nb are in the range [0,100]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSPercentageRGBA",
+        "type" : "function",
+        "desc" : "getCSSPercentageRGBA",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS percentage RGBA Color\nvalue - that is, a string of the form rgba(r%,g%,b%,a) where each of r, g,\nand b are in the range [0,100] and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getHSL",
+        "type" : "function",
+        "desc" : "getHSL",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "the HSL and alpha components of this Color as an object with h,\ns, l, and a properties. h is in the range [0,360), s and l are in the range\n[0,100], and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getHSV",
+        "type" : "function",
+        "desc" : "getHSV",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "the HSV and alpha components of this Color as an object with h,\ns, v, and a properties. h is in the range [0,360), s and v are in the range\n[0,100], and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getIntegerRGB",
+        "type" : "function",
+        "desc" : "getIntegerRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to integers in the range [0,255].\nThe alpha is a value in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getPercentageRGB",
+        "type" : "function",
+        "desc" : "getPercentageRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to numbers in the range [0,100].\nThe alpha is a value in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getRGB",
+        "type" : "function",
+        "desc" : "getRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "the RGB and alpha components of this Color as an object with r,\ng, b, and a properties. r, g, and b are in the range [0,255] and a is in\nthe range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "setNodeBackgroundColor",
+        "type" : "function",
+        "desc" : "Sets the background Color of the specified node to this Color. This\nfunctions sets the CSS 'background-color' property for the node. The\nparameter is:",
+        "sig" : "(node)",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "node",
+            "type" : "DomElement",
+            "desc" : "- the node whose background Color should be set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setNodeColor",
+        "type" : "function",
+        "desc" : "Sets the Color of the specified node to this Color. This functions sets\nthe CSS 'color' property for the node. The parameter is:",
+        "sig" : "(node)",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "node",
+            "type" : "DomElement",
+            "desc" : "- the node whose Color should be set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "childClasses" : {    },
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.lib.RGBColor" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "getCSSHSL",
+        "type" : "function",
+        "desc" : "getCSSHSL",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS HSL Color value - that\nis, a string of the form hsl(h,s%,l%) where h is in the range [0,100] and\ns and l are in the range [0,100]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSHSLA",
+        "type" : "function",
+        "desc" : "getCSSHSLA",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS HSLA Color value - that\nis, a string of the form hsla(h,s%,l%,a) where h is in the range [0,100],\ns and l are in the range [0,100], and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSHexadecimalRGB",
+        "type" : "function",
+        "desc" : "getCSSHexadecimalRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS hexadecimal RGB Color\nvalue - that is, a string of the form #RRGGBB where each of RR, GG, and BB\nare two-digit hexadecimal numbers."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSIntegerRGB",
+        "type" : "function",
+        "desc" : "getCSSIntegerRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS integer RGB Color\nvalue - that is, a string of the form rgb(r,g,b) where each of r, g, and b\nare integers in the range [0,255]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSIntegerRGBA",
+        "type" : "function",
+        "desc" : "getCSSIntegerRGBA",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "Returns a string representing this Color as a CSS integer RGBA Color\nvalue - that is, a string of the form rgba(r,g,b,a) where each of r, g, and\nb are integers in the range [0,255] and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSPercentageRGB",
+        "type" : "function",
+        "desc" : "getCSSPercentageRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS percentage RGB Color\nvalue - that is, a string of the form rgb(r%,g%,b%) where each of r, g, and\nb are in the range [0,100]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSPercentageRGBA",
+        "type" : "function",
+        "desc" : "getCSSPercentageRGBA",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS percentage RGBA Color\nvalue - that is, a string of the form rgba(r%,g%,b%,a) where each of r, g,\nand b are in the range [0,100] and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getHSL",
+        "type" : "function",
+        "desc" : "getHSL",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "the HSL and alpha components of this Color as an object with h,\ns, l, and a properties. h is in the range [0,360), s and l are in the range\n[0,100], and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getHSV",
+        "type" : "function",
+        "desc" : "getHSV",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "the HSV and alpha components of this Color as an object with h,\ns, v, and a properties. h is in the range [0,360), s and v are in the range\n[0,100], and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getIntegerRGB",
+        "type" : "function",
+        "desc" : "getIntegerRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to integers in the range [0,255].\nThe alpha is a value in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getPercentageRGB",
+        "type" : "function",
+        "desc" : "getPercentageRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to numbers in the range [0,100].\nThe alpha is a value in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getRGB",
+        "type" : "function",
+        "desc" : "getRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "the RGB and alpha components of this Color as an object with r,\ng, b, and a properties. r, g, and b are in the range [0,255] and a is in\nthe range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "setNodeBackgroundColor",
+        "type" : "function",
+        "desc" : "Sets the background Color of the specified node to this Color. This\nfunctions sets the CSS 'background-color' property for the node. The\nparameter is:",
+        "sig" : "(node)",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "node",
+            "type" : "DomElement",
+            "desc" : "- the node whose background Color should be set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setNodeColor",
+        "type" : "function",
+        "desc" : "Sets the Color of the specified node to this Color. This functions sets\nthe CSS 'color' property for the node. The parameter is:",
+        "sig" : "(node)",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "node",
+            "type" : "DomElement",
+            "desc" : "- the node whose Color should be set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       }
     ],
     "isAbstract" : false,
   "Roo.util.DelayedTask" : {
     "props" : [],
     "events" : [],
-    "methods" : [],
+    "methods" : [
+      {
+        "name" : "cancel",
+        "type" : "function",
+        "desc" : "Cancel the last queued timeout",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "delay",
+        "type" : "function",
+        "desc" : "Cancels any pending timeout and queues a new one",
+        "sig" : "(delay, newFn, newScope, newArgs)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "delay",
+            "type" : "Number",
+            "desc" : "The milliseconds to delay",
+            "isOptional" : false
+          },
+          {
+            "name" : "newFn",
+            "type" : "Function",
+            "desc" : "(optional) Overrides function passed to constructor",
+            "isOptional" : false
+          },
+          {
+            "name" : "newScope",
+            "type" : "Object",
+            "desc" : "(optional) Overrides scope passed to constructor",
+            "isOptional" : false
+          },
+          {
+            "name" : "newArgs",
+            "type" : "Array",
+            "desc" : "(optional) Overrides args passed to constructor",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
     "isAbstract" : false,
     "isBuilderTop" : false,
     "childClasses" : {    },
   "Roo.util.JSON" : {
     "props" : [],
     "events" : [],
-    "methods" : [],
+    "methods" : [
+      {
+        "name" : "decode",
+        "type" : "function",
+        "desc" : "Decodes (parses) a JSON string to an object. If the JSON is invalid, this function throws a SyntaxError.",
+        "sig" : "(json)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "json",
+            "type" : "String",
+            "desc" : "The JSON string",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "The resulting object"
+          }
+        ]
+      },
+      {
+        "name" : "encode",
+        "type" : "function",
+        "desc" : "Encodes an Object, Array or other value",
+        "sig" : "(o)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Mixed",
+            "desc" : "The variable to encode",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "The JSON string"
+          }
+        ]
+      }
+    ],
     "isAbstract" : false,
     "isBuilderTop" : false,
     "childClasses" : {    },
     "tree_children" : [],
     "tree_parent" : []
   },
+  "Roo.util.TaskRunner" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "start",
+        "type" : "function",
+        "desc" : "Queues a new task.",
+        "sig" : "(task)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "task",
+            "type" : "Object",
+            "desc" : "Task property : interval = how frequent to run.\nTask object should implement\nfunction run()\nTask object may implement\nfunction onStop()",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "stop",
+        "type" : "function",
+        "desc" : "Stop  new task.",
+        "sig" : "(task)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "task",
+            "type" : "Object",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "stopAll",
+        "type" : "function",
+        "desc" : "Stop all Tasks",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "childClasses" : {    },
+    "tree_children" : [],
+    "tree_parent" : []
+  },
   "Roo.util.TextMetrics" : {
     "props" : [],
     "events" : [],
   "Roo.util.TextMetrics.Instance" : {
     "props" : [],
     "events" : [],
-    "methods" : [],
+    "methods" : [
+      {
+        "name" : "bind",
+        "type" : "function",
+        "desc" : "Binds this TextMetrics instance to an element from which to copy existing CSS styles\nthat can affect the size of the rendered text",
+        "sig" : "(el)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "String/HTMLElement",
+            "desc" : "The element, dom node or id",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "getHeight",
+        "type" : "function",
+        "desc" : "Returns the measured height of the specified text.  For multiline text, be sure to call\n{@link #setFixedWidth} if necessary.",
+        "sig" : "(text)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "text",
+            "type" : "String",
+            "desc" : "The text to measure",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "height The height in pixels"
+          }
+        ]
+      },
+      {
+        "name" : "getSize",
+        "type" : "function",
+        "desc" : "Returns the size of the specified text based on the internal element's style and width properties",
+        "sig" : "(text)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "text",
+            "type" : "String",
+            "desc" : "The text to measure",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "An object containing the text's size {width: (width), height: (height)}"
+          }
+        ]
+      },
+      {
+        "name" : "getWidth",
+        "type" : "function",
+        "desc" : "Returns the measured width of the specified text",
+        "sig" : "(text)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "text",
+            "type" : "String",
+            "desc" : "The text to measure",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "width The width in pixels"
+          }
+        ]
+      },
+      {
+        "name" : "setFixedWidth",
+        "type" : "function",
+        "desc" : "Sets a fixed width on the internal measurement element.  If the text will be multiline, you have\nto set a fixed width in order to accurately measure the text height.",
+        "sig" : "(width)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "The width to set on the element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
     "isAbstract" : false,
     "isBuilderTop" : false,
     "childClasses" : {    },
     "childClasses" : {    },
     "tree_children" : [],
     "tree_parent" : []
-  },
-  "this" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "childClasses" : {    },
-    "tree_children" : [],
-    "tree_parent" : []
   }
 }
\ No newline at end of file
index 13cadad..f14e339 100644 (file)
@@ -13,7 +13,7 @@
 /**
  * @class Roo.ComponentMgr
  * Provides a common registry of all components on a page so that they can be easily accessed by component id (see {@link Roo.getCmp}).
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.ComponentMgr </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">all </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Roo.util.MixedCollection</span><span class="jsdoc-syntax">();
index b7847fd..69b7ea6 100644 (file)
@@ -29,7 +29,7 @@
  * @class Roo.DomHelper
  * Utility class for working with DOM and/or Templates. It transparently supports using HTML fragments or DOM.
  * For more information see &lt;a href=&quot;http://web.archive.org/web/20071221063734/http://www.jackslocum.com/blog/2006/10/06/domhelper-create-elements-using-dom-html-fragments-or-templates/&quot;&gt;this blog post with examples&lt;/a&gt;.
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.DomHelper </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">tempTableEl </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">;
index 254471d..d5fd62f 100644 (file)
@@ -73,7 +73,7 @@ All selectors, attribute filters and pseudos below can be combined infinitely in
     &lt;li&gt; &lt;b&gt;E{display%=2}&lt;/b&gt; css value &quot;display&quot; that is evenly divisible by 2&lt;/li&gt;
     &lt;li&gt; &lt;b&gt;E{display!=none}&lt;/b&gt; css value &quot;display&quot; that does not equal &quot;none&quot;&lt;/li&gt;
 &lt;/ul&gt;
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.DomQuery </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">cache </span><span class="jsdoc-syntax">= {}, </span><span class="jsdoc-var">simpleCache </span><span class="jsdoc-syntax">= {}, </span><span class="jsdoc-var">valueCache </span><span class="jsdoc-syntax">= {};
index 754e07a..694a271 100644 (file)
@@ -14,7 +14,7 @@
  * Registers event handlers that want to receive a normalized EventObject instead of the standard browser event and provides 
  * several useful events directly.
  * See {@link Roo.EventObject} for more details on normalized event objects.
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.EventManager </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">docReadyEvent</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">docReadyProcId</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">docReadyState </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">;
@@ -576,7 +576,7 @@ el.on({
  Roo.EventManager.on(&quot;myDiv&quot;, 'click', handleClick);
  Roo.EventManager.addListener(&quot;myDiv&quot;, 'click', handleClick);
  &lt;/code&gt;&lt;/pre&gt;
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.EventObject </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
 
index 9a815ac..96d5087 100644 (file)
@@ -33,7 +33,7 @@ Roo.Msg.show({
    animEl: 'elId'
 });
 &lt;/code&gt;&lt;/pre&gt;
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.MessageBox </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">dlg</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">opt</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">mask</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">waitTimer</span><span class="jsdoc-syntax">;
index bfbe5dd..d6d1395 100644 (file)
@@ -11,7 +11,7 @@
 /**
  * @class Roo.QuickTips
  * Provides attractive and customizable tooltips for any element.
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.QuickTips </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">el</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">tipBody</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">tipBodyText</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">tipTitle</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">tm</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">cfg</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">close</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">tagEls </span><span class="jsdoc-syntax">= {}, </span><span class="jsdoc-var">esc</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">removeCls </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">bdLeft</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">bdRight</span><span class="jsdoc-syntax">;
index 99599d5..35b8ed8 100644 (file)
@@ -28,7 +28,7 @@ Roo.Msg.show({
    animEl: 'elId'
 });
 &lt;/code&gt;&lt;/pre&gt;
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.bootstrap.MessageBox </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">dlg</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">opt</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">mask</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">waitTimer</span><span class="jsdoc-syntax">;
index b194799..3a4d689 100644 (file)
@@ -2,7 +2,7 @@
  * @class Roo.bootstrap.MenuMgr
  * @licence LGPL
  * Provides a common registry of all menu items on a page so that they can be easily accessed by id.
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.bootstrap.menu.Manager </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">menus</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">active</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">groups </span><span class="jsdoc-syntax">= {}, </span><span class="jsdoc-var">attached </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">lastShow </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Date</span><span class="jsdoc-syntax">();
index db70b8b..8d1bb78 100644 (file)
@@ -12,7 +12,7 @@
 
 /**
  * @class Roo.data.SortTypes
- * @singleton
+ * @static
  * Defines the default sorting (casting?) comparison functions used when sorting data.
  */
 </span><span class="jsdoc-var">Roo.data.SortTypes </span><span class="jsdoc-syntax">= {
index 9c382fe..5e27c0d 100644 (file)
@@ -28,7 +28,7 @@
  * all DragDrop items in the window.  Generally, you will not call
  * this class directly, but it does have helper methods that could
  * be useful in your DragDrop implementations.
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.dd.DragDropMgr </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {
 
index c44b32e..f885eaf 100644 (file)
@@ -14,7 +14,7 @@
  * @class Roo.dd.Registry
  * Provides easy access to all drag drop components that are registered on a page.  Items can be retrieved either
  * directly by DOM node id, or by passing in the drag drop event that occurred and looking up the event target.
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.dd.Registry </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">elements </span><span class="jsdoc-syntax">= {};
index a52f460..8335942 100644 (file)
@@ -14,7 +14,7 @@
  * @class Roo.dd.ScrollManager
  * Provides automatic scrolling of overflow regions in the page during drag operations.&lt;br&gt;&lt;br&gt;
  * &lt;b&gt;Note: This class uses &quot;Point Mode&quot; and is untested in &quot;Intersect Mode&quot;.&lt;/b&gt;
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.dd.ScrollManager </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">ddm </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.dd.DragDropMgr</span><span class="jsdoc-syntax">;
index 093c88d..60cdc68 100644 (file)
@@ -11,7 +11,7 @@
 /**
  * @class Roo.form.VTypes
  * Overridable validation definitions. The validations provided are basic and intended to be easily customizable and extended.
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.form.VTypes </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
     </span><span class="jsdoc-comment">// closure these in so they are only created once.
index f27256f..ac87919 100644 (file)
@@ -1,15 +1,17 @@
-<html><head><title>Roo/lib/Ajax.js</title><link rel="stylesheet" type="text/css" href="../../css/highlight-js.css"/></head><body class="highlightpage"><code class="jsdoc-pretty"><span class="jsdoc-comment">/*
- * Portions of this file are based on pieces of Yahoo User Interface Library
- * Copyright (c) 2007, Yahoo! Inc. All rights reserved.
- * YUI licensed under the BSD License:
- * http://developer.yahoo.net/yui/license.txt
- * &lt;script type=&quot;text/javascript&quot;&gt;
- *
- */
-
-</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {
+<html><head><title>Roo/lib/Ajax.js</title><link rel="stylesheet" type="text/css" href="../../css/highlight-js.css"/></head><body class="highlightpage"><code class="jsdoc-pretty">
+
+<span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {
     </span><span class="jsdoc-comment">/**
      * @class Roo.lib.Ajax
+     *
+     * provide a simple Ajax request utility functions
+     * 
+     * Portions of this file are based on pieces of Yahoo User Interface Library
+    * Copyright (c) 2007, Yahoo! Inc. All rights reserved.
+    * YUI licensed under the BSD License:
+    * http://developer.yahoo.net/yui/license.txt
+    * &lt;script type=&quot;text/javascript&quot;&gt;
+    *
      *
      */
     </span><span class="jsdoc-var">Roo.lib.Ajax </span><span class="jsdoc-syntax">= {
 
             </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">this.asyncRequest</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">method</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">uri</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">cb</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">data</span><span class="jsdoc-syntax">);
         },
-
+        </span><span class="jsdoc-comment">/**
+         * serialize a form
+         *
+         * @static
+         * @param {DomForm} form element
+         * @return {String} urlencode form output.
+         */
         </span><span class="jsdoc-var">serializeForm </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">form</span><span class="jsdoc-syntax">) {
             </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">typeof </span><span class="jsdoc-var">form </span><span class="jsdoc-syntax">== </span><span class="jsdoc-string">'string'</span><span class="jsdoc-syntax">) {
                 </span><span class="jsdoc-var">form </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">document.getElementById</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">form</span><span class="jsdoc-syntax">) || </span><span class="jsdoc-var">document.forms</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">form</span><span class="jsdoc-syntax">]);
diff --git a/docs/src/Roo_lib_Color.js.html b/docs/src/Roo_lib_Color.js.html
new file mode 100644 (file)
index 0000000..3a987bc
--- /dev/null
@@ -0,0 +1,675 @@
+<html><head><title>Roo/lib/Color.js</title><link rel="stylesheet" type="text/css" href="../../css/highlight-js.css"/></head><body class="highlightpage"><code class="jsdoc-pretty">
+
+<span class="jsdoc-comment">/**
+ * @class Roo.lib.Color
+ * @constructor
+ * An abstract Color implementation. Concrete Color implementations should use
+ * an instance of this function as their prototype, and implement the getRGB and
+ * getHSL functions. getRGB should return an object representing the RGB
+ * components of this Color, with the red, green, and blue components in the
+ * range [0,255] and the alpha component in the range [0,100]. getHSL should
+ * return an object representing the HSL components of this Color, with the hue
+ * component in the range [0,360), the saturation and lightness components in
+ * the range [0,100], and the alpha component in the range [0,1].
+ *
+ *
+ * Color.js
+ *
+ * Functions for Color handling and processing.
+ *
+ * http://www.safalra.com/web-design/javascript/Color-handling-and-processing/
+ *
+ * The author of this program, Safalra (Stephen Morley), irrevocably releases all
+ * rights to this program, with the intention of it becoming part of the public
+ * domain. Because this program is released into the public domain, it comes with
+ * no warranty either expressed or implied, to the extent permitted by law.
+ * 
+ * For more free and public domain JavaScript code by the same author, visit:
+ * http://www.safalra.com/web-design/javascript/
+ * 
+ */
+</span><span class="jsdoc-var">Roo.lib.Color </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() { }
+
+
+</span><span class="jsdoc-var">Roo.apply</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.lib.Color.prototype</span><span class="jsdoc-syntax">, {
+
+  </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">,
+  </span><span class="jsdoc-var">hsv </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">,
+  </span><span class="jsdoc-var">hsl </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">,
+
+  </span><span class="jsdoc-comment">/**
+   * getIntegerRGB
+   * @return {Object} an object representing the RGBA components of this Color. The red,
+   * green, and blue components are converted to integers in the range [0,255].
+   * The alpha is a value in the range [0,1].
+   */
+  </span><span class="jsdoc-var">getIntegerRGB </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+
+    </span><span class="jsdoc-comment">// get the RGB components of this Color
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getRGB</span><span class="jsdoc-syntax">();
+
+    </span><span class="jsdoc-comment">// return the integer components
+    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">{
+      </span><span class="jsdoc-string">'r' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Math.round</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">rgb.r</span><span class="jsdoc-syntax">),
+      </span><span class="jsdoc-string">'g' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Math.round</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">rgb.g</span><span class="jsdoc-syntax">),
+      </span><span class="jsdoc-string">'b' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Math.round</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">rgb.b</span><span class="jsdoc-syntax">),
+      </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">rgb.a
+    </span><span class="jsdoc-syntax">};
+
+  },
+
+  </span><span class="jsdoc-comment">/**
+   * getPercentageRGB
+   * @return {Object} an object representing the RGBA components of this Color. The red,
+   * green, and blue components are converted to numbers in the range [0,100].
+   * The alpha is a value in the range [0,1].
+   */
+  </span><span class="jsdoc-var">getPercentageRGB </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+
+    </span><span class="jsdoc-comment">// get the RGB components of this Color
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getRGB</span><span class="jsdoc-syntax">();
+
+    </span><span class="jsdoc-comment">// return the percentage components
+    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">{
+      </span><span class="jsdoc-string">'r' </span><span class="jsdoc-syntax">: 100 * </span><span class="jsdoc-var">rgb.r </span><span class="jsdoc-syntax">/ 255,
+      </span><span class="jsdoc-string">'g' </span><span class="jsdoc-syntax">: 100 * </span><span class="jsdoc-var">rgb.g </span><span class="jsdoc-syntax">/ 255,
+      </span><span class="jsdoc-string">'b' </span><span class="jsdoc-syntax">: 100 * </span><span class="jsdoc-var">rgb.b </span><span class="jsdoc-syntax">/ 255,
+      </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">rgb.a
+    </span><span class="jsdoc-syntax">};
+
+  },
+
+  </span><span class="jsdoc-comment">/**
+   * getCSSHexadecimalRGB
+   * @return {String} a string representing this Color as a CSS hexadecimal RGB Color
+   * value - that is, a string of the form #RRGGBB where each of RR, GG, and BB
+   * are two-digit hexadecimal numbers.
+   */
+  </span><span class="jsdoc-var">getCSSHexadecimalRGB </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
+  {
+
+    </span><span class="jsdoc-comment">// get the integer RGB components
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getIntegerRGB</span><span class="jsdoc-syntax">();
+
+    </span><span class="jsdoc-comment">// determine the hexadecimal equivalents
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">r16 </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">rgb.r.toString</span><span class="jsdoc-syntax">(16);
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">g16 </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">rgb.g.toString</span><span class="jsdoc-syntax">(16);
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">b16 </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">rgb.b.toString</span><span class="jsdoc-syntax">(16);
+
+    </span><span class="jsdoc-comment">// return the CSS RGB Color value
+    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-string">'#'
+        </span><span class="jsdoc-syntax">+ (</span><span class="jsdoc-var">r16.length </span><span class="jsdoc-syntax">== 2 ? </span><span class="jsdoc-var">r16 </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'0' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">r16</span><span class="jsdoc-syntax">)
+        + (</span><span class="jsdoc-var">g16.length </span><span class="jsdoc-syntax">== 2 ? </span><span class="jsdoc-var">g16 </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'0' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">g16</span><span class="jsdoc-syntax">)
+        + (</span><span class="jsdoc-var">b16.length </span><span class="jsdoc-syntax">== 2 ? </span><span class="jsdoc-var">b16 </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'0' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">b16</span><span class="jsdoc-syntax">);
+
+  },
+
+  </span><span class="jsdoc-comment">/**
+   * getCSSIntegerRGB
+   * @return {String} a string representing this Color as a CSS integer RGB Color
+   * value - that is, a string of the form rgb(r,g,b) where each of r, g, and b
+   * are integers in the range [0,255].
+   */
+  </span><span class="jsdoc-var">getCSSIntegerRGB </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+
+    </span><span class="jsdoc-comment">// get the integer RGB components
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getIntegerRGB</span><span class="jsdoc-syntax">();
+
+    </span><span class="jsdoc-comment">// return the CSS RGB Color value
+    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-string">'rgb(' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.r </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">',' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.g </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">',' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.b </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">')'</span><span class="jsdoc-syntax">;
+
+  },
+
+  </span><span class="jsdoc-comment">/**
+   * getCSSIntegerRGBA
+   * @return {String} Returns a string representing this Color as a CSS integer RGBA Color
+   * value - that is, a string of the form rgba(r,g,b,a) where each of r, g, and
+   * b are integers in the range [0,255] and a is in the range [0,1].
+   */
+  </span><span class="jsdoc-var">getCSSIntegerRGBA </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+
+    </span><span class="jsdoc-comment">// get the integer RGB components
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getIntegerRGB</span><span class="jsdoc-syntax">();
+
+    </span><span class="jsdoc-comment">// return the CSS integer RGBA Color value
+    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-string">'rgb(' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.r </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">',' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.g </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">',' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.b </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">',' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.a </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">')'</span><span class="jsdoc-syntax">;
+
+  },
+
+  </span><span class="jsdoc-comment">/**
+   * getCSSPercentageRGB
+   * @return {String} a string representing this Color as a CSS percentage RGB Color
+   * value - that is, a string of the form rgb(r%,g%,b%) where each of r, g, and
+   * b are in the range [0,100].
+   */
+  </span><span class="jsdoc-var">getCSSPercentageRGB </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+
+    </span><span class="jsdoc-comment">// get the percentage RGB components
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getPercentageRGB</span><span class="jsdoc-syntax">();
+
+    </span><span class="jsdoc-comment">// return the CSS RGB Color value
+    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-string">'rgb(' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.r </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'%,' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.g </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'%,' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.b </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'%)'</span><span class="jsdoc-syntax">;
+
+  },
+
+  </span><span class="jsdoc-comment">/**
+   * getCSSPercentageRGBA
+   * @return {String} a string representing this Color as a CSS percentage RGBA Color
+   * value - that is, a string of the form rgba(r%,g%,b%,a) where each of r, g,
+   * and b are in the range [0,100] and a is in the range [0,1].
+   */
+  </span><span class="jsdoc-var">getCSSPercentageRGBA </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+
+    </span><span class="jsdoc-comment">// get the percentage RGB components
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getPercentageRGB</span><span class="jsdoc-syntax">();
+
+    </span><span class="jsdoc-comment">// return the CSS percentage RGBA Color value
+    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-string">'rgb(' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.r </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'%,' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.g </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'%,' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.b </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'%,' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.a </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">')'</span><span class="jsdoc-syntax">;
+
+  },
+
+  </span><span class="jsdoc-comment">/**
+   * getCSSHSL
+   * @return {String} a string representing this Color as a CSS HSL Color value - that
+   * is, a string of the form hsl(h,s%,l%) where h is in the range [0,100] and
+   * s and l are in the range [0,100].
+   */
+  </span><span class="jsdoc-var">getCSSHSL </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+
+    </span><span class="jsdoc-comment">// get the HSL components
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hsl </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getHSL</span><span class="jsdoc-syntax">();
+
+    </span><span class="jsdoc-comment">// return the CSS HSL Color value
+    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-string">'hsl(' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">hsl.h </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">',' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">hsl.s </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'%,' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">hsl.l </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'%)'</span><span class="jsdoc-syntax">;
+
+  },
+
+  </span><span class="jsdoc-comment">/**
+   * getCSSHSLA
+   * @return {String} a string representing this Color as a CSS HSLA Color value - that
+   * is, a string of the form hsla(h,s%,l%,a) where h is in the range [0,100],
+   * s and l are in the range [0,100], and a is in the range [0,1].
+   */
+  </span><span class="jsdoc-var">getCSSHSLA </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+
+    </span><span class="jsdoc-comment">// get the HSL components
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hsl </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getHSL</span><span class="jsdoc-syntax">();
+
+    </span><span class="jsdoc-comment">// return the CSS HSL Color value
+    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-string">'hsl(' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">hsl.h </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">',' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">hsl.s </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'%,' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">hsl.l </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'%,' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">hsl.a </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">')'</span><span class="jsdoc-syntax">;
+
+  },
+
+  </span><span class="jsdoc-comment">/**
+   * Sets the Color of the specified node to this Color. This functions sets
+   * the CSS 'color' property for the node. The parameter is:
+   * 
+   * @param {DomElement} node - the node whose Color should be set
+   */
+  </span><span class="jsdoc-var">setNodeColor </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">node</span><span class="jsdoc-syntax">){
+
+    </span><span class="jsdoc-comment">// set the Color of the node
+    </span><span class="jsdoc-var">node.style.color </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getCSSHexadecimalRGB</span><span class="jsdoc-syntax">();
+
+  },
+
+  </span><span class="jsdoc-comment">/**
+   * Sets the background Color of the specified node to this Color. This
+   * functions sets the CSS 'background-color' property for the node. The
+   * parameter is:
+   *
+   * @param {DomElement} node - the node whose background Color should be set
+   */
+  </span><span class="jsdoc-var">setNodeBackgroundColor </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">node</span><span class="jsdoc-syntax">){
+
+    </span><span class="jsdoc-comment">// set the background Color of the node
+    </span><span class="jsdoc-var">node.style.backgroundColor </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getCSSHexadecimalRGB</span><span class="jsdoc-syntax">();
+
+  },
+  </span><span class="jsdoc-comment">// convert between formats..
+  </span><span class="jsdoc-var">toRGB</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
+  {
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">r </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getIntegerRGB</span><span class="jsdoc-syntax">();
+    </span><span class="jsdoc-keyword">return new </span><span class="jsdoc-var">Roo.lib.RGBColor</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">r.r</span><span class="jsdoc-syntax">,</span><span class="jsdoc-var">r.g</span><span class="jsdoc-syntax">,</span><span class="jsdoc-var">r.b</span><span class="jsdoc-syntax">,</span><span class="jsdoc-var">r.a</span><span class="jsdoc-syntax">);
+
+  },
+  </span><span class="jsdoc-var">toHSL </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
+  {
+     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hsl </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getHSL</span><span class="jsdoc-syntax">();
+  </span><span class="jsdoc-comment">// return the CSS HSL Color value
+    </span><span class="jsdoc-keyword">return new </span><span class="jsdoc-var">Roo.lib.HSLColor</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hsl.h</span><span class="jsdoc-syntax">,  </span><span class="jsdoc-var">hsl.s</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">hsl.l </span><span class="jsdoc-syntax">,  </span><span class="jsdoc-var">hsl.a </span><span class="jsdoc-syntax">);
+
+  },
+
+  </span><span class="jsdoc-var">toHSV </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
+  {
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.toRGB</span><span class="jsdoc-syntax">();
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hsv </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">rgb.getHSV</span><span class="jsdoc-syntax">();
+   </span><span class="jsdoc-comment">// return the CSS HSL Color value
+    </span><span class="jsdoc-keyword">return new </span><span class="jsdoc-var">Roo.lib.HSVColor</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hsv.h</span><span class="jsdoc-syntax">,  </span><span class="jsdoc-var">hsv.s</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">hsv.v </span><span class="jsdoc-syntax">,  </span><span class="jsdoc-var">hsv.a </span><span class="jsdoc-syntax">);
+
+  },
+
+  </span><span class="jsdoc-comment">// modify  v = 0 ... 1 (eg. 0.5)
+  </span><span class="jsdoc-var">saturate </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">v</span><span class="jsdoc-syntax">)
+  {
+      </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.toRGB</span><span class="jsdoc-syntax">();
+      </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hsv </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">rgb.getHSV</span><span class="jsdoc-syntax">();
+      </span><span class="jsdoc-keyword">return new </span><span class="jsdoc-var">Roo.lib.HSVColor</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hsv.h</span><span class="jsdoc-syntax">,  </span><span class="jsdoc-var">hsv.s </span><span class="jsdoc-syntax">* </span><span class="jsdoc-var">v</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">hsv.v </span><span class="jsdoc-syntax">,  </span><span class="jsdoc-var">hsv.a </span><span class="jsdoc-syntax">);
+
+
+  },
+
+
+  </span><span class="jsdoc-comment">/**
+   * getRGB
+   * @return {Object} the RGB and alpha components of this Color as an object with r,
+   * g, b, and a properties. r, g, and b are in the range [0,255] and a is in
+   * the range [0,1].
+   */
+  </span><span class="jsdoc-var">getRGB</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+
+    </span><span class="jsdoc-comment">// return the RGB components
+    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">{
+      </span><span class="jsdoc-string">'r' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.rgb.r</span><span class="jsdoc-syntax">,
+      </span><span class="jsdoc-string">'g' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.rgb.g</span><span class="jsdoc-syntax">,
+      </span><span class="jsdoc-string">'b' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.rgb.b</span><span class="jsdoc-syntax">,
+      </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.alpha
+    </span><span class="jsdoc-syntax">};
+
+  },
+
+  </span><span class="jsdoc-comment">/**
+   * getHSV
+   * @return {Object} the HSV and alpha components of this Color as an object with h,
+   * s, v, and a properties. h is in the range [0,360), s and v are in the range
+   * [0,100], and a is in the range [0,1].
+   */
+  </span><span class="jsdoc-var">getHSV </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
+  {
+
+    </span><span class="jsdoc-comment">// calculate the HSV components if necessary
+    </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.hsv </span><span class="jsdoc-syntax">== </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">) </span><span class="jsdoc-var">this.calculateHSV</span><span class="jsdoc-syntax">();
+
+    </span><span class="jsdoc-comment">// return the HSV components
+    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">{
+      </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.hsv.h</span><span class="jsdoc-syntax">,
+      </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.hsv.s</span><span class="jsdoc-syntax">,
+      </span><span class="jsdoc-string">'v' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.hsv.v</span><span class="jsdoc-syntax">,
+      </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.alpha
+    </span><span class="jsdoc-syntax">};
+
+  },
+
+  </span><span class="jsdoc-comment">/**
+   * getHSL
+   * @return {Object} the HSL and alpha components of this Color as an object with h,
+   * s, l, and a properties. h is in the range [0,360), s and l are in the range
+   * [0,100], and a is in the range [0,1].
+   */
+  </span><span class="jsdoc-var">getHSL </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+
+
+    </span><span class="jsdoc-comment">// calculate the HSV components if necessary
+    </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.hsl </span><span class="jsdoc-syntax">== </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">) </span><span class="jsdoc-var">this.calculateHSL</span><span class="jsdoc-syntax">();
+
+    </span><span class="jsdoc-comment">// return the HSL components
+    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">{
+      </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.hsl.h</span><span class="jsdoc-syntax">,
+      </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.hsl.s</span><span class="jsdoc-syntax">,
+      </span><span class="jsdoc-string">'l' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.hsl.l</span><span class="jsdoc-syntax">,
+      </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.alpha
+    </span><span class="jsdoc-syntax">};
+
+  }
+
+
+});
+
+
+</span><span class="jsdoc-comment">/**
+ * @class Roo.lib.RGBColor
+ * @extends Roo.lib.Color
+ * Creates a Color specified in the RGB Color space, with an optional alpha
+ * component. The parameters are:
+ * @constructor
+ * 
+
+ * @param {Number} r - the red component, clipped to the range [0,255]
+ * @param {Number} g - the green component, clipped to the range [0,255]
+ * @param {Number} b - the blue component, clipped to the range [0,255]
+ * @param {Number} a - the alpha component, clipped to the range [0,1] - this parameter is
+ *     optional and defaults to 1
+ */
+</span><span class="jsdoc-var">Roo.lib.RGBColor </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">r</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">g</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">b</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">a</span><span class="jsdoc-syntax">){
+
+  </span><span class="jsdoc-comment">// store the alpha component after clipping it if necessary
+  </span><span class="jsdoc-var">this.alpha </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">a </span><span class="jsdoc-syntax">=== </span><span class="jsdoc-var">undefined </span><span class="jsdoc-syntax">? 1 : </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(1, </span><span class="jsdoc-var">a</span><span class="jsdoc-syntax">)));
+
+  </span><span class="jsdoc-comment">// store the RGB components after clipping them if necessary
+  </span><span class="jsdoc-var">this.rgb </span><span class="jsdoc-syntax">=
+      {
+        </span><span class="jsdoc-string">'r' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(255, </span><span class="jsdoc-var">r</span><span class="jsdoc-syntax">)),
+        </span><span class="jsdoc-string">'g' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(255, </span><span class="jsdoc-var">g</span><span class="jsdoc-syntax">)),
+        </span><span class="jsdoc-string">'b' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(255, </span><span class="jsdoc-var">b</span><span class="jsdoc-syntax">))
+      };
+
+  </span><span class="jsdoc-comment">// initialise the HSV and HSL components to null
+
+
+  /* 
+   * //private returns the HSV or HSL hue component of this RGBColor. The hue is in the
+   * range [0,360). The parameters are:
+   *
+   * maximum - the maximum of the RGB component values
+   * range   - the range of the RGB component values
+   */
+
+
+</span><span class="jsdoc-syntax">}
+</span><span class="jsdoc-comment">// this does an 'exteds'
+</span><span class="jsdoc-var">Roo.extend</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.lib.RGBColor</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">Roo.lib.Color</span><span class="jsdoc-syntax">, {
+
+
+    </span><span class="jsdoc-var">getHue  </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">maximum</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">range</span><span class="jsdoc-syntax">)
+    {
+      </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">;
+
+      </span><span class="jsdoc-comment">// check whether the range is zero
+      </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">range </span><span class="jsdoc-syntax">== 0){
+
+        </span><span class="jsdoc-comment">// set the hue to zero (any hue is acceptable as the Color is grey)
+        </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hue </span><span class="jsdoc-syntax">= 0;
+
+      }</span><span class="jsdoc-keyword">else</span><span class="jsdoc-syntax">{
+
+        </span><span class="jsdoc-comment">// determine which of the components has the highest value and set the hue
+        </span><span class="jsdoc-keyword">switch </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">maximum</span><span class="jsdoc-syntax">){
+
+          </span><span class="jsdoc-comment">// red has the highest value
+          </span><span class="jsdoc-keyword">case </span><span class="jsdoc-var">rgb.r</span><span class="jsdoc-syntax">:
+            </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hue </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">rgb.g </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">rgb.b</span><span class="jsdoc-syntax">) / </span><span class="jsdoc-var">range </span><span class="jsdoc-syntax">* 60;
+            </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hue </span><span class="jsdoc-syntax">&lt; 0) </span><span class="jsdoc-var">hue </span><span class="jsdoc-syntax">+= 360;
+            </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
+
+          </span><span class="jsdoc-comment">// green has the highest value
+          </span><span class="jsdoc-keyword">case </span><span class="jsdoc-var">rgb.g</span><span class="jsdoc-syntax">:
+            </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hue </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">rgb.b </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">rgb.r</span><span class="jsdoc-syntax">) / </span><span class="jsdoc-var">range </span><span class="jsdoc-syntax">* 60 + 120;
+            </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
+
+          </span><span class="jsdoc-comment">// blue has the highest value
+          </span><span class="jsdoc-keyword">case </span><span class="jsdoc-var">rgb.b</span><span class="jsdoc-syntax">:
+            </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hue </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">rgb.r </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">rgb.g</span><span class="jsdoc-syntax">) / </span><span class="jsdoc-var">range </span><span class="jsdoc-syntax">* 60 + 240;
+            </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
+
+        }
+
+      }
+
+      </span><span class="jsdoc-comment">// return the hue
+      </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">hue</span><span class="jsdoc-syntax">;
+
+    },
+
+  </span><span class="jsdoc-comment">/* //private Calculates and stores the HSV components of this RGBColor so that they can
+   * be returned be the getHSV function.
+   */
+   </span><span class="jsdoc-var">calculateHSV </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">;
+    </span><span class="jsdoc-comment">// get the maximum and range of the RGB component values
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">maximum </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">rgb.r</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">rgb.g</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">rgb.b</span><span class="jsdoc-syntax">);
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">range   </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">maximum </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">rgb.r</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">rgb.g</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">rgb.b</span><span class="jsdoc-syntax">);
+
+    </span><span class="jsdoc-comment">// store the HSV components
+    </span><span class="jsdoc-var">this.hsv </span><span class="jsdoc-syntax">=
+        {
+          </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.getHue</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">maximum</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">range</span><span class="jsdoc-syntax">),
+          </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: (</span><span class="jsdoc-var">maximum </span><span class="jsdoc-syntax">== 0 ? 0 : 100 * </span><span class="jsdoc-var">range </span><span class="jsdoc-syntax">/ </span><span class="jsdoc-var">maximum</span><span class="jsdoc-syntax">),
+          </span><span class="jsdoc-string">'v' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">maximum </span><span class="jsdoc-syntax">/ 2.55
+        };
+
+  },
+
+  </span><span class="jsdoc-comment">/* //private Calculates and stores the HSL components of this RGBColor so that they can
+   * be returned be the getHSL function.
+   */
+   </span><span class="jsdoc-var">calculateHSL </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">;
+    </span><span class="jsdoc-comment">// get the maximum and range of the RGB component values
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">maximum </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">rgb.r</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">rgb.g</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">rgb.b</span><span class="jsdoc-syntax">);
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">range   </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">maximum </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">rgb.r</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">rgb.g</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">rgb.b</span><span class="jsdoc-syntax">);
+
+    </span><span class="jsdoc-comment">// determine the lightness in the range [0,1]
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">l </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">maximum </span><span class="jsdoc-syntax">/ 255 - </span><span class="jsdoc-var">range </span><span class="jsdoc-syntax">/ 510;
+
+    </span><span class="jsdoc-comment">// store the HSL components
+    </span><span class="jsdoc-var">this.hsl </span><span class="jsdoc-syntax">=
+        {
+          </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.getHue</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">maximum</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">range</span><span class="jsdoc-syntax">),
+          </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: (</span><span class="jsdoc-var">range </span><span class="jsdoc-syntax">== 0 ? 0 : </span><span class="jsdoc-var">range </span><span class="jsdoc-syntax">/ 2.55 / (</span><span class="jsdoc-var">l </span><span class="jsdoc-syntax">&lt; 0.5 ? </span><span class="jsdoc-var">l </span><span class="jsdoc-syntax">* 2 : 2 - </span><span class="jsdoc-var">l </span><span class="jsdoc-syntax">* 2)),
+          </span><span class="jsdoc-string">'l' </span><span class="jsdoc-syntax">: 100 * </span><span class="jsdoc-var">l
+        </span><span class="jsdoc-syntax">};
+
+  }
+
+});
+
+</span><span class="jsdoc-comment">/**
+ * @class Roo.lib.HSVColor
+ * @extends Roo.lib.Color
+ * Creates a Color specified in the HSV Color space, with an optional alpha
+ * component. The parameters are:
+ * @constructor
+ *
+ * @param {Number} h - the hue component, wrapped to the range [0,360)
+ * @param {Number} s - the saturation component, clipped to the range [0,100]
+ * @param {Number} v - the value component, clipped to the range [0,100]
+ * @param {Number} a - the alpha component, clipped to the range [0,1] - this parameter is
+ *     optional and defaults to 1
+ */
+</span><span class="jsdoc-var">Roo.lib.HSVColor </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">h</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">s</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">v</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">a</span><span class="jsdoc-syntax">){
+
+  </span><span class="jsdoc-comment">// store the alpha component after clipping it if necessary
+  </span><span class="jsdoc-var">this.alpha </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">a </span><span class="jsdoc-syntax">=== </span><span class="jsdoc-var">undefined </span><span class="jsdoc-syntax">? 1 : </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(1, </span><span class="jsdoc-var">a</span><span class="jsdoc-syntax">)));
+
+  </span><span class="jsdoc-comment">// store the HSV components after clipping or wrapping them if necessary
+  </span><span class="jsdoc-var">this.hsv </span><span class="jsdoc-syntax">=
+      {
+        </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: (</span><span class="jsdoc-var">h </span><span class="jsdoc-syntax">% 360 + 360) % 360,
+        </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(100, </span><span class="jsdoc-var">s</span><span class="jsdoc-syntax">)),
+        </span><span class="jsdoc-string">'v' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(100, </span><span class="jsdoc-var">v</span><span class="jsdoc-syntax">))
+      };
+
+  </span><span class="jsdoc-comment">// initialise the RGB and HSL components to null
+  </span><span class="jsdoc-var">this.rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">;
+  </span><span class="jsdoc-var">this.hsl </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">;
+}
+
+</span><span class="jsdoc-var">Roo.extend</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.lib.HSVColor</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">Roo.lib.Color</span><span class="jsdoc-syntax">, {
+  </span><span class="jsdoc-comment">/* Calculates and stores the RGB components of this HSVColor so that they can
+   * be returned be the getRGB function.
+   */
+  </span><span class="jsdoc-var">calculateRGB</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function </span><span class="jsdoc-syntax">()
+  {
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hsv </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.hsv</span><span class="jsdoc-syntax">;
+    </span><span class="jsdoc-comment">// check whether the saturation is zero
+    </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hsv.s </span><span class="jsdoc-syntax">== 0){
+
+      </span><span class="jsdoc-comment">// set the Color to the appropriate shade of grey
+      </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">r </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">;
+      </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">g </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">;
+      </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">b </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">;
+
+    }</span><span class="jsdoc-keyword">else</span><span class="jsdoc-syntax">{
+
+      </span><span class="jsdoc-comment">// set some temporary values
+      </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">f  </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.h </span><span class="jsdoc-syntax">/ 60 - </span><span class="jsdoc-var">Math.floor</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hsv.h </span><span class="jsdoc-syntax">/ 60);
+      </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">p  </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v </span><span class="jsdoc-syntax">* (1 - </span><span class="jsdoc-var">hsv.s </span><span class="jsdoc-syntax">/ 100);
+      </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">q  </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v </span><span class="jsdoc-syntax">* (1 - </span><span class="jsdoc-var">hsv.s </span><span class="jsdoc-syntax">/ 100 * </span><span class="jsdoc-var">f</span><span class="jsdoc-syntax">);
+      </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">t  </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v </span><span class="jsdoc-syntax">* (1 - </span><span class="jsdoc-var">hsv.s </span><span class="jsdoc-syntax">/ 100 * (1 - </span><span class="jsdoc-var">f</span><span class="jsdoc-syntax">));
+
+      </span><span class="jsdoc-comment">// set the RGB Color components to their temporary values
+      </span><span class="jsdoc-keyword">switch </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Math.floor</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hsv.h </span><span class="jsdoc-syntax">/ 60)){
+        </span><span class="jsdoc-keyword">case </span><span class="jsdoc-syntax">0: </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">r </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">g </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">t</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">b </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">p</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
+        </span><span class="jsdoc-keyword">case </span><span class="jsdoc-syntax">1: </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">r </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">q</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">g </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">b </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">p</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
+        </span><span class="jsdoc-keyword">case </span><span class="jsdoc-syntax">2: </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">r </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">p</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">g </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">b </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">t</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
+        </span><span class="jsdoc-keyword">case </span><span class="jsdoc-syntax">3: </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">r </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">p</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">g </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">q</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">b </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
+        </span><span class="jsdoc-keyword">case </span><span class="jsdoc-syntax">4: </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">r </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">t</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">g </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">p</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">b </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
+        </span><span class="jsdoc-keyword">case </span><span class="jsdoc-syntax">5: </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">r </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">g </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">p</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">b </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">q</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
+      }
+
+    }
+
+    </span><span class="jsdoc-comment">// store the RGB components
+    </span><span class="jsdoc-var">this.rgb </span><span class="jsdoc-syntax">=
+        {
+          </span><span class="jsdoc-string">'r' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">r </span><span class="jsdoc-syntax">* 2.55,
+          </span><span class="jsdoc-string">'g' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">g </span><span class="jsdoc-syntax">* 2.55,
+          </span><span class="jsdoc-string">'b' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">b </span><span class="jsdoc-syntax">* 2.55
+        };
+
+  },
+
+  </span><span class="jsdoc-comment">/* Calculates and stores the HSL components of this HSVColor so that they can
+   * be returned be the getHSL function.
+   */
+  </span><span class="jsdoc-var">calculateHSL </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function </span><span class="jsdoc-syntax">(){
+
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hsv </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.hsv</span><span class="jsdoc-syntax">;
+    </span><span class="jsdoc-comment">// determine the lightness in the range [0,100]
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">l </span><span class="jsdoc-syntax">= (2 - </span><span class="jsdoc-var">hsv.s </span><span class="jsdoc-syntax">/ 100) * </span><span class="jsdoc-var">hsv.v </span><span class="jsdoc-syntax">/ 2;
+
+    </span><span class="jsdoc-comment">// store the HSL components
+    </span><span class="jsdoc-var">this.hsl </span><span class="jsdoc-syntax">=
+        {
+          </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsv.h</span><span class="jsdoc-syntax">,
+          </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsv.s </span><span class="jsdoc-syntax">* </span><span class="jsdoc-var">hsv.v </span><span class="jsdoc-syntax">/ (</span><span class="jsdoc-var">l </span><span class="jsdoc-syntax">&lt; 50 ? </span><span class="jsdoc-var">l </span><span class="jsdoc-syntax">* 2 : 200 - </span><span class="jsdoc-var">l </span><span class="jsdoc-syntax">* 2),
+          </span><span class="jsdoc-string">'l' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">l
+        </span><span class="jsdoc-syntax">};
+
+    </span><span class="jsdoc-comment">// correct a division-by-zero error
+    </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">isNaN</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hsl.s</span><span class="jsdoc-syntax">)) </span><span class="jsdoc-var">hsl.s </span><span class="jsdoc-syntax">= 0;
+
+  }
+
+
+});
+
+
+</span><span class="jsdoc-comment">/**
+ * @class Roo.lib.HSLColor
+ * @extends Roo.lib.Color
+ *
+ * @constructor
+ * Creates a Color specified in the HSL Color space, with an optional alpha
+ * component. The parameters are:
+ *
+ * @param {Number} h - the hue component, wrapped to the range [0,360)
+ * @param {Number} s - the saturation component, clipped to the range [0,100]
+ * @param {Number} l - the lightness component, clipped to the range [0,100]
+ * @param {Number} a - the alpha component, clipped to the range [0,1] - this parameter is
+ *     optional and defaults to 1
+ */
+
+</span><span class="jsdoc-var">Roo.lib.HSLColor </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">h</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">s</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">l</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">a</span><span class="jsdoc-syntax">){
+
+  </span><span class="jsdoc-comment">// store the alpha component after clipping it if necessary
+  </span><span class="jsdoc-var">this.alpha </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">a </span><span class="jsdoc-syntax">=== </span><span class="jsdoc-var">undefined </span><span class="jsdoc-syntax">? 1 : </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(1, </span><span class="jsdoc-var">a</span><span class="jsdoc-syntax">)));
+
+  </span><span class="jsdoc-comment">// store the HSL components after clipping or wrapping them if necessary
+  </span><span class="jsdoc-var">this.hsl </span><span class="jsdoc-syntax">=
+      {
+        </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: (</span><span class="jsdoc-var">h </span><span class="jsdoc-syntax">% 360 + 360) % 360,
+        </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(100, </span><span class="jsdoc-var">s</span><span class="jsdoc-syntax">)),
+        </span><span class="jsdoc-string">'l' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(100, </span><span class="jsdoc-var">l</span><span class="jsdoc-syntax">))
+      };
+
+  </span><span class="jsdoc-comment">// initialise the RGB and HSV components to null
+</span><span class="jsdoc-syntax">}
+
+</span><span class="jsdoc-var">Roo.extend</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.lib.HSL</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">Roo.lib.Color</span><span class="jsdoc-syntax">, {
+
+  </span><span class="jsdoc-comment">/* Calculates and stores the RGB components of this HSLColor so that they can
+   * be returned be the getRGB function.
+   */
+  </span><span class="jsdoc-var">calculateRGB</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function </span><span class="jsdoc-syntax">(){
+
+    </span><span class="jsdoc-comment">// check whether the saturation is zero
+    </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.hsl.s </span><span class="jsdoc-syntax">== 0){
+
+      </span><span class="jsdoc-comment">// store the RGB components representing the appropriate shade of grey
+      </span><span class="jsdoc-var">this.rgb </span><span class="jsdoc-syntax">=
+          {
+            </span><span class="jsdoc-string">'r' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.hsl.l </span><span class="jsdoc-syntax">* 2.55,
+            </span><span class="jsdoc-string">'g' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.hsl.l </span><span class="jsdoc-syntax">* 2.55,
+            </span><span class="jsdoc-string">'b' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.hsl.l </span><span class="jsdoc-syntax">* 2.55
+          };
+
+    }</span><span class="jsdoc-keyword">else</span><span class="jsdoc-syntax">{
+
+      </span><span class="jsdoc-comment">// set some temporary values
+      </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">p </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.hsl.l </span><span class="jsdoc-syntax">&lt; 50
+            ? </span><span class="jsdoc-var">this.hsl.l </span><span class="jsdoc-syntax">* (1 + </span><span class="jsdoc-var">hsl.s </span><span class="jsdoc-syntax">/ 100)
+            : </span><span class="jsdoc-var">this.hsl.l </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">hsl.s </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">hsl.l </span><span class="jsdoc-syntax">* </span><span class="jsdoc-var">hsl.s </span><span class="jsdoc-syntax">/ 100;
+      </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">q </span><span class="jsdoc-syntax">= 2 * </span><span class="jsdoc-var">hsl.l </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">p</span><span class="jsdoc-syntax">;
+
+      </span><span class="jsdoc-comment">// initialise the RGB components
+      </span><span class="jsdoc-var">this.rgb </span><span class="jsdoc-syntax">=
+          {
+            </span><span class="jsdoc-string">'r' </span><span class="jsdoc-syntax">: (</span><span class="jsdoc-var">h </span><span class="jsdoc-syntax">+ 120) / 60 % 6,
+            </span><span class="jsdoc-string">'g' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">h </span><span class="jsdoc-syntax">/ 60,
+            </span><span class="jsdoc-string">'b' </span><span class="jsdoc-syntax">: (</span><span class="jsdoc-var">h </span><span class="jsdoc-syntax">+ 240) / 60 % 6
+          };
+
+      </span><span class="jsdoc-comment">// loop over the RGB components
+      </span><span class="jsdoc-keyword">for </span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">key </span><span class="jsdoc-keyword">in </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">){
+
+        </span><span class="jsdoc-comment">// ensure that the property is not inherited from the root object
+        </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.rgb.hasOwnProperty</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">)){
+
+          </span><span class="jsdoc-comment">// set the component to its value in the range [0,100]
+          </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] &lt; 1){
+            </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] = </span><span class="jsdoc-var">q </span><span class="jsdoc-syntax">+ (</span><span class="jsdoc-var">p </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">q</span><span class="jsdoc-syntax">) * </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">];
+          }</span><span class="jsdoc-keyword">else if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] &lt; 3){
+            </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] = </span><span class="jsdoc-var">p</span><span class="jsdoc-syntax">;
+          }</span><span class="jsdoc-keyword">else if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] &lt; 4){
+            </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] = </span><span class="jsdoc-var">q </span><span class="jsdoc-syntax">+ (</span><span class="jsdoc-var">p </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">q</span><span class="jsdoc-syntax">) * (4 - </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">]);
+          }</span><span class="jsdoc-keyword">else</span><span class="jsdoc-syntax">{
+            </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] = </span><span class="jsdoc-var">q</span><span class="jsdoc-syntax">;
+          }
+
+          </span><span class="jsdoc-comment">// set the component to its value in the range [0,255]
+          </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] *= 2.55;
+
+        }
+
+      }
+
+    }
+
+  },
+
+  </span><span class="jsdoc-comment">/* Calculates and stores the HSV components of this HSLColor so that they can
+   * be returned be the getHSL function.
+   */
+   </span><span class="jsdoc-var">calculateHSV </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+
+    </span><span class="jsdoc-comment">// set a temporary value
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">t </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.hsl.s </span><span class="jsdoc-syntax">* (</span><span class="jsdoc-var">this.hsl.l </span><span class="jsdoc-syntax">&lt; 50 ? </span><span class="jsdoc-var">this.hsl.l </span><span class="jsdoc-syntax">: 100 - </span><span class="jsdoc-var">this.hsl.l</span><span class="jsdoc-syntax">) / 100;
+
+    </span><span class="jsdoc-comment">// store the HSV components
+    </span><span class="jsdoc-var">this.hsv </span><span class="jsdoc-syntax">=
+        {
+          </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.hsl.h</span><span class="jsdoc-syntax">,
+          </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: 200 * </span><span class="jsdoc-var">t </span><span class="jsdoc-syntax">/ (</span><span class="jsdoc-var">this.hsl.l </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">t</span><span class="jsdoc-syntax">),
+          </span><span class="jsdoc-string">'v' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">t </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">this.hsl.l
+        </span><span class="jsdoc-syntax">};
+
+    </span><span class="jsdoc-comment">// correct a division-by-zero error
+    </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">isNaN</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.hsv.s</span><span class="jsdoc-syntax">)) </span><span class="jsdoc-var">this.hsv.s </span><span class="jsdoc-syntax">= 0;
+
+  }
+
+
+});
+</span></code></body></html>
\ No newline at end of file
index 0dc4263..eafdb43 100644 (file)
     </span><span class="jsdoc-var">getViewHeight </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">full</span><span class="jsdoc-syntax">) {
         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">full </span><span class="jsdoc-syntax">? </span><span class="jsdoc-var">this.getDocumentHeight</span><span class="jsdoc-syntax">() : </span><span class="jsdoc-var">this.getViewportHeight</span><span class="jsdoc-syntax">();
     },
-
+    </span><span class="jsdoc-comment">/**
+     * Get the Full Document height 
+     * @return {Number} The height
+     */
     </span><span class="jsdoc-var">getDocumentHeight</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {
         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">scrollHeight </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">document.compatMode </span><span class="jsdoc-syntax">!= </span><span class="jsdoc-string">&quot;CSS1Compat&quot;</span><span class="jsdoc-syntax">) ? </span><span class="jsdoc-var">document.body.scrollHeight </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">document.documentElement.scrollHeight</span><span class="jsdoc-syntax">;
         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">scrollHeight</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.getViewportHeight</span><span class="jsdoc-syntax">());
     },
-
+    </span><span class="jsdoc-comment">/**
+     * Get the Full Document width
+     * @return {Number} The width
+     */
     </span><span class="jsdoc-var">getDocumentWidth</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {
         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">scrollWidth </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">document.compatMode </span><span class="jsdoc-syntax">!= </span><span class="jsdoc-string">&quot;CSS1Compat&quot;</span><span class="jsdoc-syntax">) ? </span><span class="jsdoc-var">document.body.scrollWidth </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">document.documentElement.scrollWidth</span><span class="jsdoc-syntax">;
         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">scrollWidth</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.getViewportWidth</span><span class="jsdoc-syntax">());
     },
-
+    </span><span class="jsdoc-comment">/**
+     * Get the Window Viewport height
+     * @return {Number} The height
+     */
     </span><span class="jsdoc-var">getViewportHeight</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {
         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">height </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">self.innerHeight</span><span class="jsdoc-syntax">;
         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">mode </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">document.compatMode</span><span class="jsdoc-syntax">;
 
         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">height</span><span class="jsdoc-syntax">;
     },
-
+    </span><span class="jsdoc-comment">/**
+     * Get the Window Viewport width
+     * @return {Number} The width
+     */
     </span><span class="jsdoc-var">getViewportWidth</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {
         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">width </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">self.innerWidth</span><span class="jsdoc-syntax">;
         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">mode </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">document.compatMode</span><span class="jsdoc-syntax">;
index a3bc336..6c06e2d 100644 (file)
@@ -12,7 +12,7 @@
 /**
  * @class Roo.menu.MenuMgr
  * Provides a common registry of all menu items on a page so that they can be easily accessed by id.
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.menu.MenuMgr </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">menus</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">active</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">groups </span><span class="jsdoc-syntax">= {}, </span><span class="jsdoc-var">attached </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">lastShow </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Date</span><span class="jsdoc-syntax">();
index 4c2d1a7..aa51429 100644 (file)
@@ -25,7 +25,7 @@ init : function(){
    var dialog = new Roo.BasicDialog(...);
    dialog.restoreState();
  &lt;/code&gt;&lt;/pre&gt;
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.state.Manager </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">provider </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Roo.state.Provider</span><span class="jsdoc-syntax">();
index e5639a7..05f125d 100644 (file)
@@ -13,7 +13,8 @@
 /**
  * @class Roo.util.CSS
  * Utility class for manipulating CSS rules
- * @singleton
+ * @static
+
  */
 </span><span class="jsdoc-var">Roo.util.CSS </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
        </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rules </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">;
index d5df702..b702ff1 100644 (file)
@@ -12,7 +12,7 @@
 /**
  * @class Roo.util.Format
  * Reusable data formatting functions
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.util.Format </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">trimRe </span><span class="jsdoc-syntax">= /^\s+|\s+$/g;
index b4c8a76..c2cae33 100644 (file)
@@ -13,7 +13,7 @@
  * Modified version of Douglas Crockford&quot;s json.js that doesn&quot;t
  * mess with the Object prototype 
  * http://www.json.org/js.html
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.util.JSON </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">useHasOwn </span><span class="jsdoc-syntax">= {}</span><span class="jsdoc-var">.hasOwnProperty </span><span class="jsdoc-syntax">? </span><span class="jsdoc-keyword">true </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">;
index 2f8751f..b0ad6ee 100644 (file)
@@ -8,7 +8,12 @@
  * Fork - LGPL
  * &lt;script type=&quot;text/javascript&quot;&gt;
  */
-
+/**
+ * @class Roo.util.TaskRunner
+ * Manage background tasks - not sure why this is better that setInterval?
+ * @static
+ *
+ */
 
 </span><span class="jsdoc-var">Roo.util.TaskRunner </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">interval</span><span class="jsdoc-syntax">){
     </span><span class="jsdoc-var">interval </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">interval </span><span class="jsdoc-syntax">|| 10;
     </span><span class="jsdoc-comment">/**
      * Queues a new task.
      * @param {Object} task
+     *
+     * Task property : interval = how frequent to run.
+     * Task object should implement
+     * function run()
+     * Task object may implement
+     * function onStop()
      */
     </span><span class="jsdoc-var">this.start </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">task</span><span class="jsdoc-syntax">){
         </span><span class="jsdoc-var">tasks.push</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">task</span><span class="jsdoc-syntax">);
         </span><span class="jsdoc-var">startThread</span><span class="jsdoc-syntax">();
         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">task</span><span class="jsdoc-syntax">;
     };
-
+    </span><span class="jsdoc-comment">/**
+     * Stop  new task.
+     * @param {Object} task
+     */
     </span><span class="jsdoc-var">this.stop </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">task</span><span class="jsdoc-syntax">){
         </span><span class="jsdoc-var">removeTask</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">task</span><span class="jsdoc-syntax">);
         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">task</span><span class="jsdoc-syntax">;
     };
-
+    </span><span class="jsdoc-comment">/**
+     * Stop all Tasks
+     */
     </span><span class="jsdoc-var">this.stopAll </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
         </span><span class="jsdoc-var">stopThread</span><span class="jsdoc-syntax">();
         </span><span class="jsdoc-keyword">for</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">i </span><span class="jsdoc-syntax">= 0, </span><span class="jsdoc-var">len </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">tasks.length</span><span class="jsdoc-syntax">; </span><span class="jsdoc-var">i </span><span class="jsdoc-syntax">&lt; </span><span class="jsdoc-var">len</span><span class="jsdoc-syntax">; </span><span class="jsdoc-var">i</span><span class="jsdoc-syntax">++){
index 2120d21..fa4e12f 100644 (file)
@@ -14,7 +14,7 @@
  * @class Roo.util.TextMetrics
  * Provides precise pixel measurements for blocks of text so that you can determine exactly how high and
  * wide, in pixels, a given block of text will be.
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.util.TextMetrics </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">shared</span><span class="jsdoc-syntax">;
     };
 }();
 
+</span><span class="jsdoc-comment">/**
+ * @class Roo.util.TextMetrics.Instance
+ * Instance of  TextMetrics Calcuation
+ * @constructor
+ * Create a new TextMetrics Instance
+ * @param {Object} bindto
+ * @param {Boolean} fixedWidth
+ */
 
-
-</span><span class="jsdoc-var">Roo.util.TextMetrics.Instance </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">bindTo</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">fixedWidth</span><span class="jsdoc-syntax">){
+</span><span class="jsdoc-var">Roo.util.TextMetrics.Instance </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">bindTo</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">fixedWidth</span><span class="jsdoc-syntax">)
+{
     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">ml </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Roo.Element</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">document.createElement</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'div'</span><span class="jsdoc-syntax">));
     </span><span class="jsdoc-var">document.body.appendChild</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">ml.dom</span><span class="jsdoc-syntax">);
     </span><span class="jsdoc-var">ml.position</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'absolute'</span><span class="jsdoc-syntax">);
@@ -67,7 +75,6 @@
     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">instance </span><span class="jsdoc-syntax">= {
         </span><span class="jsdoc-comment">/**
          * Returns the size of the specified text based on the internal element's style and width properties
-         * @memberOf Roo.util.TextMetrics.Instance#
          * @param {String} text The text to measure
          * @return {Object} An object containing the text's size {width: (width), height: (height)}
          */
@@ -81,7 +88,6 @@
         </span><span class="jsdoc-comment">/**
          * Binds this TextMetrics instance to an element from which to copy existing CSS styles
          * that can affect the size of the rendered text
-         * @memberOf Roo.util.TextMetrics.Instance#
          * @param {String/HTMLElement} el The element, dom node or id
          */
         </span><span class="jsdoc-var">bind </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">el</span><span class="jsdoc-syntax">){
@@ -93,7 +99,6 @@
         </span><span class="jsdoc-comment">/**
          * Sets a fixed width on the internal measurement element.  If the text will be multiline, you have
          * to set a fixed width in order to accurately measure the text height.
-         * @memberOf Roo.util.TextMetrics.Instance#
          * @param {Number} width The width to set on the element
          */
         </span><span class="jsdoc-var">setFixedWidth </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">width</span><span class="jsdoc-syntax">){
 
         </span><span class="jsdoc-comment">/**
          * Returns the measured width of the specified text
-         * @memberOf Roo.util.TextMetrics.Instance#
          * @param {String} text The text to measure
          * @return {Number} width The width in pixels
          */
         </span><span class="jsdoc-comment">/**
          * Returns the measured height of the specified text.  For multiline text, be sure to call
          * {@link #setFixedWidth} if necessary.
-         * @memberOf Roo.util.TextMetrics.Instance#
          * @param {String} text The text to measure
          * @return {Number} height The height in pixels
          */
index 33d58c8..d89dab3 100644 (file)
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Lightweight Dialog Class.  The code below shows the creation of a typical dialog using existing HTML markup:\n<pre><code>\nvar dlg = new Roo.BasicDialog(\"my-dlg\", {\n    height: 200,\n    width: 300,\n    minHeight: 100,\n    minWidth: 150,\n    modal: true,\n    proxyDrag: true,\n    shadow: true\n});\ndlg.addKeyListener(27, dlg.hide, dlg); // ESC can also close the dialog\ndlg.addButton('OK', dlg.hide, dlg);    // Could call a save function instead of hiding\ndlg.addButton('Cancel', dlg.hide, dlg);\ndlg.show();\n</code></pre>\n  <b>A Dialog should always be a direct child of the body element.</b>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 812aafe..ec54534 100644 (file)
@@ -16,7 +16,7 @@
   "tree_parent" : [],
   "desc" : "This class represents a lightweight region in a layout manager. This region does not move dom nodes\nand does not have a titlebar, tabs or any other features. All it does is size and position \npanels. To create a BasicLayoutRegion, add lightweight:true or basic:true to your regions config.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 0986674..ec9c454 100644 (file)
@@ -18,7 +18,7 @@
   "tree_parent" : [],
   "desc" : "This class represents a common layout manager used in desktop applications. For screenshots and more details,\nplease see: <br><br>\n<a href=\"http://www.jackslocum.com/yui/2006/10/19/cross-browser-web-20-layouts-with-yahoo-ui/\">Cross Browser Layouts - Part 1</a><br>\n<a href=\"http://www.jackslocum.com/yui/2006/10/28/cross-browser-web-20-layouts-part-2-ajax-feed-viewer-20/\">Cross Browser Layouts - Part 2</a><br><br>\nExample:\n <pre><code>\n var layout = new Roo.BorderLayout(document.body, {\n    north: {\n        initialSize: 25,\n        titlebar: false\n    },\n    west: {\n        split:true,\n        initialSize: 200,\n        minSize: 175,\n        maxSize: 400,\n        titlebar: true,\n        collapsible: true\n    },\n    east: {\n        split:true,\n        initialSize: 202,\n        minSize: 175,\n        maxSize: 400,\n        titlebar: true,\n        collapsible: true\n    },\n    south: {\n        split:true,\n        initialSize: 100,\n        minSize: 100,\n        maxSize: 200,\n        titlebar: true,\n        collapsible: true\n    },\n    center: {\n        titlebar: true,\n        autoScroll:true,\n        resizeTabs: true,\n        minTabWidth: 50,\n        preferredTabWidth: 150\n    }\n});\n\n// shorthand\nvar CP = Roo.ContentPanel;\n\nlayout.beginUpdate();\nlayout.add(\"north\", new CP(\"north\", \"North\"));\nlayout.add(\"south\", new CP(\"south\", {title: \"South\", closable: true}));\nlayout.add(\"west\", new CP(\"west\", {title: \"West\"}));\nlayout.add(\"east\", new CP(\"autoTabs\", {title: \"Auto Tabs\", closable: true}));\nlayout.add(\"center\", new CP(\"center1\", {title: \"Close Me\", closable: true}));\nlayout.add(\"center\", new CP(\"center2\", {title: \"Center Panel\", closable: false}));\nlayout.getRegion(\"center\").showPanel(\"center1\");\nlayout.endUpdate();\n</code></pre>\n\n<b>The container the layout is rendered into can be either the body element or any other element.\nIf it is not the body element, the container needs to either be an absolute positioned element,\nor you will need to add \"position:relative\" to the css of the container.  You will also need to specify\nthe container size if it is not the body element.</b>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index d36ef19..6f1a155 100644 (file)
@@ -47,7 +47,7 @@
   "tree_parent" : [],
   "desc" : "Base class for any visual {@link Roo.Component} that uses a box container.  BoxComponent provides automatic box\nmodel adjustments for sizing and positioning and will work correctly withnin the Component rendering model.  All\ncontainer classes should subclass BoxComponent so that they will work consistently when nested within other Roo\nlayout containers.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index aff5c8a..9f5043c 100644 (file)
@@ -16,7 +16,7 @@
   "tree_parent" : [],
   "desc" : "Simple Button class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 3528fe8..43db119 100644 (file)
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Calendar class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 9d1a166..ed60ca4 100644 (file)
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "Simple color palette class for choosing colors.  The palette can be rendered to any container.<br />\nHere's an example of typical usage:\n<pre><code>\nvar cp = new Roo.ColorPalette({value:'993300'});  // initial selected color\ncp.render('my-div');\n\ncp.on('select', function(palette, selColor){\n    // do something with selColor\n});\n</code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index b392515..07ef9e4 100644 (file)
   "tree_parent" : [],
   "desc" : "Base class for all major Roo components.  All subclasses of Component can automatically participate in the standard\nRoo component lifecycle of creation, rendering and destruction.  They also have automatic support for basic hide/show\nand enable/disable behavior.  Component allows any subclass to be lazy-rendered into any {@link Roo.Container} and\nto be automatically registered with the {@link Roo.ComponentMgr} so that it can be referenced at any time via {@link Roo.getCmp}.\nAll visual components (widgets) that require rendering into a layout should subclass Component.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 297aef0..e30384d 100644 (file)
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Provides a common registry of all components on a page so that they can be easily accessed by component id (see {@link Roo.getCmp}).",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : false,
index 1bffe53..6d1f4ce 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Standard composite class. Creates a Roo.Element for every element in the collection.\n<br><br>\n<b>NOTE: Although they are not listed, this class supports all of the set/update methods of Roo.Element. All Roo.Element\nactions will be performed on all the elements in this collection.</b>\n<br><br>\nAll methods return <i>this</i> and can be chained.\n <pre><code>\n var els = Roo.select(\"#some-el div.some-class\", true);\n // or select directly from an existing element\n var el = Roo.get('some-el');\n el.select('div.some-class', true);\n\n els.setWidth(100); // all elements become 100 width\n els.hide(true); // all elements fade out and hide\n // or\n els.setWidth(100).hide(true);\n </code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 2029a48..c63ca6d 100644 (file)
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "Flyweight composite class. Reuses the same Roo.Element for element operations.\n <pre><code>\n var els = Roo.select(\"#some-el div.some-class\");\n // or select directly from an existing element\n var el = Roo.get('some-el');\n el.select('div.some-class');\n\n els.setWidth(100); // all elements become 100 width\n els.hide(true); // all elements fade out and hide\n // or\n els.setWidth(100).hide(true);\n </code></pre><br><br>\n<b>NOTE: Although they are not listed, this class supports all of the set/update methods of Roo.Element. All Roo.Element\nactions will be performed on all the elements in this collection.</b>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index bfb179f..f495b3c 100644 (file)
@@ -19,7 +19,7 @@
   "tree_parent" : [],
   "desc" : "A basic ContentPanel element.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : true,
index e27405c..b12ac64 100644 (file)
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "A DnD enabled version of Roo.View.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 37eccb8..d98a074 100644 (file)
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "Simple date picker class.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index fbdcca3..7159795 100644 (file)
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "Provides global access to BasicDialogs that have been created and\nsupport for z-indexing (layering) multiple open dialogs.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 0e86961..0f49549 100644 (file)
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "This is a convience class to wrap up the main document loading code.. , rather than adding Roo.onReady(......)",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index aa1902b..d04e85d 100644 (file)
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Utility class for working with DOM and/or Templates. It transparently supports using HTML fragments or DOM.\nFor more information see <a href=\"http://web.archive.org/web/20071221063734/http://www.jackslocum.com/blog/2006/10/06/domhelper-create-elements-using-dom-html-fragments-or-templates/\">this blog post with examples</a>.",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : false,
index 696348c..c2ffb5f 100644 (file)
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Provides high performance selector/xpath processing by compiling queries into reusable functions. New pseudo classes and matchers can be plugged. It works on HTML and XML documents (if a content node is passed in).\n<p>\nDomQuery supports most of the <a href=\"http://www.w3.org/TR/2005/WD-css3-selectors-20051215/\">CSS3 selectors spec</a>, along with some custom selectors and basic XPath.</p>\n\n<p>\nAll selectors, attribute filters and pseudos below can be combined infinitely in any order. For example \"div.foo:nth-child(odd)[@foo=bar].bar:first\" would be a perfectly valid selector. Node filters are processed in the order in which they appear, which allows you to optimize your queries for your document structure.\n</p>\n<h4>Element Selectors:</h4>\n<ul class=\"list\">\n    <li> <b>*</b> any element</li>\n    <li> <b>E</b> an element with the tag E</li>\n    <li> <b>E F</b> All descendent elements of E that have the tag F</li>\n    <li> <b>E > F</b> or <b>E/F</b> all direct children elements of E that have the tag F</li>\n    <li> <b>E + F</b> all elements with the tag F that are immediately preceded by an element with the tag E</li>\n    <li> <b>E ~ F</b> all elements with the tag F that are preceded by a sibling element with the tag E</li>\n</ul>\n<h4>Attribute Selectors:</h4>\n<p>The use of @ and quotes are optional. For example, div[@foo='bar'] is also a valid attribute selector.</p>\n<ul class=\"list\">\n    <li> <b>E[foo]</b> has an attribute \"foo\"</li>\n    <li> <b>E[foo=bar]</b> has an attribute \"foo\" that equals \"bar\"</li>\n    <li> <b>E[foo^=bar]</b> has an attribute \"foo\" that starts with \"bar\"</li>\n    <li> <b>E[foo$=bar]</b> has an attribute \"foo\" that ends with \"bar\"</li>\n    <li> <b>E[foo*=bar]</b> has an attribute \"foo\" that contains the substring \"bar\"</li>\n    <li> <b>E[foo%=2]</b> has an attribute \"foo\" that is evenly divisible by 2</li>\n    <li> <b>E[foo!=bar]</b> has an attribute \"foo\" that does not equal \"bar\"</li>\n</ul>\n<h4>Pseudo Classes:</h4>\n<ul class=\"list\">\n    <li> <b>E:first-child</b> E is the first child of its parent</li>\n    <li> <b>E:last-child</b> E is the last child of its parent</li>\n    <li> <b>E:nth-child(<i>n</i>)</b> E is the <i>n</i>th child of its parent (1 based as per the spec)</li>\n    <li> <b>E:nth-child(odd)</b> E is an odd child of its parent</li>\n    <li> <b>E:nth-child(even)</b> E is an even child of its parent</li>\n    <li> <b>E:only-child</b> E is the only child of its parent</li>\n    <li> <b>E:checked</b> E is an element that is has a checked attribute that is true (e.g. a radio or checkbox) </li>\n    <li> <b>E:first</b> the first E in the resultset</li>\n    <li> <b>E:last</b> the last E in the resultset</li>\n    <li> <b>E:nth(<i>n</i>)</b> the <i>n</i>th E in the resultset (1 based)</li>\n    <li> <b>E:odd</b> shortcut for :nth-child(odd)</li>\n    <li> <b>E:even</b> shortcut for :nth-child(even)</li>\n    <li> <b>E:contains(foo)</b> E's innerHTML contains the substring \"foo\"</li>\n    <li> <b>E:nodeValue(foo)</b> E contains a textNode with a nodeValue that equals \"foo\"</li>\n    <li> <b>E:not(S)</b> an E element that does not match simple selector S</li>\n    <li> <b>E:has(S)</b> an E element that has a descendent that matches simple selector S</li>\n    <li> <b>E:next(S)</b> an E element whose next sibling matches simple selector S</li>\n    <li> <b>E:prev(S)</b> an E element whose previous sibling matches simple selector S</li>\n</ul>\n<h4>CSS Value Selectors:</h4>\n<ul class=\"list\">\n    <li> <b>E{display=none}</b> css value \"display\" that equals \"none\"</li>\n    <li> <b>E{display^=none}</b> css value \"display\" that starts with \"none\"</li>\n    <li> <b>E{display$=none}</b> css value \"display\" that ends with \"none\"</li>\n    <li> <b>E{display*=none}</b> css value \"display\" that contains the substring \"none\"</li>\n    <li> <b>E{display%=2}</b> css value \"display\" that is evenly divisible by 2</li>\n    <li> <b>E{display!=none}</b> css value \"display\" that does not equal \"none\"</li>\n</ul>",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : false,
index 586d220..dd8e120 100644 (file)
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "An effort at a dom based template engine..\n\nSimilar to XTemplate, except it uses dom parsing to create the template..\n\nSupported features:\n\n Tags:\n\n<pre><code>\n      {a_variable} - output encoded.\n      {a_variable.format:(\"Y-m-d\")} - call a method on the variable\n      {a_variable:raw} - unencoded output\n      {a_variable:toFixed(1,2)} - Roo.util.Format.\"toFixed\"\n      {a_variable:this.method_on_template(...)} - call a method on the template object.\n \n</code></pre>\n The tpl tag:\n<pre><code>\n        &lt;div roo-for=\"a_variable or condition..\"&gt;&lt;/div&gt;\n        &lt;div roo-if=\"a_variable or condition\"&gt;&lt;/div&gt;\n        &lt;div roo-exec=\"some javascript\"&gt;&lt;/div&gt;\n        &lt;div roo-name=\"named_template\"&gt;&lt;/div&gt; \n  \n</code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index b611649..e7ae1f2 100644 (file)
@@ -14,7 +14,7 @@
   "tree_parent" : [],
   "desc" : "A base editor field that handles displaying/hiding on demand and has some built-in sizing and event handling logic.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 037bf30..c16909d 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Represents an Element in the DOM.<br><br>\nUsage:<br>\n<pre><code>\nvar el = Roo.get(\"my-div\");\n\n// or with getEl\nvar el = getEl(\"my-div\");\n\n// or with a DOM element\nvar el = Roo.get(myDivElement);\n</code></pre>\nUsing Roo.get() or getEl() instead of calling the constructor directly ensures you get the same object\neach call instead of constructing a new one.<br><br>\n<b>Animations</b><br />\nMany of the functions for manipulating an element have an optional \"animate\" parameter. The animate parameter\nshould either be a boolean (true) or an object literal with animation options. The animation options are:\n<pre>\nOption    Default   Description\n--------- --------  ---------------------------------------------\nduration  .35       The duration of the animation in seconds\neasing    easeOut   The YUI easing method\ncallback  none      A function to execute when the anim completes\nscope     this      The scope (this) of the callback function\n</pre>\nAlso, the Anim object being used for the animation will be set on your options object as \"anim\", which allows you to stop or\nmanipulate the animation. Here's an example:\n<pre><code>\nvar el = Roo.get(\"my-div\");\n\n// no animation\nel.setWidth(100);\n\n// default animation\nel.setWidth(100, true);\n\n// animation with some options set\nel.setWidth(100, {\n    duration: 1,\n    callback: this.foo,\n    scope: this\n});\n\n// using the \"anim\" property to get the Anim object\nvar opt = {\n    duration: 1,\n    callback: this.foo,\n    scope: this\n};\nel.setWidth(100, opt);\n...\nif(opt.anim.isAnimated()){\n    opt.anim.stop();\n}\n</code></pre>\n<b> Composite (Collections of) Elements</b><br />\nFor working with collections of Elements, see <a href=\"Roo.CompositeElement.html\">Roo.CompositeElement</a>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 8c4fa4a..c1910fe 100644 (file)
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Registers event handlers that want to receive a normalized EventObject instead of the standard browser event and provides \nseveral useful events directly.\nSee {@link Roo.EventObject} for more details on normalized event objects.",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : false,
index cf99209..248cc68 100644 (file)
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "EventObject exposes the Yahoo! UI Event functionality directly on the object\npassed to your event handler. It exists mostly for convenience. It also fixes the annoying null checks automatically to cleanup your code \nExample:\n<pre><code>\n function handleClick(e){ // e is not a standard event object, it is a Roo.EventObject\n    e.preventDefault();\n    var target = e.getTarget();\n    ...\n }\n var myDiv = Roo.get(\"myDiv\");\n myDiv.on(\"click\", handleClick);\n //or\n Roo.EventManager.on(\"myDiv\", 'click', handleClick);\n Roo.EventManager.addListener(\"myDiv\", 'click', handleClick);\n </code></pre>",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : false,
index ff55aa8..b795f5a 100644 (file)
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "<p>A class to provide basic animation and visual effects support.  <b>Note:</b> This class is automatically applied\nto the {@link Roo.Element} interface when included, so all effects calls should be performed via Element.\nConversely, since the effects are not actually defined in Element, Roo.Fx <b>must</b> be included in order for the \nElement effects to work.</p><br/>\n\n<p>It is important to note that although the Fx methods and many non-Fx Element methods support \"method chaining\" in that\nthey return the Element object itself as the method return value, it is not always possible to mix the two in a single\nmethod chain.  The Fx methods use an internal effects queue so that each effect can be properly timed and sequenced.\nNon-Fx methods, on the other hand, have no such internal queueing and will always execute immediately.  For this reason,\nwhile it may be possible to mix certain Fx and non-Fx method calls in a single chain, it may not always provide the\nexpected results and should be done with care.</p><br/>\n\n<p>Motion effects support 8-way anchoring, meaning that you can choose one of 8 different anchor points on the Element\nthat will serve as either the start or end point of the animation.  Following are all of the supported anchor positions:</p>\n<pre>\nValue  Description\n-----  -----------------------------\ntl     The top left corner\nt      The center of the top edge\ntr     The top right corner\nl      The center of the left edge\nr      The center of the right edge\nbl     The bottom left corner\nb      The center of the bottom edge\nbr     The bottom right corner\n</pre>\n<b>Although some Fx methods accept specific custom config parameters, the ones shown in the Config Options section\nbelow are common options that can be passed to any Fx method.</b>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index f22079a..49ad872 100644 (file)
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "Create a new GridPanel.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 0f1dbe9..01d5628 100644 (file)
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "Provides a the editing component for the HTML editors in Roo. (bootstrap and Roo.form)\n\nany element that has display set to 'none' can cause problems in Safari and Firefox.<br/><br/>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 8c829b6..80c6687 100644 (file)
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "Shortcut class to create a JSON + {@link Roo.UpdateManager} template view. Usage:\n<pre><code>\nvar view = new Roo.JsonView({\n    container: \"my-element\",\n    tpl: '&lt;div id=\"{id}\"&gt;{foo} - {bar}&lt;/div&gt;', // auto create template\n    multiSelect: true, \n    jsonRoot: \"data\" \n});\n\n// listen for node click?\nview.on(\"click\", function(vw, index, node, e){\n    alert('Node \"' + node.id + '\" at index: ' + index + \" was clicked.\");\n});\n\n// direct load of JSON data\nview.load(\"foobar.php\");\n\n// Example from my blog list\nvar tpl = new Roo.Template(\n    '&lt;div class=\"entry\"&gt;' +\n    '&lt;a class=\"entry-title\" href=\"{link}\"&gt;{title}&lt;/a&gt;' +\n    \"&lt;h4&gt;{date} by {author} | {comments} Comments&lt;/h4&gt;{description}\" +\n    \"&lt;/div&gt;&lt;hr /&gt;\"\n);\n\nvar moreView = new Roo.JsonView({\n    container :  \"entry-list\", \n    template : tpl,\n    jsonRoot: \"posts\"\n});\nmoreView.on(\"beforerender\", this.sortEntries, this);\nmoreView.load({\n    url: \"/blog/get-posts.php\",\n    params: \"allposts=true\",\n    text: \"Loading Blog Entries...\"\n});\n</code></pre>\n\nNote: old code is supported with arguments : (container, template, config)",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 9c77b65..429accc 100644 (file)
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "Handles mapping keys to actions for an element. One key map can be used for multiple actions.\nThe constructor accepts the same config object as defined by {@link #addBinding}.\nIf you bind a callback function to a KeyMap, anytime the KeyMap handles an expected key\ncombination it will call the function with this signature (if the match is a multi-key\ncombination the callback will still be called only once): (String key, Roo.EventObject e)\nA KeyMap can also handle a string representation of keys.<br />\nUsage:\n <pre><code>\n// map one key by key code\nvar map = new Roo.KeyMap(\"my-element\", {\n    key: 13, // or Roo.EventObject.ENTER\n    fn: myHandler,\n    scope: myObject\n});\n\n// map multiple keys to one action by string\nvar map = new Roo.KeyMap(\"my-element\", {\n    key: \"a\\r\\n\\t\",\n    fn: myHandler,\n    scope: myObject\n});\n\n// map multiple keys to multiple actions by strings and array of codes\nvar map = new Roo.KeyMap(\"my-element\", [\n    {\n        key: [10,13],\n        fn: function(){ alert(\"Return was pressed\"); }\n    }, {\n        key: \"abc\",\n        fn: function(){ alert('a, b or c was pressed'); }\n    }, {\n        key: \"\\t\",\n        ctrl:true,\n        shift:true,\n        fn: function(){ alert('Control + shift + tab was pressed.'); }\n    }\n]);\n</code></pre>\n<b>Note: A KeyMap starts enabled</b>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index d1f3a53..bb96ea3 100644 (file)
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "<p>Provides a convenient wrapper for normalized keyboard navigation.  KeyNav allows you to bind\nnavigation keys to function calls that will get called when the keys are pressed, providing an easy\nway to implement custom navigation schemes for any UI component.</p>\n<p>The following are all of the possible keys that can be implemented: enter, left, right, up, down, tab, esc,\npageUp, pageDown, del, home, end.  Usage:</p>\n <pre><code>\nvar nav = new Roo.KeyNav(\"my-element\", {\n    \"left\" : function(e){\n        this.moveLeft(e.ctrlKey);\n    },\n    \"right\" : function(e){\n        this.moveRight(e.ctrlKey);\n    },\n    \"enter\" : function(e){\n        this.save();\n    },\n    scope : this\n});\n</code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index eccdf65..1619048 100644 (file)
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "An extended {@link Roo.Element} object that supports a shadow and shim, constrain to viewport and\nautomatic maintaining of shadow/shim positions.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index a64e2e2..307ac29 100644 (file)
@@ -14,7 +14,7 @@
   "tree_parent" : [],
   "desc" : "Dialog which provides adjustments for working with a layout in a Dialog.\nAdd your necessary layout config options to the dialog's config.<br>\nExample usage (including a nested layout):\n<pre><code>\nif(!dialog){\n    dialog = new Roo.LayoutDialog(\"download-dlg\", {\n        modal: true,\n        width:600,\n        height:450,\n        shadow:true,\n        minWidth:500,\n        minHeight:350,\n        autoTabs:true,\n        proxyDrag:true,\n        // layout config merges with the dialog config\n        center:{\n            tabPosition: \"top\",\n            alwaysShowTabs: true\n        }\n    });\n    dialog.addKeyListener(27, dialog.hide, dialog);\n    dialog.setDefaultButton(dialog.addButton(\"Close\", dialog.hide, dialog));\n    dialog.addButton(\"Build It!\", this.getDownload, this);\n\n    // we can even add nested layouts\n    var innerLayout = new Roo.BorderLayout(\"dl-inner\", {\n        east: {\n            initialSize: 200,\n            autoScroll:true,\n            split:true\n        },\n        center: {\n            autoScroll:true\n        }\n    });\n    innerLayout.beginUpdate();\n    innerLayout.add(\"east\", new Roo.ContentPanel(\"dl-details\"));\n    innerLayout.add(\"center\", new Roo.ContentPanel(\"selection-panel\"));\n    innerLayout.endUpdate(true);\n\n    var layout = dialog.getLayout();\n    layout.beginUpdate();\n    layout.add(\"center\", new Roo.ContentPanel(\"standard-panel\",\n                        {title: \"Download the Source\", fitToFrame:true}));\n    layout.add(\"center\", new Roo.NestedLayoutPanel(innerLayout,\n               {title: \"Build your own roo.js\"}));\n    layout.getRegion(\"center\").showPanel(sp);\n    layout.endUpdate();\n}\n</code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : true,
index d1e146f..b4b40f7 100644 (file)
@@ -15,7 +15,7 @@
   "tree_parent" : [],
   "desc" : "Base class for layout managers.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 8fa9e8c..7a48b9a 100644 (file)
@@ -14,7 +14,7 @@
   "tree_parent" : [],
   "desc" : "This class represents a region in a layout manager.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 4a84244..fa942e8 100644 (file)
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "A simple utility class for generically masking elements while loading data.  If the element being masked has\nan underlying {@link Roo.data.Store}, the masking will be automatically synchronized with the store's loading\nprocess and the mask element will be cached for reuse.  For all other elements, this mask will replace the\nelement's UpdateManager load indicator and will be destroyed after the initial load.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index c62f1d4..f100631 100644 (file)
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "Provides a template that can have child templates. The syntax is:\n<pre><code>\nvar t = new Roo.MasterTemplate(\n\t'&lt;select name=\"{name}\"&gt;',\n\t\t'&lt;tpl name=\"options\"&gt;&lt;option value=\"{value:trim}\"&gt;{text:ellipsis(10)}&lt;/option&gt;&lt;/tpl&gt;',\n\t'&lt;/select&gt;'\n);\nt.add('options', {value: 'foo', text: 'bar'});\n// or you can add multiple child elements in one shot\nt.addAll('options', [\n    {value: 'foo', text: 'bar'},\n    {value: 'foo2', text: 'bar2'},\n    {value: 'foo3', text: 'bar3'}\n]);\n// then append, applying the master template values\nt.append('my-form', {name: 'my-select'});\n</code></pre>\nA name attribute for the child template is not required if you have only one child\ntemplate or you want to refer to them by index.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index ccf02d1..6b69a3a 100644 (file)
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "Create a new NestedLayoutPanel.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 88d597c..3fedff0 100644 (file)
@@ -35,7 +35,7 @@
   "tree_parent" : [],
   "desc" : "A specialized toolbar that is bound to a {@link Roo.data.Store} and provides automatic paging controls.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 3937b38..10d0387 100644 (file)
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Provides attractive and customizable tooltips for any element.",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : false,
index 43a1aed..6e521be 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "This is a pre-built layout that represents a classic, 5-pane application.  It consists of a header, a primary\ncenter region containing two nested regions (a top one for a list view and one for item preview below),\nand regions on either side that can be used for navigation, application commands, informational displays, etc.\nThe setup and configuration work exactly the same as it does for a {@link Roo.BorderLayout} - this class simply\nexpedites the setup of the overall layout and regions for this common application style.\nExample:\n <pre><code>\nvar reader = new Roo.ReaderLayout();\nvar CP = Roo.ContentPanel;  // shortcut for adding\n\nreader.beginUpdate();\nreader.add(\"north\", new CP(\"north\", \"North\"));\nreader.add(\"west\", new CP(\"west\", {title: \"West\"}));\nreader.add(\"east\", new CP(\"east\", {title: \"East\"}));\n\nreader.regions.listView.add(new CP(\"listView\", \"List\"));\nreader.regions.preview.add(new CP(\"preview\", \"Preview\"));\nreader.endUpdate();\n</code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 0b2a6b1..282c8d9 100644 (file)
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "<p>Applies drag handles to an element to make it resizable. The drag handles are inserted into the element\nand positioned absolute. Some elements, such as a textarea or image, don't support this. To overcome that, you can wrap\nthe textarea in a div and set \"resizeChild\" to true (or to the id of the element), <b>or</b> set wrap:true in your config and\nthe element will be wrapped for you automatically.</p>\n<p>Here is the list of valid resize handles:</p>\n<pre>\nValue   Description\n------  -------------------\n 'n'     north\n 's'     south\n 'e'     east\n 'w'     west\n 'nw'    northwest\n 'sw'    southwest\n 'se'    southeast\n 'ne'    northeast\n 'hd'    horizontal drag\n 'all'   all\n</pre>\n<p>Here's an example showing the creation of a typical Resizable:</p>\n<pre><code>\nvar resizer = new Roo.Resizable(\"element-id\", {\n    handles: 'all',\n    minWidth: 200,\n    minHeight: 100,\n    maxWidth: 500,\n    maxHeight: 400,\n    pinned: true\n});\nresizer.on(\"resize\", myHandler);\n</code></pre>\n<p>To hide a particular handle, set its display to none in CSS, or through script:<br>\nresizer.east.setDisplayed(false);</p>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 37be6c3..e643d5c 100644 (file)
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "Simple class that can provide a shadow effect for any element.  Note that the element MUST be absolutely positioned,\nand the shadow does not provide any shimming.  This should be used only in simple cases -- for more advanced\nfunctionality that can also provide the same shadow effect, see the {@link Roo.Layer} class.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 07dc940..14a75cc 100644 (file)
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "Adapter that  moves the splitter element to align with the resized sizing element. \nUsed with an absolute positioned SplitBar.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index c534a2f..299062c 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Default Adapter. It assumes the splitter and resizing element are not positioned\nelements and only gets/sets the width of the element. Generally used for table based layouts.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 7c2b818..6d3fd78 100644 (file)
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "Creates draggable splitter bar functionality from two elements (element to be dragged and element to be resized).\n<br><br>\nUsage:\n<pre><code>\nvar split = new Roo.SplitBar(\"elementToDrag\", \"elementToSize\",\n                   Roo.SplitBar.HORIZONTAL, Roo.SplitBar.LEFT);\nsplit.setAdapter(new Roo.SplitBar.AbsoluteLayoutAdapter(\"container\"));\nsplit.minSize = 100;\nsplit.maxSize = 600;\nsplit.animate = true;\nsplit.on('moved', splitterMoved);\n</code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 9713f55..7d89004 100644 (file)
@@ -13,7 +13,7 @@
   "tree_parent" : [],
   "desc" : "A split button that provides a built-in dropdown arrow that can fire an event separately from the default\nclick event of the button.  Typically this would be used to display a dropdown menu that provides additional\noptions to the primary button action, but any custom handler can provide the arrowclick implementation.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 856bfa2..11238a6 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Adds a splitbar and other (private) useful functionality to a {@link Roo.LayoutRegion}.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index fe0d473..db002c2 100644 (file)
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "A lightweight tab container.\n<br><br>\nUsage:\n<pre><code>\n// basic tabs 1, built from existing content\nvar tabs = new Roo.TabPanel(\"tabs1\");\ntabs.addTab(\"script\", \"View Script\");\ntabs.addTab(\"markup\", \"View Markup\");\ntabs.activate(\"script\");\n\n// more advanced tabs, built from javascript\nvar jtabs = new Roo.TabPanel(\"jtabs\");\njtabs.addTab(\"jtabs-1\", \"Normal Tab\", \"My content was added during construction.\");\n\n// set up the UpdateManager\nvar tab2 = jtabs.addTab(\"jtabs-2\", \"Ajax Tab 1\");\nvar updater = tab2.getUpdateManager();\nupdater.setDefaultUrl(\"ajax1.htm\");\ntab2.on('activate', updater.refresh, updater, true);\n\n// Use setUrl for Ajax loading\nvar tab3 = jtabs.addTab(\"jtabs-3\", \"Ajax Tab 2\");\ntab3.setUrl(\"ajax2.htm\", null, true);\n\n// Disabled tab\nvar tab4 = jtabs.addTab(\"tabs1-5\", \"Disabled Tab\", \"Can't see me cause I'm disabled\");\ntab4.disable();\n\njtabs.activate(\"jtabs-1\");\n</code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 6aa72ec..3fc1ba3 100644 (file)
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "Represents an individual item (tab plus body) in a TabPanel.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 46ad7d3..220cb2e 100644 (file)
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Represents an HTML fragment template. Templates can be precompiled for greater performance.\nFor a list of available format functions, see {@link Roo.util.Format}.<br />\nUsage:\n<pre><code>\nvar t = new Roo.Template({\n    html :  '&lt;div name=\"{id}\"&gt;' + \n        '&lt;span class=\"{cls}\"&gt;{name:trim} {someval:this.myformat}{value:ellipsis(10)}&lt;/span&gt;' +\n        '&lt;/div&gt;',\n    myformat: function (value, allValues) {\n        return 'XX' + value;\n    }\n});\nt.append('some-element', {id: 'myid', cls: 'myclass', name: 'foo', value: 'bar'});\n</code></pre>\nFor more information see this blog post with examples:\n <a href=\"http://www.cnitblog.com/seeyeah/archive/2011/12/30/38728.html/\">DomHelper\n     - Create Elements using DOM, HTML fragments and Templates</a>.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 076daab..b96d924 100644 (file)
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "A button that renders into a toolbar.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 6516a2f..07a9eda 100644 (file)
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "A simple element that adds a greedy (100% width) horizontal space to a toolbar.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 5da8040..5234561 100644 (file)
@@ -15,7 +15,7 @@
   "tree_parent" : [],
   "desc" : "The base class that other classes should extend in order to get some basic common toolbar item functionality.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 7cc4ccf..dcff54a 100644 (file)
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "A simple toolbar separator class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 378209a..80cf053 100644 (file)
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "A simple element that adds extra horizontal space to a toolbar.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 2ffee8d..187adc8 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "A menu button that renders into a toolbar.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 4913966..b548f3f 100644 (file)
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "A simple class that renders text directly into a toolbar.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index ce50a03..9c2734e 100644 (file)
@@ -37,7 +37,7 @@
   "tree_parent" : [],
   "desc" : "Basic Toolbar class.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index bc466a1..422144c 100644 (file)
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "Treepanel component",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 427e655..ac5a927 100644 (file)
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "Default Content renderer. Updates the elements innerHTML with the responseText.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 2cdb710..ecbbeef 100644 (file)
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "Provides AJAX-style update for Element object.<br><br>\nUsage:<br>\n<pre><code>\n// Get it from a Roo.Element object\nvar el = Roo.get(\"foo\");\nvar mgr = el.getUpdateManager();\nmgr.update(\"http://myserver.com/index.php\", \"param1=1&amp;param2=2\");\n...\nmgr.formUpdate(\"myFormId\", \"http://myserver.com/index.php\");\n<br>\n// or directly (returns the same UpdateManager instance)\nvar mgr = new Roo.UpdateManager(\"myElementId\");\nmgr.startAutoRefresh(60, \"http://myserver.com/index.php\");\nmgr.on(\"update\", myFcnNeedsToKnow);\n<br>\n   // short handed call directly from the element object\n   Roo.get(\"foo\").load({\n        url: \"bar.php\",\n        scripts:true,\n        params: \"for=bar\",\n        text: \"Loading Foo...\"\n   });\n</code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 72fba1d..b5ceb33 100644 (file)
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Create a \"View\" for an element based on a data model or UpdateManager and the supplied DomHelper template. \nThis class also supports single and multi selection modes. <br>\nCreate a data model bound view:\n <pre><code>\n var store = new Roo.data.Store(...);\n\n var view = new Roo.View({\n    el : \"my-element\",\n    tpl : '&lt;div id=\"{0}\"&gt;{2} - {1}&lt;/div&gt;', // auto create template\n \n    singleSelect: true,\n    selectedClass: \"ydataview-selected\",\n    store: store\n });\n\n // listen for node click?\n view.on(\"click\", function(vw, index, node, e){\n alert('Node \"' + node.id + '\" at index: ' + index + \" was clicked.\");\n });\n\n // load XML data\n dataModel.load(\"foobar.xml\");\n </code></pre>\n For an example of creating a JSON/UpdateManager view, see {@link Roo.JsonView}.\n<br><br>\n<b>Note: The root of your template must be a single node. Table/row implementations may work but are not supported due to\nIE\"s limited insertion support with tables and Opera\"s faulty event bubbling.</b>\n\nNote: old style constructor is still suported (container, template, config)",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 81b7d70..2af6740 100644 (file)
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "A delayed Element creator...\nOr a way to group chunks of interface together.\ntechnically this is a wrapper around a tree of Roo elements (which defines a 'module'),\n used in conjunction with XComponent.build() it will create an instance of each element,\n then call addxtype() to build the User interface.\n\nMypart.xyx = new Roo.XComponent({\n\n    parent : 'Mypart.xyz', // empty == document.element.!!\n    order : '001',\n    name : 'xxxx'\n    region : 'xxxx'\n    disabled : function() {} \n     \n    tree : function() { // return an tree of xtype declared components\n        var MODULE = this;\n        return \n        {\n            xtype : 'NestedLayoutPanel',\n            // technicall\n        }\n     ]\n})\n\n\nIt can be used to build a big heiracy, with parent etc.\nor you can just use this to render a single compoent to a dom element\nMYPART.render(Roo.Element | String(id) | dom_element )\n\n\nUsage patterns.\n\nClassic Roo\n\nRoo is designed primarily as a single page application, so the UI build for a standard interface will\nexpect a single 'TOP' level module normally indicated by the 'parent' of the XComponent definition being defined as false.\n\nEach sub module is expected to have a parent pointing to the class name of it's parent module.\n\nWhen the top level is false, a 'Roo.BorderLayout' is created and the element is flagged as 'topModule'\n- if mulitple topModules exist, the last one is defined as the top module.\n\nEmbeded Roo\n\nWhen the top level or multiple modules are to embedded into a existing HTML page,\nthe parent element can container '#id' of the element where the module will be drawn.\n\nBootstrap Roo\n\nUnlike classic Roo, the bootstrap tends not to be used as a single page.\nit relies more on a include mechanism, where sub modules are included into an outer page.\nThis is normally managed by the builder tools using Roo.apply( options, Included.Sub.Module )\n\nBootstrap Roo Included elements\n\nOur builder application needs the ability to preview these sub compoennts. They will normally have parent=false set,\nhence confusing the component builder as it thinks there are multiple top level elements. \n\nString Over-ride & Translations\n\nOur builder application writes all the strings as _strings and _named_strings. This is to enable the translation of elements,\nand also the 'overlaying of string values - needed when different versions of the same application with different text content\nare needed. @see Roo.XComponent.overlayString",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index baa92b9..bb78661 100644 (file)
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "Provides a template that can have nested templates for loops or conditionals. The syntax is:\n<pre><code>\nvar t = new Roo.XTemplate(\n\t'&lt;select name=\"{name}\"&gt;',\n\t\t'&lt;tpl for=\"options\"&gt;&lt;option value=\"{value:trim}\"&gt;{text:ellipsis(10)}&lt;/option&gt;&lt;/tpl&gt;',\n\t'&lt;/select&gt;'\n);\n \n// then append, applying the master template values\n </code></pre>\n\nSupported features:\n\n Tags:\n\n<pre><code>\n      {a_variable} - output encoded.\n      {a_variable.format:(\"Y-m-d\")} - call a method on the variable\n      {a_variable:raw} - unencoded output\n      {a_variable:toFixed(1,2)} - Roo.util.Format.\"toFixed\"\n      {a_variable:this.method_on_template(...)} - call a method on the template object.\n \n</code></pre>\n The tpl tag:\n<pre><code>\n        &lt;tpl for=\"a_variable or condition..\"&gt;&lt;/tpl&gt;\n        &lt;tpl if=\"a_variable or condition\"&gt;&lt;/tpl&gt;\n        &lt;tpl exec=\"some javascript\"&gt;&lt;/tpl&gt;\n        &lt;tpl name=\"named_template\"&gt;&lt;/tpl&gt; (experimental)\n  \n        &lt;tpl for=\".\"&gt;&lt;/tpl&gt; - just iterate the property..\n        &lt;tpl for=\"..\"&gt;&lt;/tpl&gt; - iterates with the parent (probably the template) \n</code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 9551709..f8ce4f3 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Alert class - shows an alert area box\neg\n<div class=\"alert alert-danger\" role=\"alert\"><span class=\"fa fa-exclamation-triangle\"></span><span class=\"sr-only\">Error:</span>\n  Enter a valid email address\n</div>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index ee424e7..4624f38 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap BezierSignature class\nThis script refer to:\n   Title: Signature Pad\n   Author: szimek\n   Availability: https://github.com/szimek/signature_pad",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 41c7a59..527f980 100644 (file)
@@ -80,7 +80,7 @@
   ],
   "desc" : "Bootstrap Body class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : true,
index 798bbdb..24a1055 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Brick class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index e9e1ff9..bbd088d 100644 (file)
@@ -15,7 +15,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Button class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 785c7be..c625727 100644 (file)
@@ -15,7 +15,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap ButtonGroup class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index ac7fe8f..e1d5008 100644 (file)
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Button Uploader class - it's a button which when you add files to it",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index fd70f69..37348ee 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Calendar class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 8228152..00abcb8 100644 (file)
@@ -81,7 +81,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Card class - note this has children as CardHeader/ImageTop/Footer.. - which should really be listed properties?\n\n\npossible... may not be implemented..",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 4295687..ad6acf2 100644 (file)
@@ -81,7 +81,7 @@
   ],
   "desc" : "Bootstrap CardFooter class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index e10938b..fe4d6c9 100644 (file)
@@ -81,7 +81,7 @@
   ],
   "desc" : "Bootstrap CardHeader class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index b85d1dd..7649cc5 100644 (file)
@@ -81,7 +81,7 @@
   ],
   "desc" : "Bootstrap CardImageTop class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index ccbd84e..c4c352e 100644 (file)
@@ -82,7 +82,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Column class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index d689b7d..0cafc26 100644 (file)
   "tree_parent" : [],
   "desc" : "Bootstrap Component base class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : true,
   "isBuilderTop" : false,
index 5cfdd11..82270cd 100644 (file)
@@ -78,7 +78,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Container class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : true,
index 5006b22..ef137c8 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap DocumentManager class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index a16064f..8d9228d 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap DocumentSlider class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index fdb72b2..af2f59f 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap DocumentViewer class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 0018766..f3b7861 100644 (file)
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap DropTarget class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index c05e40c..142942e 100644 (file)
@@ -85,7 +85,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Element class (basically a DIV used to make random stuff )",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 3de8c82..3301d65 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Graph class\n> Prameters\n -sm {number} sm 4\n -md {number} md 5",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 1b7c9e2..d061536 100644 (file)
@@ -78,7 +78,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Header class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index a6bf463..a95d102 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Img class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 74cc879..460e26d 100644 (file)
@@ -15,7 +15,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Layout Masonry class\n\nThis is based on \nhttp://masonry.desandro.com\n\nThe idea is to render all the bricks based on vertical width...\n\nThe original code extends 'outlayer' - we might need to use that....",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index c57ac0b..f137da0 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Layout Masonry class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index aa41be1..e57aaf5 100644 (file)
@@ -78,7 +78,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Link Class (eg. '<a href>')",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index e19d7da..7becf46 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap LocationPicker class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 8546813..6a4c0b2 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap MasonryBrick class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 83d2300..d91bd2b 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap MessageBar class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 892013e..46dc79f 100644 (file)
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Utility class for generating different styles of message boxes.  The alias Roo.Msg can also be used.\nExample usage:\n<pre><code>\n// Basic alert:\nRoo.Msg.alert('Status', 'Changes saved successfully.');\n\n// Prompt for user data:\nRoo.Msg.prompt('Name', 'Please enter your name:', function(btn, text){\n    if (btn == 'ok'){\n        // process text value...\n    }\n});\n\n// Show a dialog using config options:\nRoo.Msg.show({\n   title:'Save Changes?',\n   msg: 'Your are closing a tab that has unsaved changes. Would you like to save your changes?',\n   buttons: Roo.Msg.YESNOCANCEL,\n   fn: processResult,\n   animEl: 'elId'\n});\n</code></pre>",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : false,
index 2ac557a..b2e0c62 100644 (file)
@@ -80,7 +80,7 @@
   ],
   "desc" : "Bootstrap Modal class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : true,
index b385e01..4fd9eb5 100644 (file)
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Pagination class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index a33f39d..d8f9a92 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap PaginationItem class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 4d150b9..0dee0b0 100644 (file)
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "A specialized toolbar that is bound to a {@link Roo.data.Store} and provides automatic paging controls.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index fc9f603..1c9b204 100644 (file)
@@ -81,7 +81,7 @@
   ],
   "desc" : "Bootstrap Popover class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : true,
index 033cb34..ac94f5c 100644 (file)
@@ -17,7 +17,7 @@
   ],
   "desc" : "Bootstrap Popover header navigation class\nFIXME? should this go under nav?",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index c4c654d..130901c 100644 (file)
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Progress class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index eacc697..38b58d4 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap ProgressBar class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 8232a93..02b74f0 100644 (file)
@@ -78,7 +78,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Row class (contains columns...)",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index e2cbd01..a10a57e 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Slider class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 07e9d24..0318e33 100644 (file)
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "Adapter that  moves the splitter element to align with the resized sizing element. \nUsed with an absolute positioned SplitBar.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 2622fdc..c05a183 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Default Adapter. It assumes the splitter and resizing element are not positioned\nelements and only gets/sets the width of the element. Generally used for table based layouts.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index b36e230..c76eb3b 100644 (file)
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "Creates draggable splitter bar functionality from two elements (element to be dragged and element to be resized).\n<br><br>\nUsage:\n<pre><code>\nvar split = new Roo.bootstrap.SplitBar(\"elementToDrag\", \"elementToSize\",\n                   Roo.bootstrap.SplitBar.HORIZONTAL, Roo.bootstrap.SplitBar.LEFT);\nsplit.setAdapter(new Roo.bootstrap.SplitBar.AbsoluteLayoutAdapter(\"container\"));\nsplit.minSize = 100;\nsplit.maxSize = 600;\nsplit.animate = true;\nsplit.on('moved', splitterMoved);\n</code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index f294223..96597dd 100644 (file)
@@ -13,7 +13,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Column class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index b2756aa..2a00b72 100644 (file)
@@ -78,7 +78,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap TabPanel class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index f0ba028..a5e91c9 100644 (file)
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Table class.  This class represents the primary interface of a component based grid control.\nSimilar to Roo.grid.Grid\n<pre><code>\n var table = Roo.factory({\n    xtype : 'Table',\n    xns : Roo.bootstrap,\n    autoSizeColumns: true,\n    \n    \n    store : {\n        xtype : 'Store',\n        xns : Roo.data,\n        remoteSort : true,\n        sortInfo : { direction : 'ASC', field: 'name' },\n        proxy : {\n           xtype : 'HttpProxy',\n           xns : Roo.data,\n           method : 'GET',\n           url : 'https://example.com/some.data.url.json'\n        },\n        reader : {\n           xtype : 'JsonReader',\n           xns : Roo.data,\n           fields : [ 'id', 'name', whatever' ],\n           id : 'id',\n           root : 'data'\n        }\n    },\n    cm : [\n        {\n            xtype : 'ColumnModel',\n            xns : Roo.grid,\n            align : 'center',\n            cursor : 'pointer',\n            dataIndex : 'is_in_group',\n            header : \"Name\",\n            sortable : true,\n            renderer : function(v, x , r) {  \n            \n                return String.format(\"{0}\", v)\n            }\n            width : 3\n        } // more columns..\n    ],\n    selModel : {\n        xtype : 'RowSelectionModel',\n        xns : Roo.bootstrap.Table\n        // you can add listeners to catch selection change here....\n    }\n     \n\n });\n // set any options\n grid.render(Roo.get(\"some-div\"));\n</code></pre>\n\nCurrently the Table  uses multiple headers to try and handle XL / Medium etc... styling",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 933bc2a..e73bacb 100644 (file)
@@ -14,7 +14,7 @@
   ],
   "desc" : "Bootstrap TableBody class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 03ada6e..108d813 100644 (file)
@@ -80,7 +80,7 @@
   ],
   "desc" : "Bootstrap TableCell class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 19581ee..39a37a0 100644 (file)
@@ -14,7 +14,7 @@
   ],
   "desc" : "Bootstrap TableRow class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index bd44f75..c571215 100644 (file)
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Tooltip class\nThis is basic at present - all componets support it by default, however they should add tooltipEl() method\nto determine which dom element triggers the tooltip.\n\nIt needs to add support for additional attributes like tooltip-position",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 2eb1a35..ee27503 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap UploadCropbox class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index a335fe9..2c43f09 100644 (file)
@@ -80,7 +80,7 @@
   ],
   "desc" : "Bootstrap Breadcrumb Nav Class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 804a6cc..294e388 100644 (file)
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Breadcrumb Nav Class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index d3f47c8..c69e52e 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap NumberBox class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index d42d74a..96df905 100644 (file)
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap TabBox class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 7af2202..b046ba0 100644 (file)
@@ -14,7 +14,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap TabPane class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index b55d557..d7975c2 100644 (file)
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Card Uploader class - it's a button which when you add files to it, adds cards below with preview and the name...",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 0f180d4..0248ea7 100644 (file)
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap CheckBox class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 11149b0..b80dce3 100644 (file)
@@ -16,7 +16,7 @@
   "tree_parent" : [],
   "desc" : "A combobox control with support for autocomplete, remote-loading, paging and many other features.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 62bdf77..c17e54a 100644 (file)
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap DateField class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 354ab07..ef2a1d0 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap DateSplitField class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index febf99d..3568a0a 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap FieldLabel class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 13a6848..60eca62 100644 (file)
@@ -78,7 +78,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Form class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 3c978a3..70e484f 100644 (file)
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap HtmlEditor class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 9e827cc..3cc32c8 100644 (file)
@@ -14,7 +14,7 @@
   ],
   "desc" : "Basic Toolbar",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index c90efd7..6f1aa6f 100644 (file)
@@ -33,7 +33,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Input class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 19a2154..ffec860 100644 (file)
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Showdown editable area",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index fb39b85..4bdf913 100644 (file)
@@ -13,7 +13,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap MoneyField class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index b177e5a..a0e4c78 100644 (file)
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap MonthField class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index c59fa46..aa7b427 100644 (file)
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap NumberField class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 0a77bfb..fce2bde 100644 (file)
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "An input with International dial-code selection",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index ec145f7..49c8f65 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Radio class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index c601f9c..047131a 100644 (file)
@@ -13,7 +13,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap RadioSet class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 14a3e51..eadfc40 100644 (file)
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap SecurePass class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index f207f19..e04daa0 100644 (file)
@@ -16,7 +16,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap TextArea class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index ff80ae8..be1c212 100644 (file)
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap DateField class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 5942d0d..d732f6b 100644 (file)
@@ -19,7 +19,7 @@
   "tree_parent" : [],
   "desc" : "Provides a convenient wrapper for TextFields that adds a clickable trigger button (looks like a combobox by default).\nThe trigger has no default action, so you must assign a function to implement the trigger click handler by\noverriding {@link #onTriggerClick}. You can create a TriggerField directly, as it renders exactly like a combobox\nfor which you can provide a custom implementation.  For example:\n<pre><code>\nvar trigger = new Roo.bootstrap.form.TriggerField();\ntrigger.onTriggerClick = myTriggerFn;\ntrigger.applyTo('my-field');\n</code></pre>\n\nHowever, in general you will most likely want to use TriggerField as the base class for a reusable component.\n{@link Roo.bootstrap.form.DateField} and {@link Roo.bootstrap.form.ComboBox} are perfect examples of this.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 5c43f52..534213b 100644 (file)
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "This class represents a lightweight region in a layout manager. This region does not move dom nodes\nand does not have a titlebar, tabs or any other features. All it does is size and position \npanels. To create a BasicLayoutRegion, add lightweight:true or basic:true to your regions config.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index f661fc2..f69ec80 100644 (file)
@@ -17,7 +17,7 @@
   "tree_parent" : [],
   "desc" : "This class represents a common layout manager used in desktop applications. For screenshots and more details,\nplease see: examples/bootstrap/nested.html<br><br>\n \n<b>The container the layout is rendered into can be either the body element or any other element.\nIf it is not the body element, the container needs to either be an absolute positioned element,\nor you will need to add \"position:relative\" to the css of the container.  You will also need to specify\nthe container size if it is not the body element.</b>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : true,
index dd2e3f6..466050a 100644 (file)
@@ -14,7 +14,7 @@
   "tree_parent" : [],
   "desc" : "Base class for layout managers.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : true,
   "isBuilderTop" : false,
index 51a26ce..30b886e 100644 (file)
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "This class represents a region in a layout manager.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index b85dde0..8cd5418 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Adds a splitbar and other (private) useful functionality to a {@link Roo.LayoutRegion}.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 7d55603..e0cb453 100644 (file)
@@ -21,7 +21,7 @@
   ],
   "desc" : "Bootstrap MenuItem class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index deabea7..1c0aab4 100644 (file)
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Provides a common registry of all menu items on a page so that they can be easily accessed by id.",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : false,
index a5cb7c6..6d8c8e6 100644 (file)
@@ -14,7 +14,7 @@
   ],
   "desc" : "Bootstrap Menu class - container for MenuItems - normally has to be added to a object that supports the menu property",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index f9010f7..1d768d9 100644 (file)
@@ -12,7 +12,7 @@
   ],
   "desc" : "Bootstrap Separator class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 566b4eb..f6e475f 100644 (file)
@@ -21,7 +21,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Navbar class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : true,
   "isBuilderTop" : false,
index 384b922..cbb62a2 100644 (file)
@@ -13,7 +13,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap NavGroup class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 60bfa69..1f077ba 100644 (file)
@@ -20,7 +20,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Sidebar class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index c15b1bc..c263126 100644 (file)
@@ -21,7 +21,7 @@
   ],
   "desc" : "Bootstrap Navbar.NavItem class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 0e3e99d..1d45262 100644 (file)
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap NavProgressBar class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 2127a30..c4c132a 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap NavProgressBarItem class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 147c30a..592c8fa 100644 (file)
@@ -19,7 +19,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Sidebar class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 3aed237..abb506b 100644 (file)
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Navbar.NavSidebarItem class\n\n{String} badgeWeight (default|primary|success|info|warning|danger)the extra classes for the badge\n{Boolean} open is the menu open\n{Boolean} buttonView use button as the tigger el rather that a (default false)\n{String} buttonWeight (default|primary|success|info|warning|danger)the extra classes for the button\n{String} buttonSize (sm|md|lg)the extra classes for the button\n{Boolean} showArrow show arrow next to the text (default true)",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 69d00de..4f74c6a 100644 (file)
@@ -26,7 +26,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Sidebar class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 2d4cf55..b9a9122 100644 (file)
@@ -81,7 +81,7 @@
   "tree_parent" : [],
   "desc" : "A basic ContentPanel element. - a panel that contain any content (eg. forms etc.)",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : true,
index cc6c6f0..3c0d4c3 100644 (file)
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "Create a new GridPanel.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 8e2f7ce..274036b 100644 (file)
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "Create a new Panel, that can contain a layout.Border.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 0248c40..3ce4dcf 100644 (file)
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "Represents an individual item (tab plus body) in a TabPanel.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 0604cd1..ff6cbf7 100644 (file)
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "A lightweight tab container.\n<br><br>\nUsage:\n<pre><code>\n// basic tabs 1, built from existing content\nvar tabs = new Roo.TabPanel(\"tabs1\");\ntabs.addTab(\"script\", \"View Script\");\ntabs.addTab(\"markup\", \"View Markup\");\ntabs.activate(\"script\");\n\n// more advanced tabs, built from javascript\nvar jtabs = new Roo.TabPanel(\"jtabs\");\njtabs.addTab(\"jtabs-1\", \"Normal Tab\", \"My content was added during construction.\");\n\n// set up the UpdateManager\nvar tab2 = jtabs.addTab(\"jtabs-2\", \"Ajax Tab 1\");\nvar updater = tab2.getUpdateManager();\nupdater.setDefaultUrl(\"ajax1.htm\");\ntab2.on('activate', updater.refresh, updater, true);\n\n// Use setUrl for Ajax loading\nvar tab3 = jtabs.addTab(\"jtabs-3\", \"Ajax Tab 2\");\ntab3.setUrl(\"ajax2.htm\", null, true);\n\n// Disabled tab\nvar tab4 = jtabs.addTab(\"tabs1-5\", \"Disabled Tab\", \"Can't see me cause I'm disabled\");\ntab4.disable();\n\njtabs.activate(\"jtabs-1\");\n</code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 36f3ebe..d3fe7c1 100644 (file)
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "Data reader class to create an Array of Roo.data.Record objects from an Array.\nEach element of that Array represents a row of data fields. The\nfields are pulled into a Record object using as a subscript, the <em>mapping</em> property\nof the field definition if it exists, or the field's ordinal position in the definition.<br>\n<p>\nExample code:.\n<pre><code>\nvar RecordDef = Roo.data.Record.create([\n    {name: 'name', mapping: 1},         // \"mapping\" only needed if an \"id\" field is present which\n    {name: 'occupation', mapping: 2}    // precludes using the ordinal position as the index.\n]);\nvar myReader = new Roo.data.ArrayReader({\n    id: 0                     // The subscript within row Array that provides an ID for the Record (optional)\n}, RecordDef);\n</code></pre>\n<p>\nThis would consume an Array like this:\n<pre><code>\n[ [1, 'Bill', 'Gardener'], [2, 'Ben', 'Horticulturalist'] ]\n  </code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index cf7c96f..899ed7b 100644 (file)
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "The class encapsulates a connection to the page's originating domain, allowing requests to be made\neither to a configured URL, or to a URL specified at request time. \n\nRequests made by this class are asynchronous, and will return immediately. No data from\nthe server will be available to the statement immediately following the {@link #request} call.\nTo process returned data, use a callback in the request options object, or an event listener.\n\nNote: If you are doing a file upload, you will not get a normal response object sent back to\nyour callback or event handler.  Since the upload is handled via in IFRAME, there is no XMLHttpRequest.\nThe response object is created using the innerHTML of the IFRAME's document as the responseText\nproperty and, if present, the IFRAME's XML document as the responseXML property.\n\nThis means that a valid XML or HTML document must be returned. If JSON data is required, it is suggested\nthat it be placed either inside a &lt;textarea> in an HTML document and retrieved from the responseText\nusing a regex, or inside a CDATA section in an XML document and retrieved from the responseXML using\nstandard DOM methods.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 1c317f0..e050d87 100644 (file)
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "This class is an abstract base class for implementations which provide retrieval of\nunformatted data objects.<br>\n<p>\nDataProxy implementations are usually used in conjunction with an implementation of Roo.data.DataReader\n(of the appropriate type which knows how to parse the data object) to provide a block of\n{@link Roo.data.Records} to an {@link Roo.data.Store}.<br>\n<p>\nCustom implementations must implement the load method as described in\n{@link Roo.data.HttpProxy#load}.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : true,
   "isBuilderTop" : false,
index 3edc6c2..1071e21 100644 (file)
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Base class for reading structured data from a data source.  This class is intended to be\nextended (see {Roo.data.ArrayReader}, {Roo.data.JsonReader} and {Roo.data.XmlReader}) and should not be created directly.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : true,
   "isBuilderTop" : false,
index 1e9d70a..2837635 100644 (file)
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "An implementation of {@link Roo.data.DataProxy} that reads a data object from an {@link Roo.data.Connection} object\nconfigured to reference a certain URL.<br><br>\n<p>\n<em>Note that this class cannot be used to retrieve data from a domain other than the domain\nfrom which the running page was served.<br><br>\n<p>\nFor cross-domain access to remote data, use an {@link Roo.data.ScriptTagProxy}.</em><br><br>\n<p>\nBe aware that to enable the browser to parse an XML document, the server must set\nthe Content-Type header in the HTTP response to \"text/xml\".",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 745e2eb..c913058 100644 (file)
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "Data reader class to create an Array of Roo.data.Record objects from a JSON response\nbased on mappings in a provided Roo.data.Record constructor.\n\nThe default behaviour of a store is to send ?_requestMeta=1, unless the class has recieved 'metaData' property\nin the reply previously. \n\n<p>\nExample code:\n<pre><code>\nvar RecordDef = Roo.data.Record.create([\n    {name: 'name', mapping: 'name'},     // \"mapping\" property not needed if it's the same as \"name\"\n    {name: 'occupation'}                 // This field will use \"occupation\" as the mapping.\n]);\nvar myReader = new Roo.data.JsonReader({\n    totalProperty: \"results\",    // The property which contains the total dataset size (optional)\n    root: \"rows\",                // The property which contains an Array of row objects\n    id: \"id\"                     // The property within each row object that provides an ID for the record (optional)\n}, RecordDef);\n</code></pre>\n<p>\nThis would consume a JSON file like this:\n<pre><code>\n{ 'results': 2, 'rows': [\n    { 'id': 1, 'name': 'Bill', occupation: 'Gardener' },\n    { 'id': 2, 'name': 'Ben', occupation: 'Horticulturalist' } ]\n}\n</code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index c27a6cd..c6e74ce 100644 (file)
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "/**",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 7d242a1..52686be 100644 (file)
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "An implementation of Roo.data.DataProxy that simply passes the data specified in its constructor\nto the Reader when its load method is called.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index f450585..2eb462a 100644 (file)
@@ -15,7 +15,7 @@
   "tree_parent" : [],
   "desc" : "",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 4736576..2dc9847 100644 (file)
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "Instances of this class encapsulate both record <em>definition</em> information, and record\n<em>value</em> information for use in {@link Roo.data.Store} objects, or any code which needs\nto access Records cached in an {@link Roo.data.Store} object.<br>\n<p>\nConstructors for this class are generated by passing an Array of field definition objects to {@link #create}.\nInstances are usually only created by {@link Roo.data.Reader} implementations when processing unformatted data\nobjects.<br>\n<p>\nRecord objects generated by this constructor inherit all the methods of Roo.data.Record listed below.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 45276cf..7530e67 100644 (file)
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "An implementation of Roo.data.DataProxy that reads a data object from a URL which may be in a domain\nother than the originating domain of the running page.<br><br>\n<p>\n<em>Note that if you are retrieving data from a page that is in a domain that is NOT the same as the originating domain\nof the running page, you must use this class, rather than DataProxy.</em><br><br>\n<p>\nThe content passed back from a server resource requested by a ScriptTagProxy is executable JavaScript\nsource code that is used as the source inside a &lt;script> tag.<br><br>\n<p>\nIn order for the browser to process the returned data, the server must wrap the data object\nwith a call to a callback function, the name of which is passed as a parameter by the ScriptTagProxy.\nBelow is a Java example for a servlet which returns data for either a ScriptTagProxy, or an HttpProxy\ndepending on whether the callback name was passed:\n<p>\n<pre><code>\nboolean scriptTag = false;\nString cb = request.getParameter(\"callback\");\nif (cb != null) {\n    scriptTag = true;\n    response.setContentType(\"text/javascript\");\n} else {\n    response.setContentType(\"application/x-json\");\n}\nWriter out = response.getWriter();\nif (scriptTag) {\n    out.write(cb + \"(\");\n}\nout.print(dataBlock.toJsonString());\nif (scriptTag) {\n    out.write(\");\");\n}\n</pre></code>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 4339a66..3f904ad 100644 (file)
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "Small helper class to make creating Stores from Array data easier.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index e1315e6..f4f0b7f 100644 (file)
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Defines the default sorting (casting?) comparison functions used when sorting data.",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : false,
index 74653c3..35e8841 100644 (file)
@@ -13,7 +13,7 @@
   "tree_parent" : [],
   "desc" : "The Store class encapsulates a client side cache of {@link Roo.data.Record} objects which provide input data\nfor widgets such as the Roo.grid.Grid, or the Roo.form.ComboBox.<br>\n<p>\nA Store object uses an implementation of {@link Roo.data.DataProxy} to access a data object unless you call loadData() directly and pass in your data. The Store object\nhas no knowledge of the format of the data returned by the Proxy.<br>\n<p>\nA Store object uses its configured implementation of {@link Roo.data.DataReader} to create {@link Roo.data.Record}\ninstances from the data object. These records are cached and made available through accessor functions.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 1cc8311..b3f1d84 100644 (file)
@@ -15,7 +15,7 @@
   "tree_parent" : [],
   "desc" : "Represents a tree data structure and bubbles all the events for its nodes. The nodes\nin the tree have most standard DOM functionality.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 8bfe9c7..d2ffc18 100644 (file)
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "Data reader class to create an Array of {@link Roo.data.Record} objects from an XML document\nbased on mappings in a provided Roo.data.Record constructor.<br><br>\n<p>\n<em>Note that in order for the browser to parse a returned XML document, the Content-Type\nheader in the HTTP response must be set to \"text/xml\".</em>\n<p>\nExample code:\n<pre><code>\nvar RecordDef = Roo.data.Record.create([\n   {name: 'name', mapping: 'name'},     // \"mapping\" property not needed if it's the same as \"name\"\n   {name: 'occupation'}                 // This field will use \"occupation\" as the mapping.\n]);\nvar myReader = new Roo.data.XmlReader({\n   totalRecords: \"results\", // The element which contains the total dataset size (optional)\n   record: \"row\",           // The repeated element which contains row information\n   id: \"id\"                 // The element within the row that provides an ID for the record (optional)\n}, RecordDef);\n</code></pre>\n<p>\nThis would consume an XML file like this:\n<pre><code>\n&lt;?xml?>\n&lt;dataset>\n &lt;results>2&lt;/results>\n &lt;row>\n   &lt;id>1&lt;/id>\n   &lt;name>Bill&lt;/name>\n   &lt;occupation>Gardener&lt;/occupation>\n &lt;/row>\n &lt;row>\n   &lt;id>2&lt;/id>\n   &lt;name>Ben&lt;/name>\n   &lt;occupation>Horticulturalist&lt;/occupation>\n &lt;/row>\n&lt;/dataset>\n</code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 5dda37c..c044ad3 100644 (file)
@@ -20,7 +20,7 @@
   "tree_parent" : [],
   "desc" : "A DragDrop implementation where the linked element follows the\nmouse cursor during a drag.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index a274fe5..253eb13 100644 (file)
@@ -18,7 +18,7 @@
   "tree_parent" : [],
   "desc" : "A DragDrop implementation that inserts an empty, bordered div into\nthe document that follows the cursor during drag operations.  At the time of\nthe click, the frame div is resized to the dimensions of the linked html\nelement, and moved to the exact location of the linked element.\n\nReferences to the \"frame\" element refer to the single proxy element that\nwas created to be dragged in place of all DDProxy elements on the\npage.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 037980d..2154b24 100644 (file)
@@ -16,7 +16,7 @@
   "tree_parent" : [],
   "desc" : "A DragDrop implementation that does not move, but can be a drop\ntarget.  You would get the same result by simply omitting implementation\nfor the event callbacks, but this way we reduce the processing cost of the\nevent listener and the callbacks.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index a5d6a76..b458bfc 100644 (file)
@@ -29,7 +29,7 @@
   "tree_parent" : [],
   "desc" : "Defines the interface and base operation of items that that can be\ndragged or can be drop targets.  It was designed to be extended, overriding\nthe event handlers for startDrag, onDrag, onDragOver and onDragOut.\nUp to three html elements can be associated with a DragDrop instance:\n<ul>\n<li>linked element: the element that is passed into the constructor.\nThis is the element which defines the boundaries for interaction with\nother DragDrop objects.</li>\n<li>handle element(s): The drag operation only occurs if the element that\nwas clicked matches a handle element.  By default this is the linked\nelement, but there are times that you will want only a portion of the\nlinked element to initiate the drag operation, and the setHandleElId()\nmethod provides a way to define this.</li>\n<li>drag element: this represents the element that would be moved along\nwith the cursor during a drag operation.  By default, this is the linked\nelement itself as in {@link Roo.dd.DD}.  setDragElId() lets you define\na separate element that would be moved, as in {@link Roo.dd.DDProxy}.\n</li>\n</ul>\nThis class should not be instantiated until the onload event to ensure that\nthe associated elements are available.\nThe following would define a DragDrop obj that would interact with any\nother DragDrop obj in the \"group1\" group:\n<pre>\n dd = new Roo.dd.DragDrop(\"div1\", \"group1\");\n</pre>\nSince none of the event handlers have been implemented, nothing would\nactually happen if you were to run the code above.  Normally you would\noverride this class or one of the default implementations, but you can\nalso override the methods you want on an instance of the class...\n<pre>\n dd.onDragDrop = function(e, id) {\n &nbsp;&nbsp;alert(\"dd was dropped on \" + id);\n }\n</pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.dd.DragDropMgr.json b/docs/symbols/Roo.dd.DragDropMgr.json
new file mode 100644 (file)
index 0000000..e129d6f
--- /dev/null
@@ -0,0 +1,862 @@
+{
+  "name" : "Roo.dd.DragDropMgr",
+  "augments" : [],
+  "childClasses" : {  },
+  "tree_children" : [],
+  "tree_parent" : [],
+  "desc" : "DragDropMgr is a singleton that tracks the element interaction for\nall DragDrop items in the window.  Generally, you will not call\nthis class directly, but it does have helper methods that could\nbe useful in your DragDrop implementations.",
+  "isSingleton" : false,
+  "isStatic" : true,
+  "isBuiltin" : false,
+  "isAbstract" : false,
+  "isBuilderTop" : false,
+  "memberOf" : "DragDropMgr",
+  "example" : "",
+  "deprecated" : "",
+  "since" : "",
+  "see" : "",
+  "params" : [],
+  "returns" : [],
+  "throws" : "",
+  "requires" : "",
+  "config" : [],
+  "methods" : [
+    {
+      "name" : "isDragDrop",
+      "type" : "function",
+      "desc" : "Utility function to determine if a given element has been\nregistered as a drag drop item.",
+      "sig" : "(id)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "the element id to check",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "boolean",
+          "desc" : "true if this element is a DragDrop item,\nfalse otherwise"
+        }
+      ]
+    },
+    {
+      "name" : "getRelated",
+      "type" : "function",
+      "desc" : "Returns the drag and drop instances that are in all groups the\npassed in instance belongs to.",
+      "sig" : "(p_oDD, bTargetsOnly)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "p_oDD",
+          "type" : "DragDrop",
+          "desc" : "the obj to get related data for",
+          "isOptional" : false
+        },
+        {
+          "name" : "bTargetsOnly",
+          "type" : "boolean",
+          "desc" : "if true, only return targetable objs",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "DragDrop[]",
+          "desc" : "the related instances"
+        }
+      ]
+    },
+    {
+      "name" : "getScrollLeft",
+      "type" : "function",
+      "desc" : "Gets the scrollLeft",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "int",
+          "desc" : "the document's scrollTop"
+        }
+      ]
+    },
+    {
+      "name" : "regDragDrop",
+      "type" : "function",
+      "desc" : "Each DragDrop instance must be registered with the DragDropMgr.\nThis is executed in DragDrop.init()",
+      "sig" : "(oDD, sGroup)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "oDD",
+          "type" : "DragDrop",
+          "desc" : "the DragDrop object to register",
+          "isOptional" : false
+        },
+        {
+          "name" : "sGroup",
+          "type" : "String",
+          "desc" : "the name of the group this element belongs to",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "handleWasClicked",
+      "type" : "function",
+      "desc" : "Recursively searches the immediate parent and all child nodes for\nthe handle element in order to determine wheter or not it was\nclicked.",
+      "sig" : "(node)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "node",
+          "type" : "",
+          "desc" : "the html element to inspect",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "refreshCache",
+      "type" : "function",
+      "desc" : "Refreshes the cache of the top-left and bottom-right points of the\ndrag and drop objects in the specified group(s).  This is in the\nformat that is stored in the drag and drop instance, so typical\nusage is:\n<code>\nRoo.dd.DragDropMgr.refreshCache(ddinstance.groups);\n</code>\nAlternatively:\n<code>\nRoo.dd.DragDropMgr.refreshCache({group1:true, group2:true});\n</code>",
+      "sig" : "(groups)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "groups",
+          "type" : "Object",
+          "desc" : "an associative array of groups to refresh",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "getCss",
+      "type" : "function",
+      "desc" : "Returns the style property for the DOM element (i.e.,\ndocument.getElById(id).style)",
+      "sig" : "(id)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "This has been deprecated: use Roo.getDom instead",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "the id of the elment to get",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "The style property of the element"
+        }
+      ]
+    },
+    {
+      "name" : "swapNode",
+      "type" : "function",
+      "desc" : "Swap two nodes.  In IE, we use the native method, for others we\nemulate the IE behavior",
+      "sig" : "(n1, n2)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "n1",
+          "type" : "",
+          "desc" : "the first node to swap",
+          "isOptional" : false
+        },
+        {
+          "name" : "n2",
+          "type" : "",
+          "desc" : "the other node to swap",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "stopEvent",
+      "type" : "function",
+      "desc" : "Utility to stop event propagation and event default, if these\nfeatures are turned on.",
+      "sig" : "(e)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "e",
+          "type" : "Event",
+          "desc" : "the event as returned by this.getEvent()",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "lock",
+      "type" : "function",
+      "desc" : "Lock all drag and drop functionality",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : []
+    },
+    {
+      "name" : "moveToEl",
+      "type" : "function",
+      "desc" : "Sets the x/y position of an element to the location of the\ntarget element.",
+      "sig" : "(moveEl, targetEl)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "moveEl",
+          "type" : "HTMLElement",
+          "desc" : "The element to move",
+          "isOptional" : false
+        },
+        {
+          "name" : "targetEl",
+          "type" : "HTMLElement",
+          "desc" : "The position reference element",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "unlock",
+      "type" : "function",
+      "desc" : "Unlock all drag and drop functionality",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : []
+    },
+    {
+      "name" : "getDDById",
+      "type" : "function",
+      "desc" : "Returns the DragDrop instance for a given id",
+      "sig" : "(id)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "the id of the DragDrop object",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "DragDrop",
+          "desc" : "the drag drop object, null if it is not found"
+        }
+      ]
+    },
+    {
+      "name" : "isLegalTarget",
+      "type" : "function",
+      "desc" : "Returns true if the specified dd target is a legal target for\nthe specifice drag obj",
+      "sig" : "(the, the)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "the",
+          "type" : "DragDrop",
+          "desc" : "drag obj",
+          "isOptional" : false
+        },
+        {
+          "name" : "the",
+          "type" : "DragDrop",
+          "desc" : "target",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "boolean",
+          "desc" : "true if the target is a legal target for the\ndd obj"
+        }
+      ]
+    },
+    {
+      "name" : "isTypeOfDD",
+      "type" : "function",
+      "desc" : "My goal is to be able to transparently determine if an object is\ntypeof DragDrop, and the exact subclass of DragDrop.  typeof\nreturns \"object\", oDD.constructor.toString() always returns\n\"DragDrop\" and not the name of the subclass.  So for now it just\nevaluates a well-known variable in DragDrop.",
+      "sig" : "(the)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "the",
+          "type" : "Object",
+          "desc" : "object to evaluate",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "boolean",
+          "desc" : "true if typeof oDD = DragDrop"
+        }
+      ]
+    },
+    {
+      "name" : "startDrag",
+      "type" : "function",
+      "desc" : "Fired when either the drag pixel threshol or the mousedown hold\ntime threshold has been met.",
+      "sig" : "(x, y)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "x",
+          "type" : "",
+          "desc" : "{int} the X position of the original mousedown",
+          "isOptional" : false
+        },
+        {
+          "name" : "y",
+          "type" : "",
+          "desc" : "{int} the Y position of the original mousedown",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "getStyle",
+      "type" : "function",
+      "desc" : "Returns the specified element style property",
+      "sig" : "(el, styleProp)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "This has been deprecated: use Roo.lib.Dom.getStyle",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "el",
+          "type" : "HTMLElement",
+          "desc" : "the element",
+          "isOptional" : false
+        },
+        {
+          "name" : "styleProp",
+          "type" : "string",
+          "desc" : "the style property",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "string",
+          "desc" : "The value of the style property"
+        }
+      ]
+    },
+    {
+      "name" : "getPosX",
+      "type" : "function",
+      "desc" : "Returns the X position of an html element",
+      "sig" : "(el)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "This has been deprecated: use Roo.lib.Dom.getX instead",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "el",
+          "type" : "",
+          "desc" : "the element for which to get the position",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "int",
+          "desc" : "the X coordinate"
+        }
+      ]
+    },
+    {
+      "name" : "getPosY",
+      "type" : "function",
+      "desc" : "Returns the Y position of an html element",
+      "sig" : "(el)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "This has been deprecated: use Roo.lib.Dom.getY instead",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "el",
+          "type" : "",
+          "desc" : "the element for which to get the position",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "int",
+          "desc" : "the Y coordinate"
+        }
+      ]
+    },
+    {
+      "name" : "isLocked",
+      "type" : "function",
+      "desc" : "Is drag and drop locked?",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "boolean",
+          "desc" : "True if drag and drop is locked, false otherwise."
+        }
+      ]
+    },
+    {
+      "name" : "getBestMatch",
+      "type" : "function",
+      "desc" : "Helper function for getting the best match from the list of drag\nand drop objects returned by the drag and drop events when we are\nin INTERSECT mode.  It returns either the first object that the\ncursor is over, or the object that has the greatest overlap with\nthe dragged element.",
+      "sig" : "(dds)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "dds",
+          "type" : "DragDrop[]",
+          "desc" : "The array of drag and drop objects\ntargeted",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "DragDrop",
+          "desc" : "The best single match"
+        }
+      ]
+    },
+    {
+      "name" : "getLocation",
+      "type" : "function",
+      "desc" : "Returns a Region object containing the drag and drop element's position\nand size, including the padding configured for it",
+      "sig" : "(oDD)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "oDD",
+          "type" : "DragDrop",
+          "desc" : "the drag and drop object to get the\n                      location for",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Roo.lib.Region",
+          "desc" : "a Region object representing the total area\n                            the element occupies, including any padding\n                            the instance is configured for."
+        }
+      ]
+    },
+    {
+      "name" : "isHandle",
+      "type" : "function",
+      "desc" : "Utility function to determine if a given element has been\nregistered as a drag drop handle for the given Drag Drop object.",
+      "sig" : "(id)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "the element id to check",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "boolean",
+          "desc" : "true if this element is a DragDrop handle, false\notherwise"
+        }
+      ]
+    },
+    {
+      "name" : "getScrollTop",
+      "type" : "function",
+      "desc" : "Gets the scrollTop",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "int",
+          "desc" : "the document's scrollTop"
+        }
+      ]
+    },
+    {
+      "name" : "numericSort",
+      "type" : "function",
+      "desc" : "Numeric array sort function",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : []
+    },
+    {
+      "name" : "regHandle",
+      "type" : "function",
+      "desc" : "Each DragDrop handle element must be registered.  This is done\nautomatically when executing DragDrop.setHandleElId()",
+      "sig" : "(sDDId, sHandleId)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "sDDId",
+          "type" : "String",
+          "desc" : "the DragDrop id this element is a handle for",
+          "isOptional" : false
+        },
+        {
+          "name" : "sHandleId",
+          "type" : "String",
+          "desc" : "the id of the element that is the drag\nhandle",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "getElement",
+      "type" : "function",
+      "desc" : "Returns the actual DOM element",
+      "sig" : "(id)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "This has been deprecated: use Roo.getDom instead",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "the id of the elment to get",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "The element"
+        }
+      ]
+    },
+    {
+      "name" : "verifyEl",
+      "type" : "function",
+      "desc" : "This checks to make sure an element exists and is in the DOM.  The\nmain purpose is to handle cases where innerHTML is used to remove\ndrag and drop objects from the DOM.  IE provides an 'unspecified\nerror' when trying to access the offsetParent of such an element",
+      "sig" : "(el)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "el",
+          "type" : "HTMLElement",
+          "desc" : "the element to check",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "boolean",
+          "desc" : "true if the element looks usable"
+        }
+      ]
+    }
+  ],
+  "events" : []
+}
\ No newline at end of file
index df118f6..9a189be 100644 (file)
@@ -15,7 +15,7 @@
   "tree_parent" : [],
   "desc" : "A simple class that provides the basic implementation needed to make any element draggable.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
     }
   ],
   "methods" : [
+    {
+      "name" : "afterDragDrop",
+      "type" : "function",
+      "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter a valid drag drop has occurred by providing an implementation.",
+      "sig" : "(target, e, id)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "target",
+          "type" : "Roo.dd.DragDrop",
+          "desc" : "The drop target",
+          "isOptional" : false
+        },
+        {
+          "name" : "e",
+          "type" : "Event",
+          "desc" : "The event object",
+          "isOptional" : false
+        },
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "The id of the dropped element",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
     {
       "name" : "beforeDragEnter",
       "type" : "function",
         }
       ]
     },
+    {
+      "name" : "afterDragOut",
+      "type" : "function",
+      "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter the dragged item is dragged out of the target without dropping.",
+      "sig" : "(target, e, id)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "target",
+          "type" : "Roo.dd.DragDrop",
+          "desc" : "The drop target",
+          "isOptional" : false
+        },
+        {
+          "name" : "e",
+          "type" : "Event",
+          "desc" : "The event object",
+          "isOptional" : false
+        },
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "The id of the dragged element",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
     {
       "name" : "beforeDragDrop",
       "type" : "function",
       ],
       "returns" : []
     },
+    {
+      "name" : "afterDragOver",
+      "type" : "function",
+      "desc" : "An empty function by default, but provided so that you can perform a custom action\nwhile the dragged item is over the drop target by providing an implementation.",
+      "sig" : "(target, e, id)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "target",
+          "type" : "Roo.dd.DragDrop",
+          "desc" : "The drop target",
+          "isOptional" : false
+        },
+        {
+          "name" : "e",
+          "type" : "Event",
+          "desc" : "The event object",
+          "isOptional" : false
+        },
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "The id of the dragged element",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "afterDragEnter",
+      "type" : "function",
+      "desc" : "An empty function by default, but provided so that you can perform a custom action\nwhen the dragged item enters the drop target by providing an implementation.",
+      "sig" : "(target, e, id)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "target",
+          "type" : "Roo.dd.DragDrop",
+          "desc" : "The drop target",
+          "isOptional" : false
+        },
+        {
+          "name" : "e",
+          "type" : "Event",
+          "desc" : "The event object",
+          "isOptional" : false
+        },
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "The id of the dragged element",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
     {
       "name" : "beforeDragOver",
       "type" : "function",
         }
       ]
     },
+    {
+      "name" : "afterInvalidDrop",
+      "type" : "function",
+      "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter an invalid drop has occurred by providing an implementation.",
+      "sig" : "(e, id)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "e",
+          "type" : "Event",
+          "desc" : "The event object",
+          "isOptional" : false
+        },
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "The id of the dropped element",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "afterValidDrop",
+      "type" : "function",
+      "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter a valid drop has occurred by providing an implementation.",
+      "sig" : "(target, e, id)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "target",
+          "type" : "Object",
+          "desc" : "The target DD",
+          "isOptional" : false
+        },
+        {
+          "name" : "e",
+          "type" : "Event",
+          "desc" : "The event object",
+          "isOptional" : false
+        },
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "The id of the dropped element",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
     {
       "name" : "initFrame",
       "type" : "function",
index dbdb474..164bec8 100644 (file)
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "This class provides a container DD instance that proxies for multiple child node sources.<br />\nBy default, this class requires that draggable child nodes are registered with {@link Roo.dd.Registry}.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
         }
       ]
     },
+    {
+      "name" : "afterDragDrop",
+      "type" : "function",
+      "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter a valid drag drop has occurred by providing an implementation.",
+      "sig" : "(target, e, id)",
+      "static" : false,
+      "memberOf" : "Roo.dd.DragSource",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "target",
+          "type" : "Roo.dd.DragDrop",
+          "desc" : "The drop target",
+          "isOptional" : false
+        },
+        {
+          "name" : "e",
+          "type" : "Event",
+          "desc" : "The event object",
+          "isOptional" : false
+        },
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "The id of the dropped element",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
     {
       "name" : "beforeDragEnter",
       "type" : "function",
         }
       ]
     },
+    {
+      "name" : "afterDragOut",
+      "type" : "function",
+      "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter the dragged item is dragged out of the target without dropping.",
+      "sig" : "(target, e, id)",
+      "static" : false,
+      "memberOf" : "Roo.dd.DragSource",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "target",
+          "type" : "Roo.dd.DragDrop",
+          "desc" : "The drop target",
+          "isOptional" : false
+        },
+        {
+          "name" : "e",
+          "type" : "Event",
+          "desc" : "The event object",
+          "isOptional" : false
+        },
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "The id of the dragged element",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
     {
       "name" : "beforeDragDrop",
       "type" : "function",
       ],
       "returns" : []
     },
+    {
+      "name" : "afterDragOver",
+      "type" : "function",
+      "desc" : "An empty function by default, but provided so that you can perform a custom action\nwhile the dragged item is over the drop target by providing an implementation.",
+      "sig" : "(target, e, id)",
+      "static" : false,
+      "memberOf" : "Roo.dd.DragSource",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "target",
+          "type" : "Roo.dd.DragDrop",
+          "desc" : "The drop target",
+          "isOptional" : false
+        },
+        {
+          "name" : "e",
+          "type" : "Event",
+          "desc" : "The event object",
+          "isOptional" : false
+        },
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "The id of the dragged element",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "afterDragEnter",
+      "type" : "function",
+      "desc" : "An empty function by default, but provided so that you can perform a custom action\nwhen the dragged item enters the drop target by providing an implementation.",
+      "sig" : "(target, e, id)",
+      "static" : false,
+      "memberOf" : "Roo.dd.DragSource",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "target",
+          "type" : "Roo.dd.DragDrop",
+          "desc" : "The drop target",
+          "isOptional" : false
+        },
+        {
+          "name" : "e",
+          "type" : "Event",
+          "desc" : "The event object",
+          "isOptional" : false
+        },
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "The id of the dragged element",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
     {
       "name" : "beforeDragOver",
       "type" : "function",
         }
       ]
     },
+    {
+      "name" : "afterInvalidDrop",
+      "type" : "function",
+      "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter an invalid drop has occurred by providing an implementation.",
+      "sig" : "(e, id)",
+      "static" : false,
+      "memberOf" : "Roo.dd.DragSource",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "e",
+          "type" : "Event",
+          "desc" : "The event object",
+          "isOptional" : false
+        },
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "The id of the dropped element",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "afterValidDrop",
+      "type" : "function",
+      "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter a valid drop has occurred by providing an implementation.",
+      "sig" : "(target, e, id)",
+      "static" : false,
+      "memberOf" : "Roo.dd.DragSource",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "target",
+          "type" : "Object",
+          "desc" : "The target DD",
+          "isOptional" : false
+        },
+        {
+          "name" : "e",
+          "type" : "Event",
+          "desc" : "The event object",
+          "isOptional" : false
+        },
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "The id of the dropped element",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
     {
       "name" : "initFrame",
       "type" : "function",
index 6bc2a1a..feebb7e 100644 (file)
@@ -14,7 +14,7 @@
   "tree_parent" : [],
   "desc" : "A simple class that provides the basic implementation needed to make any element a drop target that can have\ndraggable items dropped onto it.  The drop has no effect until an implementation of notifyDrop is provided.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index d0d77eb..5c609db 100644 (file)
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "This class provides a container DD instance that proxies for multiple child node targets.<br />\nBy default, this class requires that child nodes accepting drop are registered with {@link Roo.dd.Registry}.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 13c89a6..fece0f2 100644 (file)
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Provides easy access to all drag drop components that are registered on a page.  Items can be retrieved either\ndirectly by DOM node id, or by passing in the drag drop event that occurred and looking up the event target.",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : false,
index d80ac90..9db8537 100644 (file)
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Provides automatic scrolling of overflow regions in the page during drag operations.<br><br>\n<b>Note: This class uses \"Point Mode\" and is untested in \"Intersect Mode\".</b>",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : false,
index 426ed8e..229a388 100644 (file)
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "A specialized drag proxy that supports a drop status icon, {@link Roo.Layer} styles and auto-repair.  This is the\ndefault drag proxy used by all Roo.dd components.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 4c84f70..22a9dec 100644 (file)
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "Internal Class used to handle form actions",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index b8f2cc9..67e71e5 100644 (file)
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Supplies the functionality to do \"actions\" on forms and initialize Roo.form.Field types on existing markup.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 4e8420c..54ef4cc 100644 (file)
@@ -15,7 +15,7 @@
   "tree_parent" : [],
   "desc" : "Single checkbox field.  Can be used as a direct replacement for traditional checkbox fields.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index fc0960f..2c0a45c 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Creates a column container for layout and rendering of fields in an {@link Roo.form.Form}.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index eb764d0..92267c4 100644 (file)
@@ -18,7 +18,7 @@
   "tree_parent" : [],
   "desc" : "A combobox control with support for autocomplete, remote-loading, paging and many other features.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index a0cf016..5742ae9 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "A selected item in the list\n Fred [x]  Brian [x]  [Pick another |v]",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index e5b7790..9e2dbf7 100644 (file)
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "A facebook style adder... for lists of email / people / countries  etc...\npick multiple items from a combo box, and shows each one.\n\n Fred [x]  Brian [x]  [Pick another |v]\n\n\n For this to work: it needs various extra information\n   - normal combo problay has\n     name, hiddenName\n   + displayField, valueField\n\n   For our purpose...\n\n\n  If we change from 'extends' to wrapping...",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 66825e4..7cd42b3 100644 (file)
@@ -14,7 +14,7 @@
   "tree_parent" : [],
   "desc" : "A combobox for multiple select items.\n\nFIXME - could do with a reset button..",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index d1670ad..e4fd49d 100644 (file)
@@ -14,7 +14,7 @@
   "tree_parent" : [],
   "desc" : "A combobox for that allows selection of nested items in a list,\neg.\n\n Book\n   -> red\n   -> green\n Table\n   -> square\n     ->red\n     ->green\n   -> rectangle\n     ->green",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 094a728..60c1ca9 100644 (file)
@@ -13,7 +13,7 @@
   "tree_parent" : [],
   "desc" : "Provides a date input field with a {@link Roo.DatePicker} dropdown and automatic date validation.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 10f5cef..49009d7 100644 (file)
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "A Day picker show [M] [T] [W] ....",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 30bc1df..cba4b83 100644 (file)
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "A generic Field to display non-editable data.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 6ebb0ec..6518882 100644 (file)
@@ -13,7 +13,7 @@
   "tree_parent" : [],
   "desc" : "Wrapper around the FCKEditor http://www.fckeditor.net",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 9284d48..87532e5 100644 (file)
@@ -43,7 +43,7 @@
   "tree_parent" : [],
   "desc" : "Base class for form fields that provides default event handling, sizing, value handling and other functionality.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 9f8d6f5..f1cce2b 100644 (file)
@@ -39,7 +39,7 @@
   "tree_parent" : [],
   "desc" : "Creates a fieldset container for layout and rendering of fields in an {@link Roo.form.Form}.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 47523d9..c771b57 100644 (file)
@@ -39,7 +39,7 @@
   "tree_parent" : [],
   "desc" : "Adds the ability to dynamically render forms with JavaScript to {@link Roo.form.BasicForm}.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 6da3e83..085a31f 100644 (file)
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "Embed a grid (or editable grid into a form)\nSTATUS ALPHA\n\nThis embeds a grid in a form, the value of the field should be the json encoded array of rows\nit needs \nxgrid.store = Roo.data.Store\nxgrid.store.proxy = Roo.data.MemoryProxy (data = [] )\nxgrid.store.reader = Roo.data.JsonReader",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index fb92026..fcfdf90 100644 (file)
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Simple Hidden element used on forms \n\nusage: form.add(new Roo.form.HiddenField({ 'name' : 'test1' }));",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 479841b..d44eb12 100644 (file)
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "Context Toolbar\n\nUsage:\n\n new Roo.form.HtmlEditor({\n    ....\n    toolbars : [\n        { xtype: 'ToolbarStandard', styles : {} }\n        { xtype: 'ToolbarContext', disable : {} }\n    ]\n})",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 0e5ff3f..9c6c2d4 100644 (file)
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "Basic Toolbar\n\nUsage:\n\n new Roo.form.HtmlEditor({\n    ....\n    toolbars : [\n        new Roo.form.HtmlEditorToolbar1({\n            disable : { fonts: 1 , format: 1, ..., ... , ...],\n            btns : [ .... ]\n        })\n    }",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index d8b7c44..7c5a7b3 100644 (file)
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "Provides a lightweight HTML Editor component.\n\nThis has been tested on Fireforx / Chrome.. IE may not be so great..\n\n<br><br><b>Note: The focus/blur and validation marking functionality inherited from Ext.form.Field is NOT\nsupported by this editor.</b><br/><br/>\nAn Editor is a sensitive component that can't be used in all spots standard fields can be used. Putting an Editor within\nany element that has display set to 'none' can cause problems in Safari and Firefox.<br/><br/>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index c20acad..fea1d46 100644 (file)
@@ -44,7 +44,7 @@
   "tree_parent" : [],
   "desc" : "Creates a container for layout and rendering of fields in an {@link Roo.form.Form}.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index a8cc9e6..60cc4d2 100644 (file)
@@ -13,7 +13,7 @@
   "tree_parent" : [],
   "desc" : "Provides a date input field with a {@link Roo.DatePicker} dropdown and automatic date validation.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 8bfd494..6dd9f5f 100644 (file)
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Numeric text field that provides automatic keystroke filtering and numeric validation.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 03ac6fb..9f8f5df 100644 (file)
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Single radio field.  Same as Checkbox, but provided as a convenience for automatically setting the input type.\nRadio grouping is handled automatically by the browser if you give each radio in a group the same name.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 175f470..962ab56 100644 (file)
@@ -39,7 +39,7 @@
   "tree_parent" : [],
   "desc" : "Creates a row container for layout and rendering of fields in an {@link Roo.form.Form}.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index d4768fe..04258fe 100644 (file)
@@ -13,7 +13,7 @@
   "tree_parent" : [],
   "desc" : "A combobox control with support for autocomplete, remote-loading, paging and many other features.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index cced295..cad5361 100644 (file)
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "Signature field.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index aed62c5..7a073f3 100644 (file)
@@ -16,7 +16,7 @@
   "tree_parent" : [],
   "desc" : "Multiline text field.  Can be used as a direct replacement for traditional textarea fields, plus adds\nsupport for auto-sizing.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 8e48eed..491eacc 100644 (file)
@@ -32,7 +32,7 @@
   "tree_parent" : [],
   "desc" : "Basic text field.  Can be used as a direct replacement for traditional text inputs, or as the base\nclass for more sophisticated input controls (like {@link Roo.form.TextArea} and {@link Roo.form.ComboBox}).",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index d45eaff..0d471ed 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Base class for form fields that provides default event handling, sizing, value handling and other functionality.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index b028458..3c077ef 100644 (file)
@@ -23,7 +23,7 @@
   "tree_parent" : [],
   "desc" : "Provides a convenient wrapper for TextFields that adds a clickable trigger button (looks like a combobox by default).\nThe trigger has no default action, so you must assign a function to implement the trigger click handler by\noverriding {@link #onTriggerClick}. You can create a TriggerField directly, as it renders exactly like a combobox\nfor which you can provide a custom implementation.  For example:\n<pre><code>\nvar trigger = new Roo.form.TriggerField();\ntrigger.onTriggerClick = myTriggerFn;\ntrigger.applyTo('my-field');\n</code></pre>\n\nHowever, in general you will most likely want to use TriggerField as the base class for a reusable component.\n{@link Roo.form.DateField} and {@link Roo.form.ComboBox} are perfect examples of this.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 2433e15..df5de57 100644 (file)
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Overridable validation definitions. The validations provided are basic and intended to be easily customizable and extended.",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : false,
index d5902e7..46c333d 100644 (file)
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "Abstract base class for grid Views",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : true,
   "isBuilderTop" : false,
index 1d70a3d..48a2138 100644 (file)
@@ -13,7 +13,7 @@
   "tree_parent" : [],
   "desc" : "Abstract base class for grid SelectionModels.  It provides the interface that should be\nimplemented by descendant classes.  This class should not be directly instantiated.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : true,
   "isBuilderTop" : false,
index 46b4258..b21e1f2 100644 (file)
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "This class extends the Grid to provide a calendar widget\n<br><br>Usage:<pre><code>\n var grid = new Roo.grid.Calendar(\"my-container-id\", {\n     ds: myDataStore,\n     cm: myColModel,\n     selModel: mySelectionModel,\n     autoSizeColumns: true,\n     monitorWindowResize: false,\n     trackMouseOver: true\n     eventstore : real data store..\n });\n // set any options\n grid.render();",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 380faa2..84a61f4 100644 (file)
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "This class provides the basic implementation for cell selection in a grid.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 0c8876e..75a7150 100644 (file)
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "This is the default implementation of a ColumnModel used by the Grid. It defines\nthe columns in the grid.\n<br>Usage:<br>\n <pre><code>\n var colModel = new Roo.grid.ColumnModel([\n\t{header: \"Ticker\", width: 60, sortable: true, locked: true},\n\t{header: \"Company Name\", width: 150, sortable: true},\n\t{header: \"Market Cap.\", width: 100, sortable: true},\n\t{header: \"$ Sales\", width: 100, sortable: true, renderer: money},\n\t{header: \"Employees\", width: 100, sortable: true, resizable: false}\n ]);\n </code></pre>\n<p>\nThe config options listed for this class are options which may appear in each\nindividual column definition.\n<br/>RooJS Fix - column id's are not sequential but use Roo.id() - fixes bugs with layouts.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index f550acf..9809c97 100644 (file)
@@ -13,7 +13,7 @@
   "tree_parent" : [],
   "desc" : "Class for creating and editable grid.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 01228bd..3ffc45e 100644 (file)
@@ -16,7 +16,7 @@
   "tree_parent" : [],
   "desc" : "This class represents the primary interface of a component based grid control.\n<br><br>Usage:<pre><code>\n var grid = new Roo.grid.Grid(\"my-container-id\", {\n     ds: myDataStore,\n     cm: myColModel,\n     selModel: mySelectionModel,\n     autoSizeColumns: true,\n     monitorWindowResize: false,\n     trackMouseOver: true\n });\n // set any options\n grid.render();\n</code></pre>\n<b>Common Problems:</b><br/>\n- Grid does not resize properly when going smaller: Setting overflow hidden on the container\nelement will correct this<br/>\n- If you get el.style[camel]= NaNpx or -2px or something related, be certain you have given your container element\ndimensions. The grid adapts to your container's size, if your container has no size defined then the results\nare unpredictable.<br/>\n- Do not render the grid into an element with display:none. Try using visibility:hidden. Otherwise there is no way for the\ngrid to calculate dimensions/offsets.<br/>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 6c141e7..f686c58 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Class for creating and editable grid elements.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index bf0ccd9..c86d592 100644 (file)
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 243baee..c0242bf 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "This class represents the  interface of a component based property grid control.\n<br><br>Usage:<pre><code>\n var grid = new Roo.grid.PropertyGrid(\"my-container-id\", {\n      \n });\n // set any options\n grid.render();\n</code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 865d64d..edf8174 100644 (file)
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "The default SelectionModel used by {@link Roo.grid.Grid}.\nIt supports multiple selections and keyboard selection/navigation.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index b78a8e0..5c96a83 100644 (file)
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "Support for Column Header resizing",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 8e05387..74a16c4 100644 (file)
@@ -4,9 +4,9 @@
   "childClasses" : {  },
   "tree_children" : [],
   "tree_parent" : [],
-  "desc" : "",
+  "desc" : "provide a simple Ajax request utility functions\n\nPortions of this file are based on pieces of Yahoo User Interface Library\nCopyright (c) 2007, Yahoo! Inc. All rights reserved.\nYUI licensed under the BSD License:\nhttp://developer.yahoo.net/yui/license.txt\n<script type=\"text/javascript\">",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
       "requires" : "",
       "params" : [],
       "returns" : []
+    },
+    {
+      "name" : "serializeForm",
+      "type" : "function",
+      "desc" : "serialize a form",
+      "sig" : "(form)",
+      "static" : true,
+      "memberOf" : "",
+      "isStatic" : true,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "form",
+          "type" : "DomForm",
+          "desc" : "element",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "urlencode form output."
+        }
+      ]
     }
   ],
   "events" : []
diff --git a/docs/symbols/Roo.lib.Color.json b/docs/symbols/Roo.lib.Color.json
new file mode 100644 (file)
index 0000000..fc7fbc6
--- /dev/null
@@ -0,0 +1,384 @@
+{
+  "name" : "Roo.lib.Color",
+  "augments" : [],
+  "childClasses" : {
+    "Roo.lib.Color" : [
+      "Roo.lib.HSLColor",
+      "Roo.lib.HSVColor",
+      "Roo.lib.RGBColor"
+    ]
+  },
+  "tree_children" : [],
+  "tree_parent" : [],
+  "desc" : "An abstract Color implementation. Concrete Color implementations should use\nan instance of this function as their prototype, and implement the getRGB and\ngetHSL functions. getRGB should return an object representing the RGB\ncomponents of this Color, with the red, green, and blue components in the\nrange [0,255] and the alpha component in the range [0,100]. getHSL should\nreturn an object representing the HSL components of this Color, with the hue\ncomponent in the range [0,360), the saturation and lightness components in\nthe range [0,100], and the alpha component in the range [0,1].\n\n\nColor.js\n\nFunctions for Color handling and processing.\n\nhttp://www.safalra.com/web-design/javascript/Color-handling-and-processing/\n\nThe author of this program, Safalra (Stephen Morley), irrevocably releases all\nrights to this program, with the intention of it becoming part of the public\ndomain. Because this program is released into the public domain, it comes with\nno warranty either expressed or implied, to the extent permitted by law.\n\nFor more free and public domain JavaScript code by the same author, visit:\nhttp://www.safalra.com/web-design/javascript/",
+  "isSingleton" : false,
+  "isStatic" : false,
+  "isBuiltin" : false,
+  "isAbstract" : false,
+  "isBuilderTop" : false,
+  "memberOf" : "Color",
+  "example" : "",
+  "deprecated" : "",
+  "since" : "",
+  "see" : "",
+  "params" : [],
+  "returns" : [],
+  "throws" : "",
+  "requires" : "",
+  "config" : [],
+  "methods" : [
+    {
+      "name" : "getPercentageRGB",
+      "type" : "function",
+      "desc" : "getPercentageRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to numbers in the range [0,100].\nThe alpha is a value in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getRGB",
+      "type" : "function",
+      "desc" : "getRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "the RGB and alpha components of this Color as an object with r,\ng, b, and a properties. r, g, and b are in the range [0,255] and a is in\nthe range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getIntegerRGB",
+      "type" : "function",
+      "desc" : "getIntegerRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to integers in the range [0,255].\nThe alpha is a value in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSIntegerRGBA",
+      "type" : "function",
+      "desc" : "getCSSIntegerRGBA",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "Returns a string representing this Color as a CSS integer RGBA Color\nvalue - that is, a string of the form rgba(r,g,b,a) where each of r, g, and\nb are integers in the range [0,255] and a is in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSHSL",
+      "type" : "function",
+      "desc" : "getCSSHSL",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS HSL Color value - that\nis, a string of the form hsl(h,s%,l%) where h is in the range [0,100] and\ns and l are in the range [0,100]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSHexadecimalRGB",
+      "type" : "function",
+      "desc" : "getCSSHexadecimalRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS hexadecimal RGB Color\nvalue - that is, a string of the form #RRGGBB where each of RR, GG, and BB\nare two-digit hexadecimal numbers."
+        }
+      ]
+    },
+    {
+      "name" : "setNodeBackgroundColor",
+      "type" : "function",
+      "desc" : "Sets the background Color of the specified node to this Color. This\nfunctions sets the CSS 'background-color' property for the node. The\nparameter is:",
+      "sig" : "(node)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "node",
+          "type" : "DomElement",
+          "desc" : "- the node whose background Color should be set",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "getHSL",
+      "type" : "function",
+      "desc" : "getHSL",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "the HSL and alpha components of this Color as an object with h,\ns, l, and a properties. h is in the range [0,360), s and l are in the range\n[0,100], and a is in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getHSV",
+      "type" : "function",
+      "desc" : "getHSV",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "the HSV and alpha components of this Color as an object with h,\ns, v, and a properties. h is in the range [0,360), s and v are in the range\n[0,100], and a is in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSPercentageRGB",
+      "type" : "function",
+      "desc" : "getCSSPercentageRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS percentage RGB Color\nvalue - that is, a string of the form rgb(r%,g%,b%) where each of r, g, and\nb are in the range [0,100]."
+        }
+      ]
+    },
+    {
+      "name" : "setNodeColor",
+      "type" : "function",
+      "desc" : "Sets the Color of the specified node to this Color. This functions sets\nthe CSS 'color' property for the node. The parameter is:",
+      "sig" : "(node)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "node",
+          "type" : "DomElement",
+          "desc" : "- the node whose Color should be set",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "getCSSIntegerRGB",
+      "type" : "function",
+      "desc" : "getCSSIntegerRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS integer RGB Color\nvalue - that is, a string of the form rgb(r,g,b) where each of r, g, and b\nare integers in the range [0,255]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSHSLA",
+      "type" : "function",
+      "desc" : "getCSSHSLA",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS HSLA Color value - that\nis, a string of the form hsla(h,s%,l%,a) where h is in the range [0,100],\ns and l are in the range [0,100], and a is in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSPercentageRGBA",
+      "type" : "function",
+      "desc" : "getCSSPercentageRGBA",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS percentage RGBA Color\nvalue - that is, a string of the form rgba(r%,g%,b%,a) where each of r, g,\nand b are in the range [0,100] and a is in the range [0,1]."
+        }
+      ]
+    }
+  ],
+  "events" : []
+}
\ No newline at end of file
index c5cb943..47ffcde 100644 (file)
   "requires" : "",
   "config" : [],
   "methods" : [
+    {
+      "name" : "getDocumentWidth",
+      "type" : "function",
+      "desc" : "Get the Full Document width",
+      "sig" : "()\n{\n\n}",
+      "static" : true,
+      "memberOf" : "",
+      "isStatic" : true,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Number",
+          "desc" : "The width"
+        }
+      ]
+    },
+    {
+      "name" : "getViewportWidth",
+      "type" : "function",
+      "desc" : "Get the Window Viewport width",
+      "sig" : "()\n{\n\n}",
+      "static" : true,
+      "memberOf" : "",
+      "isStatic" : true,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Number",
+          "desc" : "The width"
+        }
+      ]
+    },
     {
       "name" : "getViewWidth",
       "type" : "function",
         }
       ]
     },
+    {
+      "name" : "getDocumentHeight",
+      "type" : "function",
+      "desc" : "Get the Full Document height",
+      "sig" : "()\n{\n\n}",
+      "static" : true,
+      "memberOf" : "",
+      "isStatic" : true,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Number",
+          "desc" : "The height"
+        }
+      ]
+    },
     {
       "name" : "getViewHeight",
       "type" : "function",
           "desc" : "The height"
         }
       ]
+    },
+    {
+      "name" : "getViewportHeight",
+      "type" : "function",
+      "desc" : "Get the Window Viewport height",
+      "sig" : "()\n{\n\n}",
+      "static" : true,
+      "memberOf" : "",
+      "isStatic" : true,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Number",
+          "desc" : "The height"
+        }
+      ]
     }
   ],
   "events" : []
diff --git a/docs/symbols/Roo.lib.HSLColor.json b/docs/symbols/Roo.lib.HSLColor.json
new file mode 100644 (file)
index 0000000..b61d0ad
--- /dev/null
@@ -0,0 +1,405 @@
+{
+  "name" : "Roo.lib.HSLColor",
+  "augments" : [
+    "Roo.lib.Color"
+  ],
+  "childClasses" : {  },
+  "tree_children" : [],
+  "tree_parent" : [],
+  "desc" : "",
+  "isSingleton" : false,
+  "isStatic" : false,
+  "isBuiltin" : false,
+  "isAbstract" : false,
+  "isBuilderTop" : false,
+  "memberOf" : "HSLColor",
+  "example" : "",
+  "deprecated" : "",
+  "since" : "",
+  "see" : "",
+  "params" : [
+    {
+      "name" : "h",
+      "type" : "Number",
+      "desc" : "- the hue component, wrapped to the range [0,360)",
+      "isOptional" : false
+    },
+    {
+      "name" : "s",
+      "type" : "Number",
+      "desc" : "- the saturation component, clipped to the range [0,100]",
+      "isOptional" : false
+    },
+    {
+      "name" : "l",
+      "type" : "Number",
+      "desc" : "- the lightness component, clipped to the range [0,100]",
+      "isOptional" : false
+    },
+    {
+      "name" : "a",
+      "type" : "Number",
+      "desc" : "- the alpha component, clipped to the range [0,1] - this parameter is\n    optional and defaults to 1",
+      "isOptional" : false
+    }
+  ],
+  "returns" : [],
+  "throws" : "",
+  "requires" : "",
+  "config" : [],
+  "methods" : [
+    {
+      "name" : "getPercentageRGB",
+      "type" : "function",
+      "desc" : "getPercentageRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to numbers in the range [0,100].\nThe alpha is a value in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getRGB",
+      "type" : "function",
+      "desc" : "getRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "the RGB and alpha components of this Color as an object with r,\ng, b, and a properties. r, g, and b are in the range [0,255] and a is in\nthe range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getIntegerRGB",
+      "type" : "function",
+      "desc" : "getIntegerRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to integers in the range [0,255].\nThe alpha is a value in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSIntegerRGBA",
+      "type" : "function",
+      "desc" : "getCSSIntegerRGBA",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "Returns a string representing this Color as a CSS integer RGBA Color\nvalue - that is, a string of the form rgba(r,g,b,a) where each of r, g, and\nb are integers in the range [0,255] and a is in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSHSL",
+      "type" : "function",
+      "desc" : "getCSSHSL",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS HSL Color value - that\nis, a string of the form hsl(h,s%,l%) where h is in the range [0,100] and\ns and l are in the range [0,100]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSHexadecimalRGB",
+      "type" : "function",
+      "desc" : "getCSSHexadecimalRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS hexadecimal RGB Color\nvalue - that is, a string of the form #RRGGBB where each of RR, GG, and BB\nare two-digit hexadecimal numbers."
+        }
+      ]
+    },
+    {
+      "name" : "setNodeBackgroundColor",
+      "type" : "function",
+      "desc" : "Sets the background Color of the specified node to this Color. This\nfunctions sets the CSS 'background-color' property for the node. The\nparameter is:",
+      "sig" : "(node)",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "node",
+          "type" : "DomElement",
+          "desc" : "- the node whose background Color should be set",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "getHSL",
+      "type" : "function",
+      "desc" : "getHSL",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "the HSL and alpha components of this Color as an object with h,\ns, l, and a properties. h is in the range [0,360), s and l are in the range\n[0,100], and a is in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getHSV",
+      "type" : "function",
+      "desc" : "getHSV",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "the HSV and alpha components of this Color as an object with h,\ns, v, and a properties. h is in the range [0,360), s and v are in the range\n[0,100], and a is in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSPercentageRGB",
+      "type" : "function",
+      "desc" : "getCSSPercentageRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS percentage RGB Color\nvalue - that is, a string of the form rgb(r%,g%,b%) where each of r, g, and\nb are in the range [0,100]."
+        }
+      ]
+    },
+    {
+      "name" : "setNodeColor",
+      "type" : "function",
+      "desc" : "Sets the Color of the specified node to this Color. This functions sets\nthe CSS 'color' property for the node. The parameter is:",
+      "sig" : "(node)",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "node",
+          "type" : "DomElement",
+          "desc" : "- the node whose Color should be set",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "getCSSIntegerRGB",
+      "type" : "function",
+      "desc" : "getCSSIntegerRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS integer RGB Color\nvalue - that is, a string of the form rgb(r,g,b) where each of r, g, and b\nare integers in the range [0,255]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSHSLA",
+      "type" : "function",
+      "desc" : "getCSSHSLA",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS HSLA Color value - that\nis, a string of the form hsla(h,s%,l%,a) where h is in the range [0,100],\ns and l are in the range [0,100], and a is in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSPercentageRGBA",
+      "type" : "function",
+      "desc" : "getCSSPercentageRGBA",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS percentage RGBA Color\nvalue - that is, a string of the form rgba(r%,g%,b%,a) where each of r, g,\nand b are in the range [0,100] and a is in the range [0,1]."
+        }
+      ]
+    }
+  ],
+  "events" : []
+}
\ No newline at end of file
diff --git a/docs/symbols/Roo.lib.HSVColor.json b/docs/symbols/Roo.lib.HSVColor.json
new file mode 100644 (file)
index 0000000..20e24b1
--- /dev/null
@@ -0,0 +1,405 @@
+{
+  "name" : "Roo.lib.HSVColor",
+  "augments" : [
+    "Roo.lib.Color"
+  ],
+  "childClasses" : {  },
+  "tree_children" : [],
+  "tree_parent" : [],
+  "desc" : "Creates a Color specified in the HSV Color space, with an optional alpha\ncomponent. The parameters are:",
+  "isSingleton" : false,
+  "isStatic" : false,
+  "isBuiltin" : false,
+  "isAbstract" : false,
+  "isBuilderTop" : false,
+  "memberOf" : "HSVColor",
+  "example" : "",
+  "deprecated" : "",
+  "since" : "",
+  "see" : "",
+  "params" : [
+    {
+      "name" : "h",
+      "type" : "Number",
+      "desc" : "- the hue component, wrapped to the range [0,360)",
+      "isOptional" : false
+    },
+    {
+      "name" : "s",
+      "type" : "Number",
+      "desc" : "- the saturation component, clipped to the range [0,100]",
+      "isOptional" : false
+    },
+    {
+      "name" : "v",
+      "type" : "Number",
+      "desc" : "- the value component, clipped to the range [0,100]",
+      "isOptional" : false
+    },
+    {
+      "name" : "a",
+      "type" : "Number",
+      "desc" : "- the alpha component, clipped to the range [0,1] - this parameter is\n    optional and defaults to 1",
+      "isOptional" : false
+    }
+  ],
+  "returns" : [],
+  "throws" : "",
+  "requires" : "",
+  "config" : [],
+  "methods" : [
+    {
+      "name" : "getPercentageRGB",
+      "type" : "function",
+      "desc" : "getPercentageRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to numbers in the range [0,100].\nThe alpha is a value in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getRGB",
+      "type" : "function",
+      "desc" : "getRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "the RGB and alpha components of this Color as an object with r,\ng, b, and a properties. r, g, and b are in the range [0,255] and a is in\nthe range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getIntegerRGB",
+      "type" : "function",
+      "desc" : "getIntegerRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to integers in the range [0,255].\nThe alpha is a value in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSIntegerRGBA",
+      "type" : "function",
+      "desc" : "getCSSIntegerRGBA",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "Returns a string representing this Color as a CSS integer RGBA Color\nvalue - that is, a string of the form rgba(r,g,b,a) where each of r, g, and\nb are integers in the range [0,255] and a is in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSHSL",
+      "type" : "function",
+      "desc" : "getCSSHSL",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS HSL Color value - that\nis, a string of the form hsl(h,s%,l%) where h is in the range [0,100] and\ns and l are in the range [0,100]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSHexadecimalRGB",
+      "type" : "function",
+      "desc" : "getCSSHexadecimalRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS hexadecimal RGB Color\nvalue - that is, a string of the form #RRGGBB where each of RR, GG, and BB\nare two-digit hexadecimal numbers."
+        }
+      ]
+    },
+    {
+      "name" : "setNodeBackgroundColor",
+      "type" : "function",
+      "desc" : "Sets the background Color of the specified node to this Color. This\nfunctions sets the CSS 'background-color' property for the node. The\nparameter is:",
+      "sig" : "(node)",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "node",
+          "type" : "DomElement",
+          "desc" : "- the node whose background Color should be set",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "getHSL",
+      "type" : "function",
+      "desc" : "getHSL",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "the HSL and alpha components of this Color as an object with h,\ns, l, and a properties. h is in the range [0,360), s and l are in the range\n[0,100], and a is in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getHSV",
+      "type" : "function",
+      "desc" : "getHSV",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "the HSV and alpha components of this Color as an object with h,\ns, v, and a properties. h is in the range [0,360), s and v are in the range\n[0,100], and a is in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSPercentageRGB",
+      "type" : "function",
+      "desc" : "getCSSPercentageRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS percentage RGB Color\nvalue - that is, a string of the form rgb(r%,g%,b%) where each of r, g, and\nb are in the range [0,100]."
+        }
+      ]
+    },
+    {
+      "name" : "setNodeColor",
+      "type" : "function",
+      "desc" : "Sets the Color of the specified node to this Color. This functions sets\nthe CSS 'color' property for the node. The parameter is:",
+      "sig" : "(node)",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "node",
+          "type" : "DomElement",
+          "desc" : "- the node whose Color should be set",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "getCSSIntegerRGB",
+      "type" : "function",
+      "desc" : "getCSSIntegerRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS integer RGB Color\nvalue - that is, a string of the form rgb(r,g,b) where each of r, g, and b\nare integers in the range [0,255]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSHSLA",
+      "type" : "function",
+      "desc" : "getCSSHSLA",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS HSLA Color value - that\nis, a string of the form hsla(h,s%,l%,a) where h is in the range [0,100],\ns and l are in the range [0,100], and a is in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSPercentageRGBA",
+      "type" : "function",
+      "desc" : "getCSSPercentageRGBA",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS percentage RGBA Color\nvalue - that is, a string of the form rgba(r%,g%,b%,a) where each of r, g,\nand b are in the range [0,100] and a is in the range [0,1]."
+        }
+      ]
+    }
+  ],
+  "events" : []
+}
\ No newline at end of file
diff --git a/docs/symbols/Roo.lib.RGBColor.json b/docs/symbols/Roo.lib.RGBColor.json
new file mode 100644 (file)
index 0000000..38c4b92
--- /dev/null
@@ -0,0 +1,405 @@
+{
+  "name" : "Roo.lib.RGBColor",
+  "augments" : [
+    "Roo.lib.Color"
+  ],
+  "childClasses" : {  },
+  "tree_children" : [],
+  "tree_parent" : [],
+  "desc" : "Creates a Color specified in the RGB Color space, with an optional alpha\ncomponent. The parameters are:",
+  "isSingleton" : false,
+  "isStatic" : false,
+  "isBuiltin" : false,
+  "isAbstract" : false,
+  "isBuilderTop" : false,
+  "memberOf" : "RGBColor",
+  "example" : "",
+  "deprecated" : "",
+  "since" : "",
+  "see" : "",
+  "params" : [
+    {
+      "name" : "r",
+      "type" : "Number",
+      "desc" : "- the red component, clipped to the range [0,255]",
+      "isOptional" : false
+    },
+    {
+      "name" : "g",
+      "type" : "Number",
+      "desc" : "- the green component, clipped to the range [0,255]",
+      "isOptional" : false
+    },
+    {
+      "name" : "b",
+      "type" : "Number",
+      "desc" : "- the blue component, clipped to the range [0,255]",
+      "isOptional" : false
+    },
+    {
+      "name" : "a",
+      "type" : "Number",
+      "desc" : "- the alpha component, clipped to the range [0,1] - this parameter is\n    optional and defaults to 1",
+      "isOptional" : false
+    }
+  ],
+  "returns" : [],
+  "throws" : "",
+  "requires" : "",
+  "config" : [],
+  "methods" : [
+    {
+      "name" : "getPercentageRGB",
+      "type" : "function",
+      "desc" : "getPercentageRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to numbers in the range [0,100].\nThe alpha is a value in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getRGB",
+      "type" : "function",
+      "desc" : "getRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "the RGB and alpha components of this Color as an object with r,\ng, b, and a properties. r, g, and b are in the range [0,255] and a is in\nthe range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getIntegerRGB",
+      "type" : "function",
+      "desc" : "getIntegerRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to integers in the range [0,255].\nThe alpha is a value in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSIntegerRGBA",
+      "type" : "function",
+      "desc" : "getCSSIntegerRGBA",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "Returns a string representing this Color as a CSS integer RGBA Color\nvalue - that is, a string of the form rgba(r,g,b,a) where each of r, g, and\nb are integers in the range [0,255] and a is in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSHSL",
+      "type" : "function",
+      "desc" : "getCSSHSL",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS HSL Color value - that\nis, a string of the form hsl(h,s%,l%) where h is in the range [0,100] and\ns and l are in the range [0,100]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSHexadecimalRGB",
+      "type" : "function",
+      "desc" : "getCSSHexadecimalRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS hexadecimal RGB Color\nvalue - that is, a string of the form #RRGGBB where each of RR, GG, and BB\nare two-digit hexadecimal numbers."
+        }
+      ]
+    },
+    {
+      "name" : "setNodeBackgroundColor",
+      "type" : "function",
+      "desc" : "Sets the background Color of the specified node to this Color. This\nfunctions sets the CSS 'background-color' property for the node. The\nparameter is:",
+      "sig" : "(node)",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "node",
+          "type" : "DomElement",
+          "desc" : "- the node whose background Color should be set",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "getHSL",
+      "type" : "function",
+      "desc" : "getHSL",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "the HSL and alpha components of this Color as an object with h,\ns, l, and a properties. h is in the range [0,360), s and l are in the range\n[0,100], and a is in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getHSV",
+      "type" : "function",
+      "desc" : "getHSV",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "the HSV and alpha components of this Color as an object with h,\ns, v, and a properties. h is in the range [0,360), s and v are in the range\n[0,100], and a is in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSPercentageRGB",
+      "type" : "function",
+      "desc" : "getCSSPercentageRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS percentage RGB Color\nvalue - that is, a string of the form rgb(r%,g%,b%) where each of r, g, and\nb are in the range [0,100]."
+        }
+      ]
+    },
+    {
+      "name" : "setNodeColor",
+      "type" : "function",
+      "desc" : "Sets the Color of the specified node to this Color. This functions sets\nthe CSS 'color' property for the node. The parameter is:",
+      "sig" : "(node)",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "node",
+          "type" : "DomElement",
+          "desc" : "- the node whose Color should be set",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "getCSSIntegerRGB",
+      "type" : "function",
+      "desc" : "getCSSIntegerRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS integer RGB Color\nvalue - that is, a string of the form rgb(r,g,b) where each of r, g, and b\nare integers in the range [0,255]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSHSLA",
+      "type" : "function",
+      "desc" : "getCSSHSLA",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS HSLA Color value - that\nis, a string of the form hsla(h,s%,l%,a) where h is in the range [0,100],\ns and l are in the range [0,100], and a is in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSPercentageRGBA",
+      "type" : "function",
+      "desc" : "getCSSPercentageRGBA",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS percentage RGBA Color\nvalue - that is, a string of the form rgba(r%,g%,b%,a) where each of r, g,\nand b are in the range [0,100] and a is in the range [0,1]."
+        }
+      ]
+    }
+  ],
+  "events" : []
+}
\ No newline at end of file
index 6045785..fbbe9c9 100644 (file)
@@ -15,7 +15,7 @@
   "tree_parent" : [],
   "desc" : "A base utility class that adapts a non-menu component so that it can be wrapped by a menu item and added to a menu.\nIt provides basic rendering, activation management and enable/disable logic required to work in menus.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : true,
   "isBuilderTop" : false,
index acc0018..c99c008 100644 (file)
@@ -23,7 +23,7 @@
   "tree_parent" : [],
   "desc" : "The base class for all items that render into menus.  BaseItem provides default rendering, activated state\nmanagement and base configuration options shared by all menu components.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : true,
   "isBuilderTop" : false,
index 7995f10..2061dd7 100644 (file)
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "Adds a menu item that contains a checkbox by default, but can also be part of a radio group.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 9214533..6cd32ee 100644 (file)
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "A menu item that wraps the {@link Roo.ColorPalette} component.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 98b37e1..59e834f 100644 (file)
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "A menu containing a {@link Roo.menu.ColorItem} component (which provides a basic color picker).",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index f3b3278..57a8260 100644 (file)
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "A menu item that wraps the {@link Roo.DatPicker} component.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 4514505..578e84f 100644 (file)
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "A menu containing a {@link Roo.menu.DateItem} component (which provides a date picker).",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 0db433e..da72ae3 100644 (file)
@@ -14,7 +14,7 @@
   "tree_parent" : [],
   "desc" : "A base class for all menu items that require menu-related functionality (like sub-menus) and are not static\ndisplay items.  Item extends the base functionality of {@link Roo.menu.BaseItem} by adding menu-specific\nactivation and click handling.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 601d5d1..82e05db 100644 (file)
@@ -20,7 +20,7 @@
   "tree_parent" : [],
   "desc" : "A menu object.  This is the container to which you add all other menu items.  Menu can also serve a as a base class\nwhen you want a specialzed menu based off of another component (like {@link Roo.menu.DateMenu} for example).",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 0e91e22..518244a 100644 (file)
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Provides a common registry of all menu items on a page so that they can be easily accessed by id.",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : false,
index 8b09b53..eaf90a4 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Adds a separator bar to a menu, used to divide logical groups of menu items. Generally you will\nadd one of these by using \"-\" in you call to add() or in your items config rather than creating one directly.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index aa565fa..7b2c396 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Adds a static text string to a menu, usually used as either a heading or group separator.\nNote: old style constructor with text is still supported.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index be12d9f..ff27244 100644 (file)
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "The default Provider implementation which saves state via cookies.\n<br />Usage:\n <pre><code>\n   var cp = new Roo.state.CookieProvider({\n       path: \"/cgi-bin/\",\n       expires: new Date(new Date().getTime()+(1000*60*60*24*30)); //30 days\n       domain: \"roojs.com\"\n   })\n   Roo.state.Manager.setProvider(cp);\n </code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index f07deaf..4d7258f 100644 (file)
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "This is the global state manager. By default all components that are \"state aware\" check this class\nfor state information if you don't pass them a custom state provider. In order for this class\nto be useful, it must be initialized with a provider when your application initializes.\n <pre><code>\n// in your initialization function\ninit : function(){\n   Roo.state.Manager.setProvider(new Roo.state.CookieProvider());\n   ...\n   // supposed you have a {@link Roo.BorderLayout}\n   var layout = new Roo.BorderLayout(...);\n   layout.restoreState();\n   // or a {Roo.BasicDialog}\n   var dialog = new Roo.BasicDialog(...);\n   dialog.restoreState();\n </code></pre>",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : false,
index 4a266f0..62b510c 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Abstract base class for state provider implementations. This class provides methods\nfor encoding and decoding <b>typed</b> variables including dates and defines the \nProvider interface.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 08930f9..cf558e3 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 27f8ae7..bcce9b7 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 9150d99..c18357c 100644 (file)
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "The default single selection for a TreePanel.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 03146ee..5585f39 100644 (file)
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "Multi selection for a TreePanel.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index e9f5c38..d7a0602 100644 (file)
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Provides editor functionality for inline tree node editing.  Any valid {@link Roo.form.Field} can be used\nas the editor field.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 63bf495..31c33bd 100644 (file)
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "Note this class is experimental and doesn't update the indent (lines) or expand collapse icons of the nodes",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 5f59f2d..9217a0e 100644 (file)
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "A TreeLoader provides for lazy loading of an {@link Roo.tree.TreeNode}'s child\nnodes from a specified URL. The response must be a javascript Array definition\nwho's elements are node definition objects. eg:\n<pre><code>\n{  success : true,\n   data :      [\n   \n    { 'id': 1, 'text': 'A folder Node', 'leaf': false },\n    { 'id': 2, 'text': 'A leaf Node', 'leaf': true }\n    ]\n}\n\n\n</code></pre>\n<br><br>\nThe old style respose with just an array is still supported, but not recommended.\n<br><br>\n\nA server request is sent, and child nodes are loaded only when a node is expanded.\nThe loading node's id is passed to the server under the parameter name \"node\" to\nenable the server to produce the correct child nodes.\n<br><br>\nTo pass extra parameters, an event handler may be attached to the \"beforeload\"\nevent, and the parameters specified in the TreeLoader's baseParams property:\n<pre><code>\n    myTreeLoader.on(\"beforeload\", function(treeLoader, node) {\n        this.baseParams.category = node.attributes.category;\n    }, this);\n    \n</code></pre>\n\nThis would pass an HTTP parameter called \"category\" to the server containing\nthe value of the Node's \"category\" attribute.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index a187263..da21efe 100644 (file)
@@ -13,7 +13,7 @@
   "tree_parent" : [],
   "desc" : "is to use the cls or iconCls attributes and add the icon via a CSS background image.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 7679e29..34c03cb 100644 (file)
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "The TreeNode UI implementation is separate from the\ntree implementation. Unless you are customizing the tree UI,\nyou should never have to use this directly.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 3e88d72..3f1d75d 100644 (file)
@@ -13,7 +13,7 @@
   "tree_parent" : [],
   "desc" : "",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 0288387..7f96c25 100644 (file)
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "Provides sorting of nodes in a TreePanel",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 604bc11..7d12370 100644 (file)
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Utility class for manipulating CSS rules",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : false,
index 27eb638..48f1178 100644 (file)
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "A wrapper class which can be applied to any element. Fires a \"click\" event while the\nmouse is pressed. The interval between firings may be specified in the config but\ndefaults to 10 milliseconds.\n\nOptionally, a CSS class may be applied to the element during the time it is pressed.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index f47446d..5f9d2df 100644 (file)
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "Provides a convenient method of performing setTimeout where a new\ntimeout cancels the old timeout. An example would be performing validation on a keypress.\nYou can use this class to buffer\nthe keypress events for a certain number of milliseconds, and perform only if they stop\nfor that amount of time.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
   "throws" : "",
   "requires" : "",
   "config" : [],
-  "methods" : [],
+  "methods" : [
+    {
+      "name" : "delay",
+      "type" : "function",
+      "desc" : "Cancels any pending timeout and queues a new one",
+      "sig" : "(delay, newFn, newScope, newArgs)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "delay",
+          "type" : "Number",
+          "desc" : "The milliseconds to delay",
+          "isOptional" : false
+        },
+        {
+          "name" : "newFn",
+          "type" : "Function",
+          "desc" : "(optional) Overrides function passed to constructor",
+          "isOptional" : false
+        },
+        {
+          "name" : "newScope",
+          "type" : "Object",
+          "desc" : "(optional) Overrides scope passed to constructor",
+          "isOptional" : false
+        },
+        {
+          "name" : "newArgs",
+          "type" : "Array",
+          "desc" : "(optional) Overrides args passed to constructor",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "cancel",
+      "type" : "function",
+      "desc" : "Cancel the last queued timeout",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : []
+    }
+  ],
   "events" : []
 }
\ No newline at end of file
index 6f5812b..c5ec02b 100644 (file)
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Reusable data formatting functions",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : false,
index 166fe00..5a50038 100644 (file)
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Modified version of Douglas Crockford\"s json.js that doesn\"t\nmess with the Object prototype \nhttp://www.json.org/js.html",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : false,
   "throws" : "",
   "requires" : "",
   "config" : [],
-  "methods" : [],
+  "methods" : [
+    {
+      "name" : "encode",
+      "type" : "function",
+      "desc" : "Encodes an Object, Array or other value",
+      "sig" : "(o)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "o",
+          "type" : "Mixed",
+          "desc" : "The variable to encode",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "The JSON string"
+        }
+      ]
+    },
+    {
+      "name" : "decode",
+      "type" : "function",
+      "desc" : "Decodes (parses) a JSON string to an object. If the JSON is invalid, this function throws a SyntaxError.",
+      "sig" : "(json)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "json",
+          "type" : "String",
+          "desc" : "The JSON string",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "The resulting object"
+        }
+      ]
+    }
+  ],
   "events" : []
 }
\ No newline at end of file
index 42c163f..70ac13b 100644 (file)
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "A Collection class that maintains both numeric indexes and keys and exposes events.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
index 3c2a11c..330ca28 100644 (file)
   "tree_parent" : [],
   "desc" : "Base class that provides a common interface for publishing events. Subclasses are expected to\nto have a property \"events\" with all the events defined.<br>\nFor example:\n<pre><code>\n Employee = function(name){\n    this.name = name;\n    this.addEvents({\n        \"fired\" : true,\n        \"quit\" : true\n    });\n }\n Roo.extend(Employee, Roo.util.Observable);\n</code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.util.TaskRunner.json b/docs/symbols/Roo.util.TaskRunner.json
new file mode 100644 (file)
index 0000000..345b5a9
--- /dev/null
@@ -0,0 +1,97 @@
+{
+  "name" : "Roo.util.TaskRunner",
+  "augments" : [],
+  "childClasses" : {  },
+  "tree_children" : [],
+  "tree_parent" : [],
+  "desc" : "Manage background tasks - not sure why this is better that setInterval?",
+  "isSingleton" : false,
+  "isStatic" : true,
+  "isBuiltin" : false,
+  "isAbstract" : false,
+  "isBuilderTop" : false,
+  "memberOf" : "TaskRunner",
+  "example" : "",
+  "deprecated" : "",
+  "since" : "",
+  "see" : "",
+  "params" : [],
+  "returns" : [],
+  "throws" : "",
+  "requires" : "",
+  "config" : [],
+  "methods" : [
+    {
+      "name" : "stop",
+      "type" : "function",
+      "desc" : "Stop  new task.",
+      "sig" : "(task)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "task",
+          "type" : "Object",
+          "desc" : "",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "stopAll",
+      "type" : "function",
+      "desc" : "Stop all Tasks",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : []
+    },
+    {
+      "name" : "start",
+      "type" : "function",
+      "desc" : "Queues a new task.",
+      "sig" : "(task)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "task",
+          "type" : "Object",
+          "desc" : "Task property : interval = how frequent to run.\nTask object should implement\nfunction run()\nTask object may implement\nfunction onStop()",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    }
+  ],
+  "events" : []
+}
\ No newline at end of file
index a96c35b..3f5fa32 100644 (file)
   "childClasses" : {  },
   "tree_children" : [],
   "tree_parent" : [],
-  "desc" : "",
+  "desc" : "Instance of  TextMetrics Calcuation",
   "isSingleton" : false,
   "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
-  "memberOf" : "Roo.util.TextMetrics.Instance",
+  "memberOf" : "Instance",
   "example" : "",
   "deprecated" : "",
   "since" : "",
   "see" : "",
-  "params" : [],
+  "params" : [
+    {
+      "name" : "bindto",
+      "type" : "Object",
+      "desc" : "",
+      "isOptional" : false
+    },
+    {
+      "name" : "fixedWidth",
+      "type" : "Boolean",
+      "desc" : "",
+      "isOptional" : false
+    }
+  ],
   "returns" : [],
   "throws" : "",
   "requires" : "",
   "config" : [],
-  "methods" : [],
+  "methods" : [
+    {
+      "name" : "getHeight",
+      "type" : "function",
+      "desc" : "Returns the measured height of the specified text.  For multiline text, be sure to call\n{@link #setFixedWidth} if necessary.",
+      "sig" : "(text)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "text",
+          "type" : "String",
+          "desc" : "The text to measure",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Number",
+          "desc" : "height The height in pixels"
+        }
+      ]
+    },
+    {
+      "name" : "bind",
+      "type" : "function",
+      "desc" : "Binds this TextMetrics instance to an element from which to copy existing CSS styles\nthat can affect the size of the rendered text",
+      "sig" : "(el)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "el",
+          "type" : "String/HTMLElement",
+          "desc" : "The element, dom node or id",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "getWidth",
+      "type" : "function",
+      "desc" : "Returns the measured width of the specified text",
+      "sig" : "(text)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "text",
+          "type" : "String",
+          "desc" : "The text to measure",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Number",
+          "desc" : "width The width in pixels"
+        }
+      ]
+    },
+    {
+      "name" : "setFixedWidth",
+      "type" : "function",
+      "desc" : "Sets a fixed width on the internal measurement element.  If the text will be multiline, you have\nto set a fixed width in order to accurately measure the text height.",
+      "sig" : "(width)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "width",
+          "type" : "Number",
+          "desc" : "The width to set on the element",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "getSize",
+      "type" : "function",
+      "desc" : "Returns the size of the specified text based on the internal element's style and width properties",
+      "sig" : "(text)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "text",
+          "type" : "String",
+          "desc" : "The text to measure",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "An object containing the text's size {width: (width), height: (height)}"
+        }
+      ]
+    }
+  ],
   "events" : []
 }
\ No newline at end of file
index dac0822..eda03bc 100644 (file)
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Provides precise pixel measurements for blocks of text so that you can determine exactly how high and\nwide, in pixels, a given block of text will be.",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : false,
index 7966309..3de9774 100644 (file)
             "cn" : [],
             "is_class" : true
           },
+          {
+            "name" : "Roo.dd.DragDropMgr",
+            "cn" : [],
+            "is_class" : true
+          },
           {
             "name" : "Roo.dd.DragSource",
             "cn" : [],
             "cn" : [],
             "is_class" : true
           },
+          {
+            "name" : "Roo.lib.Color",
+            "cn" : [],
+            "is_class" : true
+          },
           {
             "name" : "Roo.lib.Dom",
             "cn" : [],
             "is_class" : true
+          },
+          {
+            "name" : "Roo.lib.HSLColor",
+            "cn" : [],
+            "is_class" : true
+          },
+          {
+            "name" : "Roo.lib.HSVColor",
+            "cn" : [],
+            "is_class" : true
+          },
+          {
+            "name" : "Roo.lib.RGBColor",
+            "cn" : [],
+            "is_class" : true
           }
         ],
         "is_class" : false
           {
             "name" : "Roo.util.DelayedTask",
             "cn" : [],
-            "is_class" : false
+            "is_class" : true
           },
           {
             "name" : "Roo.util.Format",
           {
             "name" : "Roo.util.JSON",
             "cn" : [],
-            "is_class" : false
+            "is_class" : true
           },
           {
             "name" : "Roo.util.MixedCollection",
             "cn" : [],
             "is_class" : true
           },
+          {
+            "name" : "Roo.util.TaskRunner",
+            "cn" : [],
+            "is_class" : true
+          },
           {
             "name" : "Roo.util.TextMetrics",
             "cn" : [
               {
                 "name" : "Roo.util.TextMetrics.Instance",
                 "cn" : [],
-                "is_class" : false
+                "is_class" : true
               }
             ],
             "is_class" : true
index c45b4ca..78b217e 100644 (file)
@@ -3428,7 +3428,7 @@ Roo.extend(Roo.bootstrap.Header, Roo.bootstrap.Component,  {
  * @class Roo.bootstrap.MenuMgr
  * @licence LGPL
  * Provides a common registry of all menu items on a page so that they can be easily accessed by id.
- * @singleton
+ * @static
  */
 Roo.bootstrap.menu.Manager = function(){
    var menus, active, groups = {}, attached = false, lastShow = new Date();
@@ -4980,7 +4980,7 @@ Roo.Msg.show({
    animEl: 'elId'
 });
 </code></pre>
- * @singleton
+ * @static
  */
 Roo.bootstrap.MessageBox = function(){
     var dlg, opt, mask, waitTimer;
@@ -12129,7 +12129,7 @@ Roo.apply(Roo.bootstrap.form.Form, {
 /**
  * @class Roo.form.VTypes
  * Overridable validation definitions. The validations provided are basic and intended to be easily customizable and extended.
- * @singleton
+ * @static
  */
 Roo.form.VTypes = function(){
     // closure these in so they are only created once.
@@ -14687,7 +14687,7 @@ Roo.bootstrap.form.CardUploader.ID = -1;/*
 
 /**
  * @class Roo.data.SortTypes
- * @singleton
+ * @static
  * Defines the default sorting (casting?) comparison functions used when sorting data.
  */
 Roo.data.SortTypes = {
index 08a58be..49a4827 100644 (file)
@@ -1905,17 +1905,26 @@ Roo.lib.Dom = {
     getViewHeight : function(full) {
         return full ? this.getDocumentHeight() : this.getViewportHeight();
     },
-
+    /**
+     * Get the Full Document height 
+     * @return {Number} The height
+     */
     getDocumentHeight: function() {
         var scrollHeight = (document.compatMode != "CSS1Compat") ? document.body.scrollHeight : document.documentElement.scrollHeight;
         return Math.max(scrollHeight, this.getViewportHeight());
     },
-
+    /**
+     * Get the Full Document width
+     * @return {Number} The width
+     */
     getDocumentWidth: function() {
         var scrollWidth = (document.compatMode != "CSS1Compat") ? document.body.scrollWidth : document.documentElement.scrollWidth;
         return Math.max(scrollWidth, this.getViewportWidth());
     },
-
+    /**
+     * Get the Window Viewport height
+     * @return {Number} The height
+     */
     getViewportHeight: function() {
         var height = self.innerHeight;
         var mode = document.compatMode;
@@ -1928,7 +1937,10 @@ Roo.lib.Dom = {
 
         return height;
     },
-
+    /**
+     * Get the Window Viewport width
+     * @return {Number} The width
+     */
     getViewportWidth: function() {
         var width = self.innerWidth;
         var mode = document.compatMode;
index cc9bb65..2708aac 100644 (file)
@@ -1905,17 +1905,26 @@ Roo.lib.Dom = {
     getViewHeight : function(full) {
         return full ? this.getDocumentHeight() : this.getViewportHeight();
     },
-
+    /**
+     * Get the Full Document height 
+     * @return {Number} The height
+     */
     getDocumentHeight: function() {
         var scrollHeight = (document.compatMode != "CSS1Compat") ? document.body.scrollHeight : document.documentElement.scrollHeight;
         return Math.max(scrollHeight, this.getViewportHeight());
     },
-
+    /**
+     * Get the Full Document width
+     * @return {Number} The width
+     */
     getDocumentWidth: function() {
         var scrollWidth = (document.compatMode != "CSS1Compat") ? document.body.scrollWidth : document.documentElement.scrollWidth;
         return Math.max(scrollWidth, this.getViewportWidth());
     },
-
+    /**
+     * Get the Window Viewport height
+     * @return {Number} The height
+     */
     getViewportHeight: function() {
         var height = self.innerHeight;
         var mode = document.compatMode;
@@ -1928,7 +1937,10 @@ Roo.lib.Dom = {
 
         return height;
     },
-
+    /**
+     * Get the Window Viewport width
+     * @return {Number} The width
+     */
     getViewportWidth: function() {
         var width = self.innerWidth;
         var mode = document.compatMode;
@@ -23165,7 +23177,7 @@ Roo.extend(Roo.dd.DropZone, Roo.dd.DropTarget, {
 
 /**
  * @class Roo.data.SortTypes
- * @singleton
+ * @static
  * Defines the default sorting (casting?) comparison functions used when sorting data.
  */
 Roo.data.SortTypes = {
@@ -33439,7 +33451,7 @@ Roo.Msg.show({
    animEl: 'elId'
 });
 </code></pre>
- * @singleton
+ * @static
  */
 Roo.MessageBox = function(){
     var dlg, opt, mask, waitTimer;
@@ -33968,7 +33980,7 @@ Roo.Msg = Roo.MessageBox;/*
 /**
  * @class Roo.QuickTips
  * Provides attractive and customizable tooltips for any element.
- * @singleton
+ * @static
  */
 Roo.QuickTips = function(){
     var el, tipBody, tipBodyText, tipTitle, tm, cfg, close, tagEls = {}, esc, removeCls = null, bdLeft, bdRight;
@@ -38120,7 +38132,7 @@ Roo.extend(Roo.menu.MenuNav, Roo.KeyNav, {
 /**
  * @class Roo.menu.MenuMgr
  * Provides a common registry of all menu items on a page so that they can be easily accessed by id.
- * @singleton
+ * @static
  */
 Roo.menu.MenuMgr = function(){
    var menus, active, groups = {}, attached = false, lastShow = new Date();
@@ -49624,7 +49636,7 @@ Roo.extend(Roo.form.FieldSet, Roo.form.Layout, {
 /**
  * @class Roo.form.VTypes
  * Overridable validation definitions. The validations provided are basic and intended to be easily customizable and extended.
- * @singleton
+ * @static
  */
 Roo.form.VTypes = function(){
     // closure these in so they are only created once.
index 69104bd..3abb829 100644 (file)
@@ -12,7 +12,7 @@
 
 /**
  * @class Roo.data.SortTypes
- * @singleton
+ * @static
  * Defines the default sorting (casting?) comparison functions used when sorting data.
  */
 Roo.data.SortTypes = {
@@ -10286,7 +10286,7 @@ Roo.Msg.show({
    animEl: 'elId'
 });
 </code></pre>
- * @singleton
+ * @static
  */
 Roo.MessageBox = function(){
     var dlg, opt, mask, waitTimer;
@@ -10815,7 +10815,7 @@ Roo.Msg = Roo.MessageBox;/*
 /**
  * @class Roo.QuickTips
  * Provides attractive and customizable tooltips for any element.
- * @singleton
+ * @static
  */
 Roo.QuickTips = function(){
     var el, tipBody, tipBodyText, tipTitle, tm, cfg, close, tagEls = {}, esc, removeCls = null, bdLeft, bdRight;
@@ -14967,7 +14967,7 @@ Roo.extend(Roo.menu.MenuNav, Roo.KeyNav, {
 /**
  * @class Roo.menu.MenuMgr
  * Provides a common registry of all menu items on a page so that they can be easily accessed by id.
- * @singleton
+ * @static
  */
 Roo.menu.MenuMgr = function(){
    var menus, active, groups = {}, attached = false, lastShow = new Date();
@@ -26471,7 +26471,7 @@ Roo.extend(Roo.form.FieldSet, Roo.form.Layout, {
 /**
  * @class Roo.form.VTypes
  * Overridable validation definitions. The validations provided are basic and intended to be easily customizable and extended.
- * @singleton
+ * @static
  */
 Roo.form.VTypes = function(){
     // closure these in so they are only created once.