sproutcore 1.9.2 → 1.10.0.rc.1

data/lib/frameworks/sproutcore/frameworks/{experimental/frameworks/designer → designer}/designers/view_designer.js

@@ -76,7 +76,7 @@ SC.ViewDesigner = SC.Object.extend(
     Alternatively, you can override the `encodeChildViewsDesign()` and
     `encodeChildViewsLoc()` methods.
 
-    @property {Boolean}
+    @type Boolean
   */
   encodeChildViews: YES,
 

data/lib/frameworks/sproutcore/frameworks/{experimental/frameworks/designer → designer}/views/designer_drop_target.js

@@ -4,37 +4,36 @@
 // ==========================================================================
 /*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 */ {
-  
+
   inGlobalOffset: YES,
-  
+
   // ..........................................................
   // Key Events
-  // 
+  //
   acceptsFirstResponder: YES,
-  
+
   keyDown: function(evt) {
     return this.interpretKeyEvents(evt);
   },
-  
+
   keyUp: function(evt) {
-    return YES; 
+    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();
@@ -44,64 +43,64 @@ SC.DesignerDropTarget = SC.ContainerView.extend(
   moveLeft: function(sender, evt) {
     return YES;
   },
-  
-  moveRight: function(sender, evt) {   
+
+  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; 
+
+  computeDragOperations: function(drag, evt) {
+    return SC.DRAG_ANY;
   },
-  
 
-  acceptDragOperation: function(drag, op) { 
+
+  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.
-    
+
     Override 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) {
@@ -137,8 +136,8 @@ SC.DesignerDropTarget = SC.ContainerView.extend(
       //cv.appendChild(newView);
     }
     page.get('designController').select(newView.get('designer'));
-    return SC.DRAG_ANY; 
+    return SC.DRAG_ANY;
   }
-  
-  
+
+
 });

data/lib/frameworks/sproutcore/frameworks/{experimental/frameworks/designer → designer}/views/drawing.js

@@ -1,4 +1,4 @@
-/** @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:

data/lib/frameworks/sproutcore/frameworks/{experimental/frameworks/designer → designer}/views/high_light.js

@@ -13,44 +13,44 @@ SC.RootDesignerHighLightView = SC.View.extend(
     The designer that owns this highlight
   */
   designer: null,
-  
+
   classNames: 'high-light',
-  
+
   render: function(context, firstTime) {
     var targetFrame = this.get('targetFrame');
     // render shadows
     context
-    .begin('div').classNames(['top', 'cover']).addStyle({top: 0, height: targetFrame.y, left:0, right: 0}).end()
-    .begin('div').classNames(['bottom', 'cover']).addStyle({top: targetFrame.y + targetFrame.height, bottom:0, left: 0, right:0}).end()
-    .begin('div').classNames(['left', 'cover']).addStyle({left: 0, width: targetFrame.x, top: targetFrame.y, height: targetFrame.height}).end()
-    .begin('div').classNames(['right', 'cover']).addStyle({left: targetFrame.x + targetFrame.width, right:0, top: targetFrame.y, height: targetFrame.height}).end();
-    
+    .begin('div').addClass(['top', 'cover']).addStyle({top: 0, height: targetFrame.y, left:0, right: 0}).end()
+    .begin('div').addClass(['bottom', 'cover']).addStyle({top: targetFrame.y + targetFrame.height, bottom:0, left: 0, right:0}).end()
+    .begin('div').addClass(['left', 'cover']).addStyle({left: 0, width: targetFrame.x, top: targetFrame.y, height: targetFrame.height}).end()
+    .begin('div').addClass(['right', 'cover']).addStyle({left: targetFrame.x + targetFrame.width, right:0, top: targetFrame.y, height: targetFrame.height}).end();
+
   }
 
   // ..........................................................
   // EVENT HANDLING
-  // 
-  
+  //
+
   // mouseDown: function(evt){
   //   return this._handle_click_event(evt);
   // },
-  // 
+  //
   // mouseUp: function(evt) {
   //   return this._handle_click_event(evt);
   // },
-  // 
+  //
   // mouseMoved: function(evt) {
   //   return this._handle_click_event(evt);
   // },
-  // 
+  //
   // mouseDragged: function(evt) {
   //   return this._handle_click_event(evt);
   // },
-  // 
-  // 
+  //
+  //
   // _handle_click_event: function(evt) {
   //   var d = this.designer,
-  //       targetFrame = this.get('targetFrame');    
+  //       targetFrame = this.get('targetFrame');
   //   if(this.clickInside(targetFrame, evt) && d){
   //     return (d && d.mouseDown) ? d.mouseDown(evt) : null;
   //   }
@@ -62,5 +62,5 @@ SC.RootDesignerHighLightView = SC.View.extend(
   //     return NO;
   //   }
   // }
-  
-});
+
+});

