sproutcore 1.4.5-java → 1.5.0-java

data/lib/frameworks/sproutcore/frameworks/designer/views/designer_drop_target.js

@@ -1,138 +0,0 @@
-// ==========================================================================
-// Project:   SC - designPage
-// Copyright: ©2010 Mike Ball
-// ==========================================================================
-/*globals SC */
-/*jslint evil: true*/
-/** 
-  @class
-  This View is used by Greenhouse when application is in design mode
-  
-  
-  @extends SC.ContainerView
-*/
-SC.DesignerDropTarget = SC.ContainerView.extend(
-  /** @scope SC.DesignerDropTarget.prototype */ {
-  
-  // ..........................................................
-  // Key Events
-  // 
-  acceptsFirstResponder: YES,
-  
-  keyDown: function(evt) {
-    return this.interpretKeyEvents(evt);
-  },
-  
-  keyUp: function(evt) {
-    return YES; 
-  },
-  
-  deleteForward: function(evt){
-    var c = SC.designsController.getPath('page.designController');
-    if(c) c.deleteSelection();
-    return YES;
-  },
-  
-  deleteBackward: function(evt){
-    var c = SC.designsController.getPath('page.designController');
-    if(c) c.deleteSelection();
-    return YES;
-  },
-
-  moveLeft: function(sender, evt) {
-    return YES;
-  },
-  
-  moveRight: function(sender, evt) {   
-    return YES;
-  },
-  
-  moveUp: function(sender, evt) {
-    return YES;
-  },
-  
-  moveDown: function(sender, evt) {
-    return YES;
-  },
-
-  // ..........................................................
-  // Drag and drop code
-  // 
-  isDropTarget: YES,
-  
-  targetIsInIFrame: YES,
-  
-  dragStarted: function(drag, evt) {
-  },
-  
-  dragEntered: function(drag, evt) {
-  },
-  
-  dragUpdated: function(drag, evt) {},
-  
-  dragExited: function(drag, evt) {},
-  
-  dragEnded: function(drag, evt) {},
-  
-
-  computeDragOperations: function(drag, evt) { 
-    return SC.DRAG_ANY; 
-  },
-  
-
-  acceptDragOperation: function(drag, op) { 
-    var data = drag.dataForType('SC.Object'),
-        scClass = eval(data.get('scClass'));
-    return scClass.kindOf(SC.View);
-  },
-  
-  /**
-    Called to actually perform the drag operation.
-    
-    Overide this method to actually perform the drag operation.  This method
-    is only called if you returned YES in acceptDragOperation(). 
-    
-    Return the operation that was actually performed or SC.DRAG_NONE if the 
-    operation was aborted.
-    
-    The default implementation returns SC.DRAG_NONE
-    
-    @param {SC.Drag} drag The drag instance managing this drag
-    @param {DragOp} op The proposed drag operation. A drag constant.
-    
-    @return {DragOp} Drag Operation actually performed
-  */
-  performDragOperation: function(drag, op) {
-    var data = drag.dataForType('SC.Object'),
-        cv = this.get('contentView'),
-        loc = drag.get('location'),
-        frame = drag.iframeFrame,
-        design, size, newView, defaults, layout;
-    var page = cv.get('page');
-    var designController = page.get('designController'),
-        rootDesigner = designController.get('rootDesigner');
-    var rootDesignerFrame = rootDesigner.get('frame');
-    //TODO: [MB] should we move most of this into the designer's addView?
-    //size and location
-    size = data.get('size');
-    loc.x = loc.x - frame.x - rootDesignerFrame.x;
-    loc.y = loc.y - frame.y - rootDesignerFrame.y;
-    //setup design (use eval to make sure code comes from iframe)
-    design = eval(data.get('scClass'));
-    defaults = data.get('defaults') || {};
-    layout = defaults.layout || {};
-    layout = SC.merge(layout, {top: loc.y, left: loc.x});
-    defaults.layout = layout;
-    design = design.design(defaults);
-    //drop it in the root designer
-    newView = design.create({page: page});
-    if(rootDesigner && newView){
-      rootDesigner.addView(newView);
-      //cv.appendChild(newView);
-    }
-    page.get('designController').select(newView.get('designer'));
-    return SC.DRAG_ANY; 
-  }
-  
-  
-});

