sproutcore 0.9.6 → 0.9.7

data/frameworks/sproutcore/README

@@ -1 +1,15 @@
-SproutCore is a framework for building applications in JavaScript.  It eliminates much of the glue code you would often write to build applications on the web so you can focus on building features. To get started using SproutCore, visit the website at http://www.sproutcore.com, where you can find documentation and tutorials.
+SproutCore JavaScript Application Framework
+
+SproutCore is a framework for building desktop-like applications in the web without the use of plugins.  With SproutCore, you build rich, interactive
+applications in the web in less code than most simple web pages require today.
+
+The easiest way to get started with SproutCore is using the BlueRibbon build 
+tools included with the SproutCore package when you install it from the Ruby 
+Gems.  Please see the Getting Started documentation on the SproutCore website
+for more information.
+
+http://www.sproutcore.com
+
+If you would like to contact the authors, you can reach the current maintainer
+at charles@sproutit.com
+

data/frameworks/sproutcore/foundation/utils.js

@@ -133,6 +133,7 @@ Object.extend(SC,
   /** Finds the absolute viewportOffset for a given element.
     This method is more accurate than the version provided by prototype.
     
+    If you pass NULL to this method, it will return a { x:0, y:0 }
     @param el The DOM element
     @returns {Point} A hash with x,y offsets.
   */
@@ -141,7 +142,7 @@ Object.extend(SC,
 
     // add up all the offsets for the element.
     var element = el ;
-    do {
+    while (element) {
       valueT += (element.offsetTop  || 0) + (element.clientTop  || 0);
       valueL += (element.offsetLeft || 0) + (element.clientLeft || 0);
 
@@ -163,17 +164,19 @@ Object.extend(SC,
       if (element.offsetParent == document.body &&
         Element.getStyle(element, 'position') == 'absolute') break;
 
+      element = element.offsetParent ;
 
-
-    } while (element = element.offsetParent);
+    }
 
     element = el;
-    do {
+    while (element) {
       if (!Prototype.Browser.Opera || element.tagName == 'BODY') {
         valueT -= element.scrollTop  || 0;
         valueL -= element.scrollLeft || 0;
       }
-    } while (element = element.parentNode);
+      
+      element = element.parentNode ;
+    }
 
     return { x: valueL, y: valueT } ;
   },

data/frameworks/sproutcore/tests/views/popup_button.rhtml

@@ -8,7 +8,7 @@ Test.context("A SC.PopupButtonView with no configured menu", {
   {
     for (var i=0, n=this.buttons.length; i < n; i++)
     {
-      (this.buttons[i].get('menu') == null).shouldEqual(true);
+      (buttons[i].get('menu') == null).shouldEqual(true);
     }
   },
   "Should return false if asked to trigger it's action": function()
@@ -32,9 +32,10 @@ Test.context("A SC.PopupButtonView with no configured menu", {
       SC.PopupButtonView.extend({ menuName: '' }).viewFor(null),
       SC.PopupButtonView.extend({ menuName: 'foobarMenu' }).viewFor(null),
       SC.PopupButtonView.extend({ menuName: false }).viewFor(null),
-      SC.PopupButtonView.extend({ menuName: null }).viewFor(null),
+      SC.PopupButtonView.extend({ menuName: null }).viewFor(null) 
     ];
   },
+
   teardown: function()
   {
     delete this.buttons;

data/frameworks/sproutcore/views/collection/collection.js

@@ -583,12 +583,12 @@ SC.CollectionView = SC.View.extend(SC.CollectionViewDelegate,
     @returns {Range} a range of objects
   */
   groupRangeForContentIndex: function(contentIndex) {
+    var content = Array.from(this.get('content')) ;
+    var len = content.get('length') ;
     var groupBy = this.get('groupBy') ;
-    if (!groupBy) return { start: contentIndex, length: 1 } ;
+    if (!groupBy) return { start: 0, length: len } ;
 
     var min = contentIndex, max = contentIndex ;
-    var content = Array.from(this.get('content')) ;
-    var len = content.get('length') ;
     var cur = content.objectAt(contentIndex) ;
     var groupValue = (cur) ? cur.get(groupBy) : null ;
     
@@ -2111,7 +2111,6 @@ SC.CollectionView = SC.View.extend(SC.CollectionViewDelegate,
     // index.
     var loc = drag.get('location') ;
     loc = this.convertFrameFromView(loc, null) ;
-    
     var dropOp = SC.DROP_BEFORE ;
     var dragOp = SC.DRAG_NONE ;
     
@@ -2125,7 +2124,7 @@ SC.CollectionView = SC.View.extend(SC.CollectionViewDelegate,
       dropOp = idx[1] ;
       idx = idx[0] ;
     }
-    
+
     // if the return drop operation is DROP_ON, then just check it with the
     // delegate method.  If the delegate method does not support dropping on,
     // then it will return DRAG_NONE, in which case we will try again with

data/frameworks/sproutcore/views/collection/source_list.js

@@ -392,9 +392,11 @@ SC.SourceListView = SC.CollectionView.extend(
     var f = this.get('innerFrame') ;
     var sf = this.get('scrollFrame') ;
     var rowHeight = this.get('rowHeight') || 0 ;
-
+    var headerRowCount = (this.get("groupBy")) ? 1 : 0;
+    
     // find the offset to work with.
     var offset = loc.y - f.y - sf.y ;
+    
     var ret = -1; // the return value
     var retOp = SC.DROP_BEFORE ;
 
@@ -402,13 +404,14 @@ SC.SourceListView = SC.CollectionView.extend(
     var top = 0;
     var idx = 0 ;
     while((ret<0) && (range = this.groupRangeForContentIndex(idx)).length>0){
-      var max = top + ((range.length+1) * rowHeight) ;
+      var max = top + ((range.length+headerRowCount) * rowHeight) ;
       
       // the offset is within the group, find the row in the group.  Remember
       // that the top row is actually the label, so we should return -1 if 
       // we hit there.
       if (max >= offset) {
         offset -= top ;
+          
         ret = Math.floor(offset / rowHeight) ;
 
         // find the percent through the row...
@@ -426,11 +429,11 @@ SC.SourceListView = SC.CollectionView.extend(
         }
         
         // handle dropping on top row...
-        if (ret < 1) return [-1, SC.DROP_BEFORE] ; // top row!
+        if (ret < headerRowCount) return [-1, SC.DROP_BEFORE] ; // top row!
         
         // convert to index
-        ret = (ret - 1) + idx ;
-        
+        ret = (ret - headerRowCount) + idx ;
+
       // we are not yet within the group, go on to the next group.
       } else {
         idx += range.length ;

data/frameworks/sproutcore/views/field/text_field.js

@@ -100,7 +100,9 @@ SC.TextFieldView = SC.FieldView.extend(SC.Editable,
       this._isFocused = true ;
       if (this.get('isVisibleInWindow')) {
         this.rootElement.focus();
-        this.rootElement.select.bind(this.rootElement).delay(0.05);
+
+		this.invokeLater(this._selectRootElement, 1) ;
+
       }
     }
 
@@ -108,6 +110,12 @@ SC.TextFieldView = SC.FieldView.extend(SC.Editable,
     this._updateFieldHint() ;
   },
 
+  // In IE, you can't modify functions on DOM elements so we need to wrap the call to select() 
+  // like this.
+  _selectRootElement: function() {
+	this.rootElement.select() ;
+  },
+
   // when we lose first responder, blur the text field if needed and show
   // the hint text if needed.
   /** @private */
@@ -115,12 +123,15 @@ SC.TextFieldView = SC.FieldView.extend(SC.Editable,
     
     if (this._isFocused) {
       this._isFocused = false ;
+      this._updateFieldHint() ;
       return this.rootElement.blur() ;
     }
-    
-    this._value = this.rootElement.value ;
-    this.fieldValueDidChange() ;
-    this._updateFieldHint() ;
+    else {
+      this._value = this.rootElement.value ;
+      this.fieldValueDidChange() ;
+      this._updateFieldHint() ;
+      return true;
+    }
   },
   
   _isFocused: false,

data/frameworks/sproutcore/views/view.js

@@ -877,7 +877,25 @@ SC.View = SC.Responder.extend(SC.PathModule,  SC.DelegateSupport,
     @type {Element}
   */
   offsetParent: function() {
-    return Position.offsetParent(this.rootElement) ;
+    
+    // handle simple cases.
+    var el = this.rootElement ;
+    if (!el || el === document.body) return el;
+    if (el.offsetParent) return el.offsetParent ;
+
+    // in some cases, we can't find the offset parent so we walk up the 
+    // chain until an element is found with a position other than
+    // 'static'
+    //
+    // Note that IE places DOM elements not in the main body inside of a 
+    // document-fragment root.  We need to treat document-fragments (i.e. 
+    // nodeType === 11) as null values
+    var ret = null ;
+    while(!ret && (el = el.parentNode) && (el.nodeType !== 11) && (el !== document.body)) {
+      if (Element.getStyle(el, 'position') !== 'static') ret = el;
+    }
+    if (!ret && (el === document.body)) ret = el ;
+    return ret ;
   }.property(),
 
   /**

data/lib/sproutcore/bundle.rb

@@ -575,7 +575,7 @@ module SproutCore
       str.scan(/['"](.+)['"]\s*:\s*['"](.+)['"],?\s*$/) do |x,y| 
         # x & y are JS strings that must be evaled as such..
         #x = eval(%("#{x}"))
-        y = eval(%[%(#{y})])
+        y = eval(%[<<__EOF__\n#{y}\n__EOF__]).chop
         ret[x] = y 
       end
       

data/lib/sproutcore/version.rb

@@ -2,7 +2,7 @@ module SproutCore #:nodoc:
   module VERSION #:nodoc:
     MAJOR = 0
     MINOR = 9
-    TINY  = 6
+    TINY  = 7
 
     STRING = [MAJOR, MINOR, TINY].join('.')
   end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification 
 name: sproutcore
 version: !ruby/object:Gem::Version 
-  version: 0.9.6
+  version: 0.9.7
 platform: ruby
 authors: 
 - Charles Jolley
@@ -9,7 +9,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2008-05-19 00:00:00 -07:00
+date: 2008-05-27 00:00:00 -07:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency 
@@ -90,8 +90,10 @@ files:
 - clients/sc_docs/english.lproj/strings.js
 - clients/sc_docs/english.lproj/tabs.rhtml
 - clients/sc_docs/fixtures/doc.js
+- clients/sc_docs/HISTORY
 - clients/sc_docs/main.js
 - clients/sc_docs/models/doc.js
+- clients/sc_docs/README
 - clients/sc_docs/tests/controllers/docs.rhtml
 - clients/sc_docs/tests/models/doc.rhtml
 - clients/sc_docs/tests/views/doc_frame.rhtml
@@ -111,14 +113,22 @@ files:
 - clients/sc_test_runner/english.lproj/no_tests.rhtml
 - clients/sc_test_runner/english.lproj/strings.js
 - clients/sc_test_runner/fixtures/test.js
+- clients/sc_test_runner/HISTORY
 - clients/sc_test_runner/main.js
 - clients/sc_test_runner/models/test.js
+- clients/sc_test_runner/README
 - clients/sc_test_runner/views/runner_frame.js
 - clients/sc_test_runner/views/test_label.js
+- clients/view_builder/core.js
+- clients/view_builder/english.lproj/body.css
+- clients/view_builder/english.lproj/body.rhtml
+- clients/view_builder/english.lproj/strings.js
+- clients/view_builder/main.js
 - config/hoe.rb
 - config/requirements.rb
+- frameworks/prototype/HISTORY
 - frameworks/prototype/prototype.js
-- frameworks/sproutcore/animation/animation.js
+- frameworks/prototype/README
 - frameworks/sproutcore/controllers/array.js
 - frameworks/sproutcore/controllers/collection.js
 - frameworks/sproutcore/controllers/controller.js
@@ -174,7 +184,6 @@ files:
 - frameworks/sproutcore/foundation/run_loop.js
 - frameworks/sproutcore/foundation/server.js
 - frameworks/sproutcore/foundation/set.js
-- frameworks/sproutcore/foundation/sorted_set.js
 - frameworks/sproutcore/foundation/string.js
 - frameworks/sproutcore/foundation/timer.js
 - frameworks/sproutcore/foundation/undo_manager.js
@@ -183,6 +192,7 @@ files:
 - frameworks/sproutcore/globals/panels.js
 - frameworks/sproutcore/globals/popups.js
 - frameworks/sproutcore/globals/window.js
+- frameworks/sproutcore/HISTORY
 - frameworks/sproutcore/lib/button_views.rb
 - frameworks/sproutcore/lib/collection_view.rb
 - frameworks/sproutcore/lib/core_views.rb

data/frameworks/sproutcore/animation/animation.js

@@ -1,411 +0,0 @@
-// ========================================================================
-// SproutCore
-// copyright 2006-2008 Sprout Systems, Inc.
-// ========================================================================
-
-require('Core') ;
-require('foundation/timer') ;
-
-/**
-  @class
-  
-  An animator is a special timer that will transition its value property from
-  0 to 1 according to a transform function you define.  You can also specify
-  one or more "subjects" that will be invoked whenever the animation value
-  changes, which can apply the animation to any target you like.
-
-  This class and its related classes are based on Bernie's Better Animator
-  class.
-  
-  Use Cases:
-  
-  1. I just want to transition from x=0 -> x=20.
-    v.transitionTo('styleLeft', 20) ;
-     -> creates an animation for styleLeft.  If you add a new animation for
-        the same effect, it will cancel the old one automatically.
-        
-  2. I want to have an 'animation behavior' attached to some property.  
-     whenever I change it, it should automatically transition the property
-     instead of just updating it.  i.e. a "Tracker".
-     
-     -> I may want the tracker to update several things at once.  But that
-        could be done through changing one property which will in turn 
-        update everything else.  Better idea.
-        
-      Tracker simply stores some animation properties and calls transitionTo
-      whenever your target value changes.
-        
-  3. I want to have some property animating on its own.  For example a 
-     throbbing button
-     
-     a = v.addAnimation('opacity', { 
-       repeatCount: , 
-       autoreverses: YES, 
-       end: 1.0, 
-       start: 0.0,
-       property: 'opacity' 
-      }) ;
-      
-    a.set('isPaused', YES) ;
-    v.removeAnimation('opacity');
-    
-  --
-  We will need an animation builder.  It would be nice if I could have a 
-  complete timeline for an animation setup and you just tell it to run.  Set
-  the timecode to anytime that you want, tell it to start or stop.
-  
-  @extends SC.Timer
-  @author Charles Jolley
-  @since SproutCore 1.0
-*/
-SC.Animation = SC.Timer.extend(
-/** @scope SC.Animation.prototype */ {
-
-  /**
-    The target frame rate.  This is used to determine the interval of the
-    timer.
-    
-    @type {Number}
-    @field
-  */
-  frameRate: 60,
-  
-  /**
-    The interval between frames.  Calculated automatically from the frameRate.
-    This property is read only.
-    
-    @type {Number}
-    @field
-  */
-  interval: function() {
-    return 1000 / this.get('frameRate') ;
-  }.property('frameRate'),
-  
-  /**
-    The total amount of time in msec you want to take for the animation to
-    go from 0-1.
-  */
-  duration: 0,
-  
-  /**
-    The speed at which the timecode for the animation will progress.  1.0
-    means it will progress in real time, 2.0 means twice as fast, etc.
-  */
-  speed: 1.0,
-  
-  /**
-    The total number of times you want the animation to repeat.
-    
-    This can be any number, including partial numbers.  If you set this 
-    value you must not set repeatDuration as well.  This will be ignored 
-    if the value is 0, which is the default.
-    
-    If you set this property to -1, then the animation will repeat
-    indefinitely.
-    
-    Setting this property will update the targetTimecode.
-    
-    @type {Number}
-    @field
-  */
-  repeatCount: 0,
-  
-  /**
-    The total amount of time the animation should run, repeating itself, in
-    msec.
-    
-    If you set this value you must not set repeatCount as well.  This will
-    be ignored if the value is 0, which is the default.
-    
-    Setting this property will update the targetTimecode.
-    
-    @type {Number}
-    @field
-  */
-  repeatDuration: 0,
-  
-  /**
-    If YES, then the animation will automatically reverse itself on each
-    repeat.
-  
-    @type {Boolean}
-    @field
-  */
-  autoreverses: NO,
-  
-  /**
-    A transition function.  This is used to convert the progress into a 
-    state value.  You can supply your own transition function to provide
-    varied behaviors such as ease in, ease out, etc.
-  
-    The function must have a signature like:
-    
-    transition: function(value, animator)
-    
-    It must accept a value from 0-1 indicating the current animation progress
-    and return a value from 0-1 indication the current transition progress.
-    
-    @type {Function}
-    @field
-  */
-  transition: null,
-  
-  /**
-    This is the current timecode for the animation, in msec.  You can set
-    this to any value that you want and the animation to compute the current
-    transition value from it.  
-    
-    To move instantly to any part of your animation, you can simply set this
-    timecode or use jumpTo().
-    
-    @type {Number}
-    @field
-  */
-  currentTimecode: 0,
-
-  /**
-    This is the target timecode.  Whenever the target timecode and the
-    current timecode do not match, the animation will animate until it
-    reaches the target timecode.
-    
-    To transition the animation to a new state, set the timecode to any 
-    value that you want.  
-    
-    @type {Number}
-  */
-  targetTimecode: 0,
-
-  /**
-    The current animation progress.  
-    
-    This value will loop from 0-1 based on the current timecode and the 
-    setting of autoreverses.  You generally do not want to use this value. 
-    Instead use the value property to compute the current transition.
-    
-    @type {Number}
-    @field
-  */
-  progress: function() {
-
-    // current progress is calculated from the currentTimecode by dividing
-    // it by the animation duration and autoreverses.
-    var currentTimecode = this.get('currentTimecode') ;
-    var duration = this.get('duration') ;
-    var reverses = this.get('autoreverses') ;
-    
-    // find the progress through the current cycle.
-    var cycle = Math.floor(currentTimecode / duration) ;
-    var progress = (currentTimecode - (duration * cycle)) / duration;
-    
-    // if we autoreverse and the cycle is odd numbered, invert.
-    if (reverses && (cycle % 2) > 0) progress = 1 - progress ;
-    return progress ;
-  }.property('currentTimecode', 'duration', 'autoreverses'),
-  
-  /**
-    The current animation value.  Transform functions can observe this 
-    property and update the target object accordingly.
-  
-    @type {Number}
-    @field
-  */
-  value: function() {
-    var value = this.get('progress');
-    if (this.transition) value = this.transition(value, this) ;
-    return value ;
-  }.property('progress'),
-  
-  /**
-    The target object of the animation.  This is often used by transform
-    functions as the target of their change.  It is not strictly required.
-    
-    @type {Object}
-    @field
-  */
-  target: null,
-  
-
-  /**
-    This method must be called once when the animation is created to schedule
-    it with the run loop.  Once animation has been started, you should can
-    pause it to remove it from the runloop temporarily.
-    
-    @returns {void}
-  */
-  play: function() {
-    this.beginPropertyChanges() ;
-    if (!this.get('isScheduled')) {
-      this.schedule() ;
-      this._lastActionTime = SC.runLoop.get('startTime') ;
-    }
-    
-    if (this.get('isPaused')) this.set('isPaused', NO) ;
-    this.endPropertyChanges() ;
-  },
-  
-  /**
-    Once an animation has been started, you can pause it anytime with this
-    method.  Call start() to restart it or set isPaused to NO.
-    
-    @returns {void}
-  */
-  pause: function() {
-    this.set('isPaused', YES) ;
-  },
-  
-  /**
-    Immediately changes the currentTimecode to reflect the requested amount
-    of progress through a single cycle of the animation.
-    
-    @param progress {Number} a progress value from 0 to 1.
-    @returns {void}
-  */
-  jumpTo: function(progress) {
-    // get the current progress.
-    var cur = this.get('progress') ;
-    var diff = progress - cur ;
-    var duration = this.get('duration') ;
-    diff *= duration ;
-
-    var timecode = this.get('currentTimecode') ;
-    if (diff !== 0) this.set('currentTimecode', timecode + diff) ;
-  },
-  
-  /**
-    Changes the targetTimecode to reflect the request amount of progress
-    through the current cycle of the animation.  If the animation is in 
-    reverse, this could move the timecode in the opposite direction.
-    
-    @param progress {Number} a progress value from 0 to 1.
-    @returns {void}
-  */
-  seekTo: function(progress) {
-    // get the current progress.
-    var cur = this.get('progress') ;
-    var diff = progress - cur ;
-    var duration = this.get('duration') ;
-    diff *= duration ;
-
-    var timecode = this.get('currentTimecode') ;
-    if (diff !== 0) this.set('targetTimecode', timecode + diff) ;
-  },
-  
-  /**
-    Changes the currentTimecode and targetTimecode to reflect the requested
-    amount of progress through the current cycle of the animation.  If the
-    animation is in reverse, this could move the timecode in the opposite
-    direction.
-    
-    @param fromProgress {Number} a progress value from 0 to 1
-    @param toProgress {Number} a progress value from 0 to 1
-    @returns {void} 
-  */
-  seekFromTo: function(fromProgress, toProgress) {
-    // get the current progress.
-    var timecode = this.get('currentTimecode') ;
-    var cur = this.get('progress') ;
-    var duration = this.get('duration') ;
-
-    this.beginPropertyChanges() ;
-    
-    var diff = fromProgress - cur ;
-    diff *= duration ;
-    if (diff !== 0) this.set('currentTimecode', timecode + diff) ;
-    
-    diff = toProgress - cur ;
-    diff *= duration ;
-    if (diff !== 0) this.set('targetTimecode', timecode + diff) ;
-    
-    this.endPropertyChanges() ;
-  },
-  
-  /**
-    Changes the targetTimecode to invert the direction of the animation.
-    If the progress value is currently headed towards 1.0, it will be instead
-    headed to 0.
-    
-    @returns {Number} the new progress
-  */
-  toggle: function() {
-    throw "toggle not yet implemented" ;
-  },
-  
-  /**
-    The core action executed by the timer.
-  */
-  performAction: function() {
-    
-    // if timecodes match, then we suspend the animation and return, there
-    // is nothing more to do.
-    var cur = this.get('currentTimecode') ;
-    var target = this.get('targetTimecode') ;
-    if (cur == target) {
-      this.set('isPaused', YES) ;
-      return ;
-    }
-    
-    // determine the amount of time that has elapsed since the last time
-    // we were called.
-    var curTime = SC.runLoop.get('startTime') ;
-    var lapsed = (curTime - this._lastActionTime) * this.get('speed') ;
-    this._lastActionTime = curTime ;
-    
-    // update the current timecode.  Moving in the direction of the target
-    // timecode.  If timecodes match, there is nothing to do.
-    if (target > cur) {
-      cur += lapsed ;
-      if (cur > target) cur = target ;
-    } else {
-      cur -= lapsed ;
-      if (cur < target) cur = target ;
-    }
-    
-    // now set the new timecode, this should trigger other observers to
-    // update.
-    this.set('currentTimecode', cur) ;
-  },
-  
-  // ......................................
-  // INTERNAL METHODS
-  //
-  
-  /** @private
-    Observes changes to repeatCount; updates the targetTimecode.
-  */
-  _repeatCountObserver: function() {
-    var repeatCount = this.get('repeatCount') ;
-    var target ;
-    if (repeatCount < 0) {
-      target = Date.now() * 2 ;
-    } else if (repeatCount > 0) {
-      target = this.get('duration') * repeatCount ;
-    } else return ; // nothing to do.
-    this.set('targetTimecode', target) ;
-  }.observes('repeatCount'),
-  
-  /** @private
-    Observes changes to the repeatDuration; updates the targetTimecode.
-  */
-  _repeatDurationObserver: function() {
-    var dur = this.get('repeatDuration') ;
-    if (dur < 0) {
-      dur = Date.now() * 2 ;
-    } else if (dur == 0) return; // nothing to do
-    this.set('targetTimecode', dur) ;
-  }.observes('repeatDuration'),
-
-  init: function() {
-    arguments.callee.base.call(this) ;
-
-    this.targetTimecode = this.get('duration') ;
-    this._repeatDurationObserver() ;
-    this._repeatCountObserver() ;
-  },
-  
-  repeats: YES, // for timer
-  
-  _logValueObserver: function() {
-    console.log('value did change to: %@'.fmt(this.get('value')));
-  }.observes('value') 
-  
-});