data/lib/frameworks/sproutcore/frameworks/{experimental/frameworks/designer → designer}/views/selection_handles.js

@@ -6,26 +6,26 @@
 
 /**
   This View is used by Greenhouse when application is in design mode
-  This view draws selection handles for a given designer.  It will also 
+  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 
+    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 ;
@@ -42,37 +42,37 @@ SC.SelectionHandlesView = SC.View.extend(
 
       handles.forEach(function(classNames) {
         context.begin('span')
-          .classNames(SC.String.w(classNames))
+          .addClass(SC.String.w(classNames))
           .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/desktop/mixins/collection_fast_path.js

@@ -5,8 +5,7 @@
 // License:   Licensed under MIT license (see license.js)
 // ==========================================================================
 
-/**
-  @namespace
+/** @deprecated
 
   An experimental `CollectionView` mixin that makes it extremely fast under
   certain circumstances, including for mobile devices.

data/lib/frameworks/sproutcore/frameworks/desktop/mixins/scrollable.js

@@ -11,93 +11,93 @@
   @deprecated Use SC.ScrollView instead.
 
   Any views you implement that are scrollable should include this mixin to
-  provide basic support for scrolling actions.  You can also override any 
+  provide basic support for scrolling actions.  You can also override any
   of these methods as needed for your own specific behaviors.
-  
+
   Often times instead of adding `SC.Scrollable` to your view, you should
   place your view inside of an `SC.ScrollView`.  See that class for more
   info.
-  
+
   Note that isScrollable must always be true.
 */
 SC.Scrollable = {
-  
+
 //@if(debug)
   initMixin: function() {
     SC.Logger.warn("SC.Scrollable is deprecated and will be removed in a future version of SproutCore.  Consider pulling the mixin into your own app if you want to keep using it.");
   },
-//@endif 
+//@endif
 
   /** Informs the view system that the receiver is scrollable.
 
     Must always be `true.
 
-    @property {Boolean}
+    @type Boolean
     @default YES
     @constant
   */
   isScrollable: true,
 
-  /** 
+  /**
     Amount to scroll one vertical line.
-  
+
     Used by the default implementation of `scrollDownLine()` and `scrollUpLine()`.
-    
-    @property {Number}
+
+    @type Number
     @default 20
   */
   verticalLineScroll: 20,
-  
+
   /**
     Amount to scroll one horizontal line.
-  
+
     Used by the default implementation of `scrollLeftLine()` and `scrollRightLine()`.
-    
-    @property {Number}
+
+    @type Number
     @default 20
   */
   horizontalLineScroll: 20,
-  
+
   /**
     Amount to scroll one vertical page.
-    
+
     Used by the default implementation of `scrollUpPage()` and `scrollDownPage()`. Defaults to
     current `innerFrame` height.
   */
   verticalPageScroll: function() {
     return this.get('innerFrame').height;
   }.property('innerFrame'),
-  
+
   /**
     Amount to scroll one horizontal page.
-    
+
     Used by the default implementation of `scrollLeftPage()` and `scrollRightPage()`.  Defaults
     to current `innerFrame` width.
   */
   horizontalPageScroll: function() {
     return this.get('innerFrame').width ;
   }.property('innerFrame'),
-  
+
   /**
     Returns true if the receiver has enough vertical content to require
     scrolling.
-    
+
     If you do not want to allow vertical scrolling, override this to be false
     and set the appropriate CSS.
-    
+
     @field {Boolean}
   */
   hasVerticalScroller: function() {
     return this.get('scrollFrame').height > this.get('innerFrame').height;
   }.property('scrollFrame'),
-  
+
   /**
     Returns true if the receiver has enough horizontal content to require
     scrolling.
-    
+
     If you do not want to allow horizontal scrolling, override this to be
     false and set the appropriate CSS.
-    
+
     @field {Boolean}
   */
   hasHorizontalScroller: function() {
@@ -105,9 +105,9 @@ SC.Scrollable = {
   }.property('scrollFrame'),
 
   /**
-    Scrolls the receiver in the horizontal and vertical directions by the 
+    Scrolls the receiver in the horizontal and vertical directions by the
     amount specified, if allowed.
-    
+
     @param {Point} amount the amount to scroll.  Must include x, y or both
     @returns {Point} the actual amount scrolled.
   */
@@ -117,50 +117,50 @@ SC.Scrollable = {
 
     if (!this.get('hasVerticalScroller')) amount.y = 0 ;
     if (sf.height <= f.height) amount.y = 0 ;
-    
-    if (!this.get('hasHorizontalScroller')) amount.x = 0 ; 
+
+    if (!this.get('hasHorizontalScroller')) amount.x = 0 ;
     if (sf.width <= f.width) amount.x = 0 ;
 
     // compute new sf
     var newSf = { x: sf.x - (amount.x || 0), y: sf.y - (amount.y || 0) } ;
     this.set('scrollFrame', newSf) ;
     newSf = this.get('scrollFrame') ;
-    
-    return { x: newSf.x - sf.x, y: newSf.y - sf.y }; 
+
+    return { x: newSf.x - sf.x, y: newSf.y - sf.y };
   },
 
   /**
     Scrolls the receiver to the specified x,y coordinate
-    
+
     @param {Number} x
     @param {Number} y
   */
   scrollTo: function(x,y) {
     this.set('scrollFrame', { x: 0-x, y: 0-y });
   },
-  
+
   /**
     Scroll the view to make the passed frame visible.
-    
+
     Frame must be relative to the receiver's `offsetParent`.
-    
+
     @param {SC.View} view the view you want to make visible
   */
   scrollToVisible: function(view) {
     // get frames and convert them to proper offsets
     var f = this.get('innerFrame') ;
     var sf = this.get('scrollFrame') ;
-    
+
     // frame of the view, relative to the top of the scroll frame
     var vf = this.convertFrameFromView(view.get('frame'), view) ;
     vf.x -= (f.x + sf.x); vf.y -= (f.y + sf.y);
-    
+
     // first visible origin
-    var vo = { 
-      x: 0-sf.x, 
-      y: 0-sf.y, 
-      width: f.width, 
-      height: f.height 
+    var vo = {
+      x: 0-sf.x,
+      y: 0-sf.y,
+      width: f.width,
+      height: f.height
     };
 
     // if top edge is not visible, shift origin
@@ -174,10 +174,10 @@ SC.Scrollable = {
     // scroll to that origin.
     this.scrollTo(vo.x, vo.y) ;
   },
-  
+
   /**
     Scrolls the receiver down one line if allowed.
-    
+
     @param {Number} lines number of lines to scroll
     @returns {Number} the amount actually scrolled.
   */
@@ -188,7 +188,7 @@ SC.Scrollable = {
 
   /**
     Scrolls the receiver down up line if allowed.
-    
+
     @param {Number} lines number of lines to scroll
     @returns {Number} the amount actually scrolled.
   */
@@ -199,7 +199,7 @@ SC.Scrollable = {
 
   /**
     Scrolls the receiver right one line if allowed.
-    
+
     @param {Number} lines number of lines to scroll
     @returns {Number} the amount actually scrolled.
   */
@@ -210,7 +210,7 @@ SC.Scrollable = {
 
   /**
     Scrolls the receiver left one line if allowed.
-    
+
     @param {Number} lines number of lines to scroll
     @returns {Number} the amount actually scrolled.
   */
@@ -221,7 +221,7 @@ SC.Scrollable = {
 
   /**
     Scrolls the receiver down one page if allowed.
-    
+
     @param {Number} pages number of pages to scroll
     @returns {Number} the amount actually scrolled.
   */
@@ -232,7 +232,7 @@ SC.Scrollable = {
 
   /**
     Scrolls the receiver down up page if allowed.
-    
+
     @param {Number} pages number of pages to scroll
     @returns {Number} the amount actually scrolled.
   */
@@ -243,7 +243,7 @@ SC.Scrollable = {
 
   /**
     Scrolls the receiver right one page if allowed.
-    
+
     @param {Number} pages number of pages to scroll
     @returns {Number} the amount actually scrolled.
   */
@@ -254,7 +254,7 @@ SC.Scrollable = {
 
   /**
     Scrolls the receiver left one page if allowed.
-    
+
     @param {Number} pages number of pages to scroll
     @returns {Number} the amount actually scrolled.
   */
@@ -262,6 +262,6 @@ SC.Scrollable = {
     if (pages === undefined) pages = 1 ;
     return 0-this.scrollTo({ y: 0-this.get('horizontalPageScroll')*pages }).x ;
   }
-  
+
 } ;