uki 1.0.0 → 1.0.1

data/frameworks/uki/src/uki-more/more/view/splitTable.js

@@ -1,10 +1,84 @@
+uki.more.view.splitTable = {};
 
-
-uki.view.declare('uki.more.view.SplitTable', uki.view.Table, function(base) {
-    var Rect = uki.geometry.Rect;
+uki.view.declare('uki.more.view.SplitTable', uki.view.Container, function(Base) {
+    var Rect = uki.geometry.Rect,
+        Size = uki.geometry.Size;
+        
+    var propertiesToDelegate = 'rowHeight data packSize visibleRectExt render selectedIndex focusable textSelectable multiselect'.split(' ');
     
     
     this._defaultHandlePosition = 200;
+    this._headerHeight = 17;
+    
+    this._style = function(name, value) {
+        this._leftHeader.style(name, value);
+        this._rightHeader.style(name, value);
+        return Base._style.call(this, name, value);
+    };
+    
+    this.columns = uki.newProp('_columns', function(c) {
+        this._columns = uki.build(c);
+        this._totalWidth = 0;
+        this._leftHeader.columns([this._columns[0]]);
+        
+        this._columns[0].bind('beforeResize', uki.proxy(this._syncHandlePosition, this, this._columns[0]));
+        
+        for (var i = 1; i < this._columns.length; i++) {
+            this._columns[i].position(i - 1);
+            this._columns[i].bind('beforeResize', uki.proxy(this._rightColumnResized, this, this._columns[i]));
+        };
+        this._updateTotalWidth();
+        this._rightHeader.columns(Array.prototype.slice.call(this._columns, 1));
+        this._splitPane.leftMin(this._columns[0].minWidth() - 1)
+        // this._splitPane.handlePosition(this._columns[0].width());
+        this._syncHandlePosition(this._splitPane);
+    });
+    
+    uki.each(propertiesToDelegate, function(i, name) { 
+        this[name] = function(v) {
+            if (v === undefined) return this._leftList[name]();
+            this._leftList[name](v);
+            this._rightList[name](v);
+            return this;
+        };
+    }, this);
+    
+    this.hasFocus = function() {
+        return this._leftList.hasFocus() || this._rightList.hasFocus();
+    };
+    
+    this.rightColumns = function() {
+        return this._rightHeader.columns();
+    };
+    
+    this._rightColumnResized = function(column) {
+        this._updateTotalWidth();
+        this._horizontalScroll.layout();
+    };
+    
+    this.rowHeight = function(value) {
+        if (value === undefined) return this._leftList.rowHeight();
+        this._leftList.rowHeight(value);
+        this._rightList.rowHeight(value);
+        return this;
+    };
+    
+    this.data = function(d) {
+        if (d === undefined) return uki.map(this._leftList.data(), function(value, i) {
+            return [value].concat(this._rightList.data()[i]);
+        }, this);
+        
+        this._leftList.data(uki.map(d, function(value) {
+            return [value[0]];
+        }));
+        
+        this._rightList.data(uki.map(d, function(value) {
+            return value.slice(1);
+        }));
+        
+        this._splitPane.minSize(new Size(0, this._leftList.minSize().height));
+        this._verticalScroll.layout();
+    };
     
     this._createDom = function() {
         Base._createDom.call(this);
@@ -14,20 +88,34 @@ uki.view.declare('uki.more.view.SplitTable', uki.view.Table, function(base) {
             [
                 { 
                     view: 'table.Header', 
-                    rect: new Rect(0, 0, this.rect().width, this._headerHeight), 
-                    anchors: 'top left right', 
-                    className: 'table-header' 
+                    rect: new Rect(this._defaultHandlePosition, this._headerHeight), 
+                    anchors: 'left top' 
+                },
+                { 
+                    view: 'Box',
+                    className: 'table-header-container',
+                    style: { overflow: 'hidden' },
+                    rect: new Rect(this._defaultHandlePosition, 0, this.rect().width - this._defaultHandlePosition - 1, this._headerHeight), 
+                    anchors: 'left top right',
+                    childViews: { 
+                        view: 'table.Header', 
+                        rect: new Rect(this.rect().width - this._defaultHandlePosition - 1, this._headerHeight), 
+                        anchors: 'top left right', 
+                        className: 'table-header' 
+                    }
                 },
                 {
                     view: 'ScrollPane',
                     rect: new Rect(0, this._headerHeight, this.rect().width, bodyHeight),
                     anchors: 'left top right bottom',
                     className: 'table-v-scroll',
+                    scrollV: true,
                     childViews: [
                         { 
-                            view: 'SplitPane', 
+                            view: 'HSplitPane', 
                             rect: new Rect(this.rect().width, bodyHeight), 
-                            anchors: 'left top',
+                            anchors: 'left top right bottom',
+                            className: 'table-horizontal-split-pane',
                             handlePosition: this._defaultHandlePosition,
                             handleWidth: 1,
                             leftChildViews: [
@@ -40,19 +128,27 @@ uki.view.declare('uki.more.view.SplitTable', uki.view.Table, function(base) {
                             ],
                             rightChildViews: [
                                 { 
-                                    view: 'ScrollPane', 
-                                    rect: new Rect(this.rect().width - this._defaultHandlePosition - 1, bodyHeight + scrollWidth), 
-                                    scrollableV: false,
-                                    scrollableH: true,
+                                    view: 'Box', 
+                                    rect: '0 0 100 100', 
                                     anchors: 'left top right bottom',
-                                    className: 'table-h-scroll',
-                                    childViews: [
-                                        { 
-                                            view: 'List', 
-                                            rect: new Rect(this.rect().width - this._defaultHandlePosition - 1, bodyHeight + scrollWidth), 
-                                            anchors: 'left top rect bottom' 
-                                        }
-                                    ]
+                                    style: { overflow: 'hidden' },
+                                    rect: new Rect(this.rect().width - this._defaultHandlePosition - 1, bodyHeight), 
+                                    childViews: { 
+                                        view: 'ScrollPane', 
+                                        rect: new Rect(this.rect().width - this._defaultHandlePosition - 1, bodyHeight + scrollWidth), 
+                                        scrollableV: false,
+                                        scrollableH: true,
+                                        anchors: 'left top right bottom',
+                                        className: 'table-h-scroll',
+                                        childViews: [
+                                            { 
+                                                view: 'List', 
+                                                rect: new Rect(this.rect().width - this._defaultHandlePosition - 1, bodyHeight + scrollWidth), 
+                                                anchors: 'left top right bottom' 
+                                            }
+                                        ]
+                                    }
+                                    
                                 }
                             ]
                         }
@@ -65,7 +161,8 @@ uki.view.declare('uki.more.view.SplitTable', uki.view.Table, function(base) {
                     scrollableH: true,
                     scrollableV: false,
                     scrollH: true,
-                    className: 'table-h-scroll-bar'
+                    className: 'table-h-scroll-bar',
+                    childViews: { view: 'Box', rect: '1 1', anchors: 'left top' }
                  }
             ]).appendTo(this);
             
@@ -74,6 +171,88 @@ uki.view.declare('uki.more.view.SplitTable', uki.view.Table, function(base) {
         this._horizontalScrollBar = uki('ScrollPane[className=table-h-scroll-bar]', this)[0];
         this._leftList = uki('List:eq(0)', this)[0];
         this._rightList = uki('List:eq(1)', this)[0];
-        this._splitPane = uki('SplitPane', this)[0];
+        this._splitPane = uki('HSplitPane', this)[0];
+        this._leftHeader = uki('table.Header:eq(0)', this)[0];
+        this._rightHeader = uki('table.Header:eq(1)', this)[0];
+        this._rightHeaderContainer = uki('[className=table-header-container]', this)[0];
+        this._dummyScrollContents = uki('Box', this._horizontalScrollBar);
+        
+        this._leftList._scrollableParent = this._verticalScroll;
+        this._rightList._scrollableParent = this._verticalScroll;
+        this._verticalScroll.bind('scroll', uki.proxy(this._leftList._scrollableParentScroll, this._leftList));
+        this._verticalScroll.bind('scroll', uki.proxy(this._rightList._scrollableParentScroll, this._rightList));
+        
+        this._leftList.render(new uki.more.view.splitTable.Render(this._leftHeader));
+        this._rightList.render(new uki.more.view.splitTable.Render(this._rightHeader));
+        this._bindEvents();
+    };
+    
+    this._bindEvents = function() {
+        this._splitPane.bind('handleMove', uki.proxy(this._syncHandlePosition, this, this._splitPane));
+        this._horizontalScroll.bind('scroll', uki.proxy(this._syncHScroll, this, this._horizontalScroll));
+        this._horizontalScrollBar.bind('scroll', uki.proxy(this._syncHScroll, this, this._horizontalScrollBar));
+        this._leftList.bind('selection', uki.proxy(this._syncSelection, this, this._leftList));
+        this._rightList.bind('selection', uki.proxy(this._syncSelection, this, this._rightList));
+    };
+    
+    var updatingHandlePosition = false;
+    this._syncHandlePosition = function(source) {
+        if (updatingHandlePosition) return;
+        updatingHandlePosition = true;
+        var w, rect;
+        if (source == this._splitPane) {
+            w = this._splitPane.handlePosition() + 1;
+            this.columns()[0].width(w);
+        } else {
+            var w = this.columns()[0].width();
+            this._splitPane.handlePosition(w - 1).layout();
+        }
+        
+        this._leftHeader.rect(new Rect(w, this._headerHeight)).layout();
+        
+        rect = this._rightHeaderContainer.rect().clone();
+        rect.x = w;
+        rect.width = this._rect.width - w - uki.view.ScrollPane.initScrollWidth();
+        this._rightHeaderContainer.rect(rect).layout();
+        rect = this._horizontalScrollBar.rect().clone();
+        rect.x = w;
+        rect.width = this._rect.width - w - uki.view.ScrollPane.initScrollWidth();
+        this._horizontalScrollBar.rect(rect).layout();
+        updatingHandlePosition = false;
+    };
+    
+    var updatingHScroll = false;
+    this._syncHScroll = function(source) {
+        if (updatingHScroll) return;
+        updatingHScroll = true;
+        var scroll, target = source == this._horizontalScroll ? this._horizontalScrollBar : this._horizontalScroll;
+        scroll = source.scrollLeft();
+        target.scrollLeft(scroll);
+        this._rightHeader.dom().style.marginLeft = -scroll + 'px'; 
+        updatingHScroll = false;
+    };
+    
+    var updatingSelection = false;
+    this._syncSelection = function(source) {
+        if (updatingSelection) return;
+        updatingSelection = true;
+        var target = source == this._leftList ? this._rightList : this._leftList;
+        target.selectedIndexes(source.selectedIndexes());
+        updatingSelection = false;
     };
-});
+    
+    this._updateTotalWidth = function() {
+        this._totalWidth = 0;
+        for (var i=1; i < this._columns.length; i++) {
+            this._totalWidth += this._columns[i].width();
+        };
+        this._rightHeader.minSize(new Size(this._totalWidth, 0));
+        this._rightList.minSize(new Size(this._totalWidth, this._rightList.minSize().height));
+        this._dummyScrollContents.rect(new Rect(this._totalWidth, 1)).parent().layout();
+        this._rightHeader.minSize(new Size(this._totalWidth, 0));
+        this._horizontalScroll.layout();
+    };
+    
+});
+
+include('splitTable/render.js');

data/frameworks/uki/src/uki-more/more/view/treeList/render.js

@@ -11,7 +11,7 @@ uki.more.view.treeList.Render = uki.newClass(uki.view.list.Render, new function(
     );
     
     this.initStyles = function() {
-        uki.more.view.treeList.Render.prototype.classPrefix = 'treeList-' + uki.dom.guid++;
+        this.classPrefix = 'treeList-' + uki.dom.guid++;
         var style = new uki.theme.Template(
             '.${classPrefix}-row { color: #333; position:relative; padding-top:3px; } ' +
             '.${classPrefix}-toggle { overflow: hidden; position:absolute; left:-15px; top:5px; width: 10px; height:9px; } ' +

data/frameworks/uki/src/uki-more/more/view/treeList.js

@@ -3,25 +3,20 @@ include('../view.js');
 // really basic tree list implementation
 uki.more.view.treeList = {};
 
-uki.more.view.TreeList = uki.newClass(uki.view.List, new function() {
-    var Base = uki.view.List.prototype,
-        proto = this;
-
-    proto.typeName = function() { return 'uki.more.view.TreeList'; };
-    
-    proto._setup = function() {
+uki.view.declare('uki.more.view.TreeList', uki.view.List, function(Base) {
+    this._setup = function() {
         Base._setup.call(this);
         this._render = new uki.more.view.treeList.Render();
     };
     
-    proto.listData = Base.data;
+    this.listData = Base.data;
 
-    proto.data = uki.newProp('_treeData', function(v) {
+    this.data = uki.newProp('_treeData', function(v) {
         this._treeData = v;
         this.listData(this._treeNodeToListData(v));
     });
 
-    proto._treeNodeToListData = function(node, indent) {
+    this._treeNodeToListData = function(node, indent) {
         indent = indent || 0;
         return uki.map(node, function(row) {
             row.__indent = indent;
@@ -29,62 +24,94 @@ uki.more.view.TreeList = uki.newClass(uki.view.List, new function() {
         });
     };
 
-    proto.toggle = function(index) {
+    this.toggle = function(index) {
         this._data[index].__opened ? this.close(index) : this.open(index);
     };
     
+    function offsetFrom (array, from, offset) {
+        for (var i = from; i < array.length; i++) {
+            array[i] += offset;
+        };
+    }
+    
     function recursiveLength (item) {
         var children = item.children,
-            length = children.length;
-            
+        length = children.length;
+
         for (var i=0; i < children.length; i++) {
             if (children[i].__opened) length += recursiveLength(children[i]);
         };
         return length;
-    }
-
-    proto.open = function(index, _skipUpdate) {
-        var selectedIndex = this._selectedIndex,
-            item = this._data[index],
+    }    
+    
+    this._openSubElement = function(index) {
+        var item = this._data[index],
             children = item.children;
             
-        if (!children || !children.length || (item.__opened && !_skipUpdate)) return 0;
+        if (!children || !children.length) return 0;
         var length = children.length;
-
+        
         item.__opened = true;
         this._data.splice.apply(this._data, [index+1, 0].concat( this._treeNodeToListData(children, item.__indent + 1) ));
         
         for (var i=children.length - 1; i >= 0 ; i--) {
             if (this._data[index+1+i].__opened) {
-                length += this.open(index+1+i, true);
+                length += this._openSubElement(index+1+i);
             }
         };
-        if (!_skipUpdate) {
-            this.listData(this._data);
-            this.selectedIndex(selectedIndex <= index ? selectedIndex : selectedIndex + length);
-        }
         return length;
     };
 
-    proto.close = function(index) {
-        var selectedIndex = this._selectedIndex,
-            item = this._data[index],
-            children = item.children;
+    this.open = function(index) {
+        if (this._data[index].__opened) return this;
+        
+        var length = this._openSubElement(index),
+            positionInSelection = uki.binarySearch(index, this._selectedIndexes),
+            clickIndex = this._lastClickIndex,
+            indexes = this._selectedIndexes;
             
+        this.clearSelection(true);
+        offsetFrom(
+            indexes, 
+            positionInSelection + (indexes[positionInSelection] == index ? 1 : 0), 
+            length
+        );
+            
+        this.listData(this._data);
+        this.selectedIndexes(indexes);
+        this._lastClickIndex = clickIndex > index ? clickIndex + length : clickIndex;
+        return this;
+    };
+    
+    this.close = function(index) {
+        var item = this._data[index],
+            indexes = this._selectedIndexes,
+            children = item.children;
         if (!children || !children.length || !item.__opened) return;
+            
         var length = recursiveLength(item);
-
+        
         item.__opened = false;
         this._data.splice(index+1, length);
+        
+        var positionInSelection = uki.binarySearch(index, indexes),
+            removeFrom = positionInSelection + (indexes[positionInSelection] == index ? 1 : 0),
+            toRemove = 0,
+            clickIndex = this._lastClickIndex;
+        while (indexes[removeFrom + toRemove] && indexes[removeFrom + toRemove] <= index + length) toRemove++;
+        
+        this.clearSelection(true);
+        offsetFrom(indexes, removeFrom, -length);
+        if (toRemove > 0) {
+            indexes.splice(positionInSelection, toRemove);
+        }
+
         this.listData(this._data);
-        this.selectedIndex(
-                            selectedIndex <= index ? selectedIndex : 
-                            selectedIndex >= index + length ? index - length :
-                            index
-                          );
+        this.selectedIndexes(indexes);
+        this._lastClickIndex = clickIndex > index ? clickIndex - length : clickIndex;
     };
-
-    proto._mousedown = function(e) {
+    
+    this._mousedown = function(e) {
         if (e.domEvent.target.className.indexOf('toggle-tree') > -1) {
             var o = uki.dom.offset(this._dom),
                 y = e.domEvent.pageY - o.y,
@@ -95,13 +122,13 @@ uki.more.view.TreeList = uki.newClass(uki.view.List, new function() {
         }
     };
 
-    proto._keypress = function(e) {
+    this._keypress = function(e) {
         Base._keypress.call(this, e);
         e = e.domEvent;
         if (e.which == 39 || e.keyCode == 39) { // RIGHT
-            this.open(this._selectedIndex);
+            this.open(this._lastClickIndex);
         } else if (e.which == 37 || e.keyCode == 37) { // LEFT
-            this.close(this._selectedIndex);
+            this.close(this._lastClickIndex);
         }
     };
 

data/frameworks/uki/src/uki-more.js

@@ -1,4 +1,4 @@
 include('uki-more/more/view/treeList.js');
-include('uki-more/more/view/multiselectList.js');
 include('uki-more/more/view/toggleButton.js');
 include('uki-more/more/view/radioButton.js');
+include('uki-more/more/view/splitTable.js');

data/frameworks/uki/src/uki-theme/airport.js

@@ -141,8 +141,16 @@
                 return new uki.background.Css('#CCC');
             },
             
+            'toolbar-popup-button-normal': function() {
+                return new uki.background.Css({ textAlign: 'left' });
+            },
+            
+            'toolbar-popup-button-down': function() {
+                return new uki.background.Css({ background: '#AAA', textAlign: 'left' });
+            },
+            
             'toolbar-popup-button-hover': function() {
-                return new uki.background.Css({ background: '#4086FF', color: '#FFF' });
+                return new uki.background.Css({ background: '#4086FF', color: '#FFF', textAlign: 'left' });
             },
             
             
@@ -240,10 +248,24 @@
             }
         },
         
+        templates: {
+            'table-header-cell': function() {
+                return new uki.theme.Template(
+                    '<div style="position:relative;border:1px solid #CCC;border-top:none;border-left:none;'+
+                    '${style}" class="${className}">${data}</div>');
+            },
+            
+            'table-cell': function() {
+                return new uki.theme.Template(
+                    '<div style="position:relative;border-right:1px solid #CCC;height:100%;'+
+                    '${style}" class="${className}">${data}</div>');
+            }
+        },
+        
         doms: {
-            'resizer': function(params) {
-                var template = new uki.theme.Template('position:absolute;width:5px;top:0;height:${height}px;cursor:col-resize;cursor:ew-resize;z-index:101;background:url(' + uki.theme.imageSrc('x') + ')'),
-                    node = uki.createElement('div', template.render(params));
+            'resizer': function(height) {
+                var template = new uki.theme.Template('position:absolute;width:5px;top:0;right:-3px;height:${height}px;cursor:col-resize;cursor:ew-resize;z-index:101;background:url(' + uki.theme.imageSrc('x') + ')'),
+                    node = uki.createElement('div', template.render({height:height}));
                     
                 if (!node.style.cursor || window.opera) node.style.cursor = 'e-resize';
                 return node;
@@ -317,6 +339,7 @@
     
     uki.theme.airport.backgrounds['input-focus'] = uki.theme.airport.backgrounds['button-focus'];
     uki.theme.airport.backgrounds['toolbar-popup'] = uki.theme.airport.backgrounds['popup-normal'];
+    uki.theme.airport.backgrounds['toolbar-popup-button-disabled'] = uki.theme.airport.backgrounds['toolbar-popup-button-normal'];
 
     uki.theme.register(uki.theme.airport);
 })();

data/frameworks/uki/src/uki-view/view/label.js

@@ -12,7 +12,7 @@ uki.view.declare('uki.view.Label', uki.view.Base, function(Base) {
     };
     
     this._style = function(name, value) {
-        if (value !== undefined && 'fontWeight fontSize textDecoration color'.indexOf(name) != -1) {
+        if (value !== undefined && 'font fontFamily fontWeight fontSize textDecoration color'.indexOf(name) != -1) {
             this._label.style[name] = value;
         }
         return Base._style.call(this, name, value);

data/frameworks/uki/src/uki-view/view/list.js

@@ -36,11 +36,18 @@ uki.view.declare('uki.view.List', uki.view.Base, uki.view.Focusable, function(Ba
         this.clearSelection();
         this._data = d;
         this._packs[0].itemFrom = this._packs[0].itemTo = this._packs[1].itemFrom = this._packs[1].itemTo = 0;
-        this._updateRectOnDataChnage();
+        
+        var minWidth = this._minSize ? this._minSize.width : 0;
+        this.minSize(new Size(minWidth, this._rowHeight * this._data.length));
         this._relayoutParent();
         return this;
     };
     
+    this.relayout = function() {
+        this._packs[0].itemFrom = this._packs[0].itemTo = this._packs[1].itemFrom = this._packs[1].itemTo = 0;
+        this.layout();
+    };
+    
     this.addRow = function(position, data) {
         this.clearSelection();
         this._data.splice(position, 0, data);
@@ -124,7 +131,9 @@ uki.view.declare('uki.view.List', uki.view.Base, uki.view.Focusable, function(Ba
         this.selectedIndexes(indexes);
     };
     
+    var updatingScroll = false;
     this._scrollableParentScroll = function() {
+        if (updatingScroll) return;
         if (this._throttle) {
             if (this._throttleStarted) return;
             this._throttleStarted = true;
@@ -148,12 +157,8 @@ uki.view.declare('uki.view.List', uki.view.Base, uki.view.Focusable, function(Ba
     };
     
     
-    this._updateRectOnDataChnage = function() {
-        this.rect(this._parentRect);
-    };
-    
     this.keyPressEvent = function() {
-        var useKeyPress = /mozilla/i.test( ua ) && !(/(compatible|webkit)/i).test( ua );
+        var useKeyPress = root.opera || (/mozilla/i.test( ua ) && !(/(compatible|webkit)/i).test( ua ));
         return useKeyPress ? 'keypress' : 'keydown';
     };
     
@@ -213,11 +218,13 @@ uki.view.declare('uki.view.List', uki.view.Base, uki.view.Focusable, function(Ba
             nextIndex = -1;
         if (e.which == 38 || e.keyCode == 38) { // UP
             nextIndex = Math.max(0, this._lastClickIndex - 1);
+            e.preventDefault();
         } else if (e.which == 40 || e.keyCode == 40) { // DOWN
             nextIndex = Math.min(this._data.length-1, this._lastClickIndex + 1);
+            e.preventDefault();
         }
         if (nextIndex > -1 && nextIndex != this._lastClickIndex) {
-            if (e.shiftKey) {
+            if (e.shiftKey && this._multiselect) {
                 if (this.isSelected(nextIndex)) {
                     this._toggleSelection(this._lastClickIndex);
                 } else {
@@ -227,7 +234,6 @@ uki.view.declare('uki.view.List', uki.view.Base, uki.view.Focusable, function(Ba
                 this.selectedIndex(nextIndex);
             }
             this._lastClickIndex = nextIndex;
-            e.preventDefault();
         }
     };
     
@@ -264,11 +270,13 @@ uki.view.declare('uki.view.List', uki.view.Base, uki.view.Focusable, function(Ba
         var maxY, minY;
         maxY = (position+1)*this._rowHeight;
         minY = position*this._rowHeight;
+        updatingScroll = true;
         if (maxY >= this._visibleRect.maxY()) {
             this._scrollableParent.scroll(0, maxY - this._visibleRect.maxY());
         } else if (minY < this._visibleRect.y) {
             this._scrollableParent.scroll(0, minY - this._visibleRect.y);
         }
+        updatingScroll = false;
         this.layout();
     };
     
@@ -326,17 +334,6 @@ uki.view.declare('uki.view.List', uki.view.Base, uki.view.Focusable, function(Ba
         this._packs[1] = tmp;
     };
     
-    this._normalizeRect = function(rect) {
-        rect = Base._normalizeRect.call(this, rect);
-        // if (rect.height != this._rowHeight * this._data.length) {
-        //     rect = new Rect(rect.x, rect.y, rect.width, this._rowHeight * this._data.length);
-        // }
-        if (rect.height < this._rowHeight * this._data.length) {
-            rect = new Rect(rect.x, rect.y, rect.width, this._rowHeight * this._data.length);
-        }
-        return rect;
-    };
-    
     this._layoutDom = function(rect) {
         if (!this._scrollableParent) {
             this._scrollableParent = uki.view.scrollableParent(this);