data/lib/frameworks/sproutcore/frameworks/designer/views/drawing.js

@@ -1,219 +0,0 @@
-/** @class
-  This View is used by Greenhouse when application is in design mode
-  This is a Drawing View:
-  If you want to draw a new shape you can pass in the information:
-  For a Line:
-    {
-      +shape: SC.LINE,
-      +start: {x: 0, y: 0},
-      +end: {x: 100, y: 100},
-      ?style: {
-        ?width: 5,
-        ?color: 'orange' | '#FFA500' | 'rgb(255,165,0)' | 'rgba(255,165,0,1)'
-        ?transparency: 0.2
-      }
-    }
-  For a Rectangle:
-    {
-      +shape: SC.RECT,
-      +start: {x: 0, y: 0},
-      +size: {width: 100, height: 100},
-      ?type: SC.FILL | SC.STROKE
-      ?style: {
-        ?width: 5,
-        ?color: 'orange' | '#FFA500' | 'rgb(255,165,0)' | 'rgba(255,165,0,1)'
-        ?transparency: 0.2
-      }
-    }
-  For a Circle:
-    {
-      +shape: SC.CIRCLE,
-      +center: {x: 0, y: 0},
-      +radius: 20,
-      ?type: SC.FILL | SC.STROKE
-      ?style: {
-        ?width: 5,
-        ?color: 'orange' | '#FFA500' | 'rgb(255,165,0)' | 'rgba(255,165,0,1)'
-        ?transparency: 0.2
-      }
-    }
-  For a Polygon:
-    {
-      +shape: SC.POLY
-      +path: [
-        +{x: 0, y: 0},
-        +{x: 10, y: 10},
-        ?{x: 0, y: 50}
-      ],
-      ?type: SC.FILL | SC.STROKE
-      ?style: {
-        ?width: 5,
-        ?color: 'orange' | '#FFA500' | 'rgb(255,165,0)' | 'rgba(255,165,0,1)'
-        ?transparency: 0.2
-      }
-    }
-  
-  @author Evin Grano 
-  @extends SC.View
-  @since SproutCore 1.0
-*/
-SC.LINE = 'line';
-SC.RECT = 'rect';
-SC.CIRCLE = 'circle';
-SC.POLY = 'poly';
-
-SC.FILL = 'fill';
-SC.STROKE = 'stroke';
-
-
-SC.DrawingView = SC.View.extend({
-  
-  classNames: 'scui-drawing-view',
-  
-  shapes: [],
-  
-  _drawingManager: {},
-  
-  shapesDidChange: function(){
-    this.set('layerNeedsUpdate', YES);
-    this.updateLayerIfNeeded();
-  }.observes('*shapes.[]'),
-  
-  init: function(){
-    sc_super();
-    
-    // Register Basic Shapes
-    
-    // Drawing a Line
-    this.registerShapeDrawing( SC.LINE, function(ctx, params){
-      if (params.style){
-        if (params.style.width) ctx.lineWidth = params.style.width;
-        if (params.style.color) ctx.strokeStyle = params.style.color;
-        if (params.style.transparency) ctx.globalAlpha = params.style.transparency;
-      }
-      ctx.beginPath();
-      ctx.moveTo(params.start.x, params.start.y);
-      ctx.lineTo(params.end.x, params.end.y);
-      ctx.stroke();
-    });
-    
-    // Drawing a Rectangle
-    this.registerShapeDrawing( SC.RECT, function(ctx, params){
-      if (params.style){
-        if (params.style.width) ctx.lineWidth = params.style.width;
-        if (params.style.color) ctx.fillStyle =  ctx.strokeStyle = params.style.color;
-        if (params.style.transparency) ctx.globalAlpha = params.style.transparency;
-      }
-      switch(params.type){
-        case SC.FILL:
-          ctx.fillRect(params.start.x, params.start.y, params.size.width, params.size.height);
-          break;
-        case SC.STROKE:
-          ctx.strokeRect(params.start.x, params.start.y, params.size.width, params.size.height);
-          break;
-        default:
-          ctx.clearRect(params.start.x, params.start.y, params.size.width, params.size.height);
-          break;
-      }
-    });
-    
-    // Drawing a Circle
-    this.registerShapeDrawing( SC.CIRCLE, function(ctx, params){
-      if (params.style){
-        if (params.style.width) ctx.lineWidth = params.style.width;
-        if (params.style.color) ctx.fillStyle =  ctx.strokeStyle = params.style.color;
-        if (params.style.transparency) ctx.globalAlpha = params.style.transparency;
-      }
-      ctx.beginPath();
-      ctx.arc(params.center.x,params.center.y,params.radius,0,Math.PI*2,true);
-      if (params.type === SC.FILL) ctx.fill();
-      else ctx.stroke();
-    });
-    
-    // Drawing a Polygon
-    this.registerShapeDrawing( SC.POLY, function(ctx, params){
-      if (params.style){
-        if (params.style.width) ctx.lineWidth = params.style.width;
-        if (params.style.color) ctx.fillStyle =  ctx.strokeStyle = params.style.color;
-        if (params.style.transparency) ctx.globalAlpha = params.style.transparency;
-      }
-      ctx.beginPath();
-      var len = params.path ? params.path.length : 0;
-      if (len < 2) return;
-      
-      var path = params.path, curr;
-      ctx.moveTo(path[0].x, path[0].y);
-      for(var i = 1; i < len; i++){
-        curr = path[i];
-        ctx.lineTo(curr.x, curr.y);
-      }
-      ctx.lineTo(path[0].x, path[0].y);
-      if (params.type === SC.FILL) ctx.fill();
-      else ctx.stroke();
-    });
-  },
-  
-  render: function(context, firstTime) {
-    //console.log('%@.render()'.fmt(this));
-    var frame = this.get('frame');
-    if (firstTime) {
-      if (!SC.browser.msie) {
-        context.push('<canvas class="base-layer" width="%@" height="%@">You can\'t use canvas tags</canvas>'.fmt(frame.width, frame.height));
-      }
-    }
-    else {
-      var canvasElem = this.$('canvas.base-layer');
-      if (canvasElem) {
-        canvasElem.attr('width', frame.width);
-        canvasElem.attr('height', frame.height);
-        if (canvasElem.length > 0) {
-          var cntx = canvasElem[0].getContext('2d'); // Get the actual canvas object context
-          if (cntx) {
-            cntx.clearRect(0, 0, frame.width, frame.height);
-            this._drawShapes(cntx);
-          }
-          else {
-            console.error("SC.DrawingView.render(): Canvas object context is not accessible.");
-          }
-        }
-        else {
-          console.error("SC.DrawingView.render(): Canvas element array length is zero.");
-        }
-      }
-      else {
-        console.error("SC.DrawingView.render(): Canvas element is not accessible.");
-      }
-    }
-    
-    return sc_super();
-  },
-  
-  registerShapeDrawing: function(name, drawingFunction){
-    if (!name) {
-      console.error('Can\'t register this drawing paradigm because name is null');
-      return NO;
-    }
-    
-    // OK, create the drawing paradigm
-    this._drawingManager[name] = drawingFunction;
-    this.set('layerNeedsUpdate', YES);
-    this.updateLayerIfNeeded();
-    return YES;
-  },
-  
-  /**
-    @private 
-    
-    Function for actually drawing the shapes that we have listed
-  */
-  _drawShapes: function(cntx){
-    var curr;
-    var shapes = this.get('shapes');
-    var drawingFunc;
-    for (var i=0,len=shapes.length;i<len;i++){
-      curr = shapes[i];
-      drawingFunc = this._drawingManager[curr.shape];
-      if (drawingFunc) drawingFunc(cntx, curr);
-    }
-  }
-});

data/lib/frameworks/sproutcore/frameworks/designer/views/selection_handles.js

@@ -1,78 +0,0 @@
-// ========================================================================
-// SproutCore -- JavaScript Application Framework
-// Copyright ©2006-2011, Strobe Inc. and contributors.
-// Portions copyright ©2008 Apple Inc.  All rights reserved.
-// ========================================================================
-
-/**
-  This View is used by Greenhouse when application is in design mode
-  This view draws selection handles for a given designer.  It will also 
-  forward any mouse events to the underlying designer.
-*/
-SC.SelectionHandlesView = SC.View.extend(
-/** @scope SC.SelectionHandlesView.prototype */ {
-
-  /**
-    The designer that owns this selection.  mouse and keyboard events are 
-    forwarded to this.
-  */
-  designer: null,
-  
-  classNames: 'handles',
-  
-  render: function(context, firstTime) {
-    var designer = this.get('designer'),
-        vertical = designer ? designer.get('canResizeVertical') : NO,
-        horizontal = designer ? designer.get('canResizeHorizontal') : NO,
-        handles ;
-        
-    // render handles
-    if (firstTime || (vertical !== this._vertical) || (horizontal === this._horizontal)) {
-      this._vertical = vertical ;
-      this._horizontal = horizontal;
-
-      if (vertical && horizontal) {
-        handles = ['top left', 'top right', 'bottom left','bottom right'];
-      } else if (vertical) {
-        handles = 'top bottom'.w();
-      } else if (horizontal) {
-        handles = 'left right'.w();
-      } else handles = [];
-
-
-      handles.forEach(function(classNames) {
-        context.begin('span')
-          .classNames(classNames.w())
-          .addClass('handle')
-          .end();
-      }, this);
-    }
-    
-  },
-
-  // ..........................................................
-  // EVENT HANDLING
-  // 
-  // By default just forward to designer
-  
-  mouseDown: function(evt) {
-    var d = this.designer;
-    return (d && d.mouseDown) ? d.mouseDown(evt) : null;
-  },
-  
-  mouseUp: function(evt) {
-    var d = this.designer;
-    return (d && d.mouseUp) ? d.mouseUp(evt) : null;
-  },
-  
-  mouseMoved: function(evt) {
-    var d = this.designer;
-    return (d && d.mouseMoved) ? d.mouseMoved(evt) : null;
-  },
-  
-  mouseDragged: function(evt) {
-    var d = this.designer;
-    return (d && d.mouseDragged) ? d.mouseDragged(evt) : null;
-  }
-  
-});

data/lib/frameworks/sproutcore/frameworks/foundation/controllers/array.js

@@ -1,518 +0,0 @@
-// ========================================================================
-// SproutCore -- JavaScript Application Framework
-// Copyright ©2006-2011, Strobe Inc. and contributors.
-// Portions copyright ©2008 Apple Inc.  All rights reserved.
-// ========================================================================
-
-sc_require('controllers/controller');
-sc_require('mixins/selection_support');
-
-/**
-  @class
-
-  An ArrayController provides a way for you to publish an array of objects
-  for CollectionView or other controllers to work with.  To work with an 
-  ArrayController, set the content property to the array you want the 
-  controller to manage.  Then work directly with the controller object as if
-  it were the array itself.
-  
-  When you want to display an array of objects in a CollectionView, bind the
-  "arrangedObjects" of the array controller to the CollectionView's "content"
-  property.  This will automatically display the array in the collection view.
-
-  @extends SC.Controller
-  @extends SC.Array
-  @extends SC.SelectionSupport
-  @author Charles Jolley
-  @since SproutCore 1.0
-*/
-SC.ArrayController = SC.Controller.extend(SC.Array, SC.SelectionSupport,
-/** @scope SC.ArrayController.prototype */ {
-
-  // ..........................................................
-  // PROPERTIES
-  // 
-  
-  /**
-    The content array managed by this controller.  
-    
-    You can set the content of the ArrayController to any object that 
-    implements SC.Array or SC.Enumerable.  If you set the content to an object
-    that implements SC.Enumerable only, you must also set the orderBy property
-    so that the ArrayController can order the enumerable for you.
-    
-    If you set the content to a non-enumerable and non-array object, then the
-    ArrayController will wrap the item in an array in an attempt to normalize
-    the result.
-    
-    @property {SC.Array}
-  */
-  content: null,
-
-  /**
-    Makes the array editable or not.  If this is set to NO, then any attempts
-    at changing the array content itself will throw an exception.
-    
-    @property {Boolean}
-  */
-  isEditable: YES,
-  
-  /**
-    Used to sort the array.
-    
-    If you set this property to a key name, array of key names, or a function,
-    then then ArrayController will automatically reorder your content array
-    to match the sort order.  (If you set a function, the function will be
-    used to sort).
-
-    Normally, you should only use this property if you set the content of the
-    controller to an unordered enumerable such as SC.Set or SC.SelectionSet.
-    In this case the orderBy property is required in order for the controller
-    to property order the content for display.
-    
-    If you set the content to an array, it is usually best to maintain the 
-    array in the proper order that you want to display things rather than 
-    using this method to order the array since it requires an extra processing
-    step.  You can use this orderBy property, however, for displaying smaller 
-    arrays of content.
-    
-    Note that you can only to use addObject() to insert new objects into an
-    array that is ordered.  You cannot manually reorder or insert new objects
-    into specific locations because the order is managed by this property 
-    instead.
-    
-    If you pass a function, it should be suitable for use in compare().
-    
-    @property {String|Array|Function}
-  */
-  orderBy: null,
-    
-  /**
-    Set to YES if you want the controller to wrap non-enumerable content    
-    in an array and publish it.  Otherwise, it will treat single content like 
-    null content.
-    
-    @property {Boolean}
-  */
-  allowsSingleContent: YES,
-  
-  /**
-    Set to YES if you want objects removed from the array to also be
-    deleted.  This is a convenient way to manage lists of items owned
-    by a parent record object.
-    
-    Note that even if this is set to NO, calling destroyObject() instead of
-    removeObject() will still destroy the object in question as well as 
-    removing it from the parent array.
-    
-    @property {Boolean}
-  */
-  destroyOnRemoval: NO,
-
-  /**
-    Returns an SC.Array object suitable for use in a CollectionView.  
-    Depending on how you have your ArrayController configured, this property
-    may be one of several different values.  
-    
-    @property {SC.Array}
-  */
-  arrangedObjects: function() {
-    return this;
-  }.property().cacheable(),
-  
-  /**
-    Computed property indicates whether or not the array controller can 
-    remove content.  You can delete content only if the content is not single
-    content and isEditable is YES.
-    
-    @property {Boolean}
-  */
-  canRemoveContent: function() {
-    var content = this.get('content'), ret;
-    ret = !!content && this.get('isEditable') && this.get('hasContent');
-    if (ret) {
-      return !content.isEnumerable || 
-             (SC.typeOf(content.removeObject) === SC.T_FUNCTION);
-    } else return NO ;
-  }.property('content', 'isEditable', 'hasContent'),
-  
-  /**
-    Computed property indicates whether you can reorder content.  You can
-    reorder content as long a the controller isEditable and the content is a
-    real SC.Array-like object.  You cannot reorder content when orderBy is
-    non-null.
-    
-    @property {Boolean}
-  */
-  canReorderContent: function() {
-    var content = this.get('content'), ret;
-    ret = !!content && this.get('isEditable') && !this.get('orderBy');
-    return ret && !!content.isSCArray;
-  }.property('content', 'isEditable', 'orderBy'),
-  
-  /**
-    Computed property insides whether you can add content.  You can add 
-    content as long as the controller isEditable and the content is not a 
-    single object.
-    
-    Note that the only way to simply add object to an ArrayController is to
-    use the addObject() or pushObject() methods.  All other methods imply 
-    reordering and will fail.
-    
-    @property {Boolean}
-  */
-  canAddContent: function() {
-    var content = this.get('content'), ret ;
-    ret = content && this.get('isEditable') && content.isEnumerable;
-    if (ret) {
-      return (SC.typeOf(content.addObject) === SC.T_FUNCTION) || 
-             (SC.typeOf(content.pushObject) === SC.T_FUNCTION); 
-    } else return NO ;
-  }.property('content', 'isEditable'),
-  
-  /**
-    Set to YES if the controller has valid content that can be displayed,
-    even an empty array.  Returns NO if the content is null or not enumerable
-    and allowsSingleContent is NO.
-    
-    @property {Boolean}
-  */
-  hasContent: function() {
-    var content = this.get('content');
-    return !!content && 
-           (!!content.isEnumerable || !!this.get('allowsSingleContent'));
-  }.property('content', 'allowSingleContent'),
-
-  /**
-    Returns the current status property for the content.  If the content does
-    not have a status property, returns SC.Record.READY.
-    
-    @property {Number}
-  */
-  status: function() {
-    var content = this.get('content'),
-        ret = content ? content.get('status') : null;
-    return ret ? ret : SC.Record.READY;
-  }.property().cacheable(),
-  
-  // ..........................................................
-  // METHODS
-  // 
-  
-  /**
-    Adds an object to the array.  If the content is ordered, this will add the 
-    object to the end of the content array.  The content is not ordered, the
-    location depends on the implementation of the content.
-    
-    If the source content does not support adding an object, then this method 
-    will throw an exception.
-    
-    @param {Object} object the object to add
-    @returns {SC.ArrayController} receiver
-  */
-  addObject: function(object) {
-    if (!this.get('canAddContent')) throw "%@ cannot add content".fmt(this);
-    
-    var content = this.get('content');
-    if (content.isSCArray) content.pushObject(object);
-    else if (content.addObject) content.addObject(object);
-    else throw "%@.content does not support addObject".fmt(this);
-    
-    return this;
-  },
-  
-  /**
-    Removes the passed object from the array.  If the underyling content 
-    is a single object, then this simply sets the content to null.  Otherwise
-    it will call removeObject() on the content.
-    
-    Also, if destroyOnRemoval is YES, this will actually destroy the object.
-    
-    @param {Object} object the object to remove
-    @returns {SC.ArrayController} receiver
-  */
-  removeObject: function(object) {
-    if (!this.get('canRemoveContent')) {
-      throw "%@ cannot remove content".fmt(this);
-    }
-    
-    var content = this.get('content');
-    if (content.isEnumerable) content.removeObject(object);
-    else {
-      this.set('content', null);
-    }
-    
-    if (this.get('destroyOnRemoval') && object.destroy) object.destroy();
-    return this; 
-  },
-  
-  // ..........................................................
-  // SC.ARRAY SUPPORT
-  // 
-
-  /**
-    Compute the length of the array based on the observable content
-    
-    @property {Number}
-  */
-  length: function() {
-    var content = this._scac_observableContent();
-    return content ? content.get('length') : 0;
-  }.property().cacheable(),
-
-  /** @private
-    Returns the object at the specified index based on the observable content
-  */
-  objectAt: function(idx) {
-    var content = this._scac_observableContent();
-    return content ? content.objectAt(idx) : undefined ;    
-  },
-  
-  /** @private
-    Forwards a replace on to the content, but only if reordering is allowed.
-  */
-  replace: function(start, amt, objects) {
-    // check for various conditions before a replace is allowed
-    if (!objects || objects.get('length')===0) {
-      if (!this.get('canRemoveContent')) {
-        throw "%@ cannot remove objects from the current content".fmt(this);
-      }
-    } else if (!this.get('canReorderContent')) {
-      throw "%@ cannot add or reorder the current content".fmt(this);
-    }    
-    
-    // if we can do this, then just forward the change.  This should fire
-    // updates back up the stack, updating rangeObservers, etc.
-    var content = this.get('content'); // note: use content, not observable
-    var objsToDestroy = [], i, objsLen;
-    if (this.get('destroyOnRemoval')){
-      for(i=0; i<amt; i++){
-        objsToDestroy.push(content.objectAt(i+start));
-      }
-    }
-    
-    if (content) content.replace(start, amt, objects);
-    for(i=0, objsLen = objsToDestroy.length; i<objsLen; i++){
-      
-      objsToDestroy[i].destroy();
-    }
-    objsToDestroy = null;
-    
-    return this; 
-  },
-
-  indexOf: function(object, startAt) {
-    var content = this._scac_observableContent();
-    return content ? content.indexOf(object, startAt) : -1;
-  },
-
-  // ..........................................................
-  // INTERNAL SUPPORT
-  // 
-  
-  /** @private */
-  init: function() {
-    sc_super();
-    this._scac_contentDidChange();
-  },
-  
-  /** @private
-    Cached observable content property.  Set to NO to indicate cache is 
-    invalid.
-  */
-  _scac_cached: NO,
-  
-  /**
-    @private
-    
-    Returns the current array this controller is actually managing.  Usually
-    this should be the same as the content property, but sometimes we need to
-    generate something different because the content is not a regular array.
-    
-    Passing YES to the force parameter will force this value to be recomputed.
-  
-    @returns {SC.Array} observable or null
-  */
-  _scac_observableContent: function() {
-    var ret = this._scac_cached;
-    if (ret !== NO) return ret;
-    
-    var content = this.get('content'),
-        orderBy, func, t, len;
-    
-    // empty content
-    if (SC.none(content)) return this._scac_cached = [];
-
-    // wrap non-enumerables
-    if (!content.isEnumerable) {
-      ret = this.get('allowsSingleContent') ? [content] : [];
-      return (this._scac_cached = ret);
-    } 
-    
-    // no-wrap
-    orderBy = this.get('orderBy');
-    if (!orderBy) {
-      if (content.isSCArray) return (this._scac_cached = content) ;
-      else throw "%@.orderBy is required for unordered content".fmt(this);     
-    }
-    
-    // all remaining enumerables must be sorted.
-    
-    // build array - then sort it
-    switch(SC.typeOf(orderBy)) {
-    case SC.T_STRING:
-      orderBy = [orderBy];
-      break;
-    case SC.T_FUNCTION:
-      func = orderBy ;
-      break;
-    case SC.T_ARRAY:
-      break;
-    default:
-      throw "%@.orderBy must be Array, String, or Function".fmt(this);
-    }
-        
-    // generate comparison function if needed - use orderBy
-    if (!func) {  
-      len = orderBy.get('length');
-      func = function(a,b) {
-        var idx=0, status=0, key, aValue, bValue, descending;
-        for(idx=0;(idx<len)&&(status===0);idx++) {
-          key = orderBy.objectAt(idx);
-          descending = NO;
-          
-          if (key.indexOf('ASC') > -1) {
-            key = key.split('ASC ')[1];
-          } else if (key.indexOf('DESC') > -1) {
-            key = key.split('DESC ')[1];
-            descending = YES;
-          }
-        
-          if (!a) aValue = a ;
-          else if (a.isObservable) aValue = a.get(key);
-          else aValue = a[key];
-
-          if (!b) bValue = b ;
-          else if (b.isObservable) bValue = b.get(key);
-          else bValue = b[key];
-        
-          status = SC.compare(aValue, bValue);
-          if (descending) status = (-1) * status;
-        }
-        return status ;
-      };
-    }
-
-    ret = [];
-    content.forEach(function(o) { ret.push(o); });
-    ret.sort(func);
-    
-    func = null ; // avoid memory leaks
-    return (this._scac_cached = ret) ;
-  },
-  
-  /** @private
-    Whenever content changes, setup and teardown observers on the content
-    as needed.
-  */
-  _scac_contentDidChange: function() {
-
-    this._scac_cached = NO; // invalidate observable content
-    
-    var cur    = this.get('content'),
-        orders = !!this.get('orderBy'),
-        last   = this._scac_content,
-        oldlen = this._scac_length || 0,
-        ro     = this._scac_rangeObserver,
-        func   = this._scac_rangeDidChange,
-        efunc  = this._scac_enumerableDidChange,
-        sfunc  = this._scac_contentStatusDidChange,
-        newlen;
-        
-    if (last === cur) return this; // nothing to do
-
-    // teardown old observer
-    if (last) {
-      if (ro && last.isSCArray) last.removeRangeObserver(ro);
-      else if (last.isEnumerable) last.removeObserver('[]', this, efunc);
-      last.removeObserver('status', this, sfunc);
-    }
-    
-    ro = null;
-    
-    // save new cached values 
-    this._scac_cached = NO;
-    this._scac_content = cur ;
-    
-    // setup new observers
-    // also, calculate new length.  do it manually instead of using 
-    // get(length) because we want to avoid computed an ordered array.
-    if (cur) {
-      if (!orders && cur.isSCArray) ro = cur.addRangeObserver(null,this,func);
-      else if (cur.isEnumerable) cur.addObserver('[]', this, efunc);
-      newlen = cur.isEnumerable ? cur.get('length') : 1; 
-      cur.addObserver('status', this, sfunc);
-      
-    } else newlen = SC.none(cur) ? 0 : 1;
-
-    this._scac_rangeObserver = ro;
-    
-
-    // finally, notify enumerable content has changed.
-    this._scac_length = newlen;
-    this._scac_contentStatusDidChange();
-    this.enumerableContentDidChange(0, newlen, newlen - oldlen);
-    this.updateSelectionAfterContentChange();
-  }.observes('content'),
-  
-  /** @private
-    Whenever enumerable content changes, need to regenerate the 
-    observableContent and notify that the range has changed.  
-    
-    This is called whenever the content enumerable changes or whenever orderBy
-    changes.
-  */
-  _scac_enumerableDidChange: function() {
-    var content = this.get('content'), // use content directly
-        newlen  = content ? content.get('length') : 0,
-        oldlen  = this._scac_length;
-        
-    this._scac_length = newlen;
-    this.beginPropertyChanges();
-    this._scac_cached = NO; // invalidate
-    this.enumerableContentDidChange(0, newlen, newlen-oldlen);
-    this.endPropertyChanges();
-    this.updateSelectionAfterContentChange();
-  }.observes('orderBy'),
-  
-  /** @private
-    Whenever array content changes, need to simply forward notification.
-    
-    Assumes that content is not null and is SC.Array.
-  */
-  _scac_rangeDidChange: function(array, objects, key, indexes) {
-    if (key !== '[]') return ; // nothing to do
-    
-    var content = this.get('content');
-    this._scac_length = content.get('length');
-    this._scac_cached = NO; // invalidate
-    
-    // if array length has changed, just notify every index from min up
-    if (indexes) {
-      this.beginPropertyChanges();
-      indexes.forEachRange(function(start, length) {
-        this.enumerableContentDidChange(start, length, 0);
-      }, this);
-      this.endPropertyChanges();
-      this.updateSelectionAfterContentChange();
-    }
-  },
-  
-  /** @private
-    Whenver the content "status" property changes, relay out.
-  */
-  _scac_contentStatusDidChange: function() {
-    this.notifyPropertyChange('status');
-  }
-  
-});