sproutcore 1.5.0.rc.2 → 1.5.0

data/lib/frameworks/sproutcore/frameworks/animation/core.js

@@ -60,7 +60,7 @@ SC.Animatable = {
 
   // properties that adjust should relay to style
   _styleProperties: [ "display", "transform" ],
-  _layoutStyles: 'width height top bottom marginLeft marginTop left right zIndex minWidth maxWidth minHeight maxHeight centerX centerY opacity border borderTop borderRight borderBottom borderLeft'.w(),
+  _layoutStyles: SC.String.w('width height top bottom marginLeft marginTop left right zIndex minWidth maxWidth minHeight maxHeight centerX centerY opacity border borderTop borderRight borderBottom borderLeft'),
 
   // we cache this dictionary so we don't generate a new one each time we make
   // a new animation. It is used so we can start the animations in order—
@@ -137,13 +137,13 @@ SC.Animatable = {
   _animatable_didCreateLayer: function(){
     this.resetAnimation();
     SC.Event.add(this.get('layer'), SC.platform.cssPrefix+"TransitionEnd", this, this.transitionEnd);
-    SC.Event.add(this.get('layer'), "transitionEnd", this, this.transitionEnd);
+    SC.Event.add(this.get('layer'), "transitionend", this, this.transitionEnd);
     return this._animatable_original_didCreateLayer();
   },
 
   _animatable_willDestroyLayer: function(){
     SC.Event.remove(this.get('layer'), SC.platform.cssPrefix+"TransitionEnd", this, this.transitionEnd);
-    SC.Event.remove(this.get('layer'), "transitionEnd", this, this.transitionEnd);
+    SC.Event.remove(this.get('layer'), "transitionend", this, this.transitionEnd);
     return this._animatable_original_willDestroyLayer();
   },
 

data/lib/frameworks/sproutcore/frameworks/core_foundation/core.js

@@ -88,10 +88,6 @@ SC.ALIGN_BOTTOM_LEFT = 'bottom-left';
 */
 SC.ALIGN_BOTTOM_RIGHT = 'bottom-right';
 
-/**
-  This variable is here to make the tab focus behavior work like safari's.
-*/
-SC.SAFARI_FOCUS_BEHAVIOR = YES;
 
 SC.mixin(/** @lends SC */ {
   
@@ -163,37 +159,31 @@ SC.mixin(/** @lends SC */ {
     }
     
     return ret ;
-  }
-}) ;
+  },
+
+
+  // ..........................................................
+  // LOCALIZATION SUPPORT
+  //
 
-SC.mixin(Function.prototype, /** @scope Function.prototype */ {
   /**
-    Creates a timer that will execute the function after a specified 
-    period of time.
-    
-    If you pass an optional set of arguments, the arguments will be passed
-    to the function as well.  Otherwise the function should have the 
-    signature:
-    
-        function functionName(timer)
+    Known loc strings
 
-    @param target {Object} optional target object to use as this
-    @param interval {Number} the time to wait, in msec
-    @returns {SC.Timer} scheduled timer
+    @type Hash
   */
-  invokeLater: function(target, interval) {
-    if (interval === undefined) interval = 1 ;
-    var f = this;
-    if (arguments.length > 2) {
-      var args = SC.$A(arguments).slice(2,arguments.length);
-      args.unshift(target);
-      // f = f.bind.apply(f, args) ;
-      var func = f ;
-      // Use "this" in inner func because it get its scope by 
-      // outer func f (=target). Could replace "this" with target for clarity.
-      f = function() { return func.apply(this, args.slice(1)); } ;
-    }
-    return SC.Timer.schedule({ target: target, action: f, interval: interval });
-  }    
+  STRINGS: {},
+
+  /**
+    This is a simplified handler for installing a bunch of strings.  This
+    ignores the language name and simply applies the passed strings hash.
 
-});
+    @param {String} lang the language the strings are for
+    @param {Hash} strings hash of strings
+    @returns {SC} The receiver, useful for chaining calls to the same object.
+  */
+  stringsFor: function(lang, strings) {
+    SC.mixin(SC.STRINGS, strings);
+    return this ;
+  }
+
+}) ;

data/lib/frameworks/sproutcore/frameworks/core_foundation/ext/function.js

@@ -0,0 +1,39 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2011 Strobe Inc. and contributors.
+//            Portions ©2008-2011 Apple Inc. All rights reserved.
+// License:   Licensed under MIT license (see license.js)
+// ==========================================================================
+
+SC.mixin(Function.prototype, /** @scope Function.prototype */ {
+
+  /**
+    Creates a timer that will execute the function after a specified 
+    period of time.
+    
+    If you pass an optional set of arguments, the arguments will be passed
+    to the function as well.  Otherwise the function should have the 
+    signature:
+    
+        function functionName(timer)
+
+    @param target {Object} optional target object to use as this
+    @param interval {Number} the time to wait, in msec
+    @returns {SC.Timer} scheduled timer
+  */
+  invokeLater: function(target, interval) {
+    if (interval === undefined) interval = 1 ;
+    var f = this;
+    if (arguments.length > 2) {
+      var args = SC.$A(arguments).slice(2,arguments.length);
+      args.unshift(target);
+      // f = f.bind.apply(f, args) ;
+      var func = f ;
+      // Use "this" in inner func because it get its scope by 
+      // outer func f (=target). Could replace "this" with target for clarity.
+      f = function() { return func.apply(this, args.slice(1)); } ;
+    }
+    return SC.Timer.schedule({ target: target, action: f, interval: interval });
+  }
+
+});

data/lib/frameworks/sproutcore/frameworks/core_foundation/ext/handlebars/bind.js

@@ -223,7 +223,7 @@ SC.Handlebars.bindClasses = function(context, classBindings, view, id) {
       // Normalize property path to be suitable for use
       // as a class name. For exaple, content.foo.barBaz
       // becomes bar-baz.
-      return property.split('.').get('lastObject').dasherize();
+      return SC.String.dasherize(property.split('.').get('lastObject'));
 
     // If the value is not NO, undefined, or null, return the current
     // value of the property.

data/lib/frameworks/sproutcore/frameworks/core_foundation/ext/handlebars/collection.js

@@ -27,11 +27,13 @@ Handlebars.registerHelper('collection', function(path, options) {
   }
 
   if(fn) {
-    var extensions = {
+    var extensions = SC.clone(hash);
+
+    SC.mixin(extensions, {
       itemViewTemplate: fn,
       inverseTemplate: inverse,
       itemViewOptions: itemHash
-    };
+    });
 
     if(collectionClass.isClass) {
       collectionObject = collectionClass.extend(extensions);

data/lib/frameworks/sproutcore/frameworks/core_foundation/ext/handlebars/localization.js

@@ -1,5 +1,5 @@
 sc_require('ext/handlebars');
 
 Handlebars.registerHelper('loc', function(property) {
-  return property.loc();
+  return SC.String.loc(property);
 });

data/lib/frameworks/sproutcore/frameworks/core_foundation/ext/string.js

@@ -0,0 +1,60 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2011 Strobe Inc. and contributors.
+//            Portions ©2008-2011 Apple Inc. All rights reserved.
+// License:   Licensed under MIT license (see license.js)
+// ==========================================================================
+
+sc_require('system/string');
+
+SC.supplement(String.prototype,
+/** @scope String.prototype */ {
+
+  /**
+    @see SC.String.capitalize
+  */
+  capitalize: function() {
+    return SC.String.capitalize(this, arguments);
+  },
+
+  /**
+    @see SC.String.camelize
+  */
+  camelize: function() {
+    return SC.String.camelize(this, arguments);
+  },
+
+  /**
+    @see SC.String.decamelize
+  */
+  decamelize: function() {
+    return SC.String.decamelize(this, arguments);
+  },
+
+  /**
+    @see SC.String.dasherize
+  */
+  dasherize: function() {
+    return SC.String.dasherize(this, arguments);
+  },
+
+  /**
+    @see SC.String.loc
+  */
+  loc: function() {
+    var args = SC.$A(arguments);
+    args.unshift(this);
+    return SC.String.loc.apply(SC.String, args);
+  },
+
+  /**
+    @see SC.String.locWithDefault
+  */
+  locWithDefault: function(def) {
+    var args = SC.$A(arguments);
+    args.unshift(this);
+    return SC.String.locWithDefault.apply(SC.String, args);
+  }
+
+});
+

data/lib/frameworks/sproutcore/frameworks/core_foundation/mixins/template_helpers/text_field_support.js

@@ -8,19 +8,40 @@
 
 */
 SC.TextFieldSupport = /** @scope SC.TextFieldSupport.prototype */{
+  
+  /** @private
+    Used internally to store value because the layer may not exist
+  */
+  _value: null,
+  
+  /**
+    @type String
+    @default null
+  */
   value: function(key, value) {
+    var input = this.$('input');
+
     if (value !== undefined) {
-      this.$('input').val(value);
+      this._value = value;
+      input.val(value);
     } else {
-      value = this.$('input').val();
+      if (input.length > 0) {
+        value = this._value = input.val();
+      } else {
+        value = this._value;
+      }
     }
 
     return value;
   }.property().idempotent(),
 
   didCreateLayer: function() {
-    SC.Event.add(this.$('input'), 'focus', this, this.focusIn);
-    SC.Event.add(this.$('input'), 'blur', this, this.focusOut);
+    var input = this.$('input');
+
+    input.val(this._value);
+
+    SC.Event.add(input, 'focus', this, this.focusIn);
+    SC.Event.add(input, 'blur', this, this.focusOut);
   },
 
   focusIn: function(event) {

data/lib/frameworks/sproutcore/frameworks/core_foundation/panes/pane.js

@@ -664,7 +664,7 @@ SC.Pane = SC.View.extend(SC.ResponderContext,
   },
 
   /** @private */
-  classNames: 'sc-pane'.w()
+  classNames: ['sc-pane']
 
 }) ;
 

data/lib/frameworks/sproutcore/frameworks/core_foundation/resources/core.css

@@ -6,10 +6,11 @@
   -webkit-tap-highlight-color: rgba(0,0,0,0);
 }
 
-/* Set here so when we set a border-width we'll see something
- * Only set on div, since occasionally we rely on native styling */
+/* Set here so when we set a border-width it will actually take up space
+ * Color should be changed with CSS for that view
+ * Only set on div, since occasionally we rely on native styling for other tags */
 div.sc-view {
-  border: solid 0 black;
+  border: 0 solid transparent;
 }
 
 .ellipsis {

data/lib/frameworks/sproutcore/frameworks/core_foundation/system/device.js

@@ -97,7 +97,7 @@ SC.device = SC.Object.create({
   */
   setup: function() {
     var responder = SC.RootResponder.responder;
-    responder.listenFor('online offline'.w(), window, this);
+    responder.listenFor(['online', 'offline'], window, this);
     
     this.orientationHandlingShouldChange();
   },

data/lib/frameworks/sproutcore/frameworks/core_foundation/system/event.js

@@ -142,18 +142,15 @@ SC.mixin(SC.Event, /** @scope SC.Event */ {
         version = parseFloat(SC.browser.version),
         didChange = NO;
 
-    if (SC.browser.webkit) {
-      // Check Chrome first since it also responds to safari
-      if (!SC.browser.chrome) {
-        // Scrolling in Safari 5.0.1, which is huge for some reason
-        if (version >= 533.17 && version <= 533.20) {
-          deltaMultiplier = 0.004;
-          didChange = YES;
+    if (SC.browser.safari) {
+      // Safari 5.0.1 and up
+      if (version >= 533.17) {
+        deltaMultiplier = 0.004;
+        didChange = YES;
+      } else if (version < 533) {
         // Scrolling in Safari 5.0
-        } else if (version < 533 || version >= 534) {
-          deltaMultiplier = 40;
-          didChange = YES;
-        }
+        deltaMultiplier = 40;
+        didChange = YES;
       }
     } else if (SC.browser.mozilla) {
       deltaMultiplier = 10;

data/lib/frameworks/sproutcore/frameworks/core_foundation/system/platform.js

@@ -77,8 +77,8 @@ SC.platform = SC.Object.create({
     }
 
     return ret;
-  }(('autocomplete readonly list size required multiple maxlength '
-    +'pattern min max step placeholder').w()),
+  }(['autocomplete', 'readonly', 'list', 'size', 'required', 'multiple', 'maxlength',
+      'pattern', 'min', 'max', 'step', 'placeholder']),
 
   /**
     YES if the application is currently running as a standalone application.
@@ -129,7 +129,7 @@ SC.platform = SC.Object.create({
     this._simtouch_counter = 1;
 
     // Remove events that don't exist in touch environments
-    this.removeEvents('click dblclick mouseout mouseover mousewheel'.w());
+    this.removeEvents(['click', 'dblclick', 'mouseout', 'mouseover', 'mousewheel']);
 
     // Replace mouse events with our translation methods
     this.replaceEvent('mousemove', this._simtouch_mousemove);

data/lib/frameworks/sproutcore/frameworks/core_foundation/system/render_context.js

@@ -17,11 +17,11 @@ SC.MODE_APPEND = 'append';
 SC.MODE_PREPEND = 'prepend';
 
 /** list of numeric properties that should not have 'px' appended */
-SC.NON_PIXEL_PROPERTIES = 'zIndex fontWeight opacity'.w();
+SC.NON_PIXEL_PROPERTIES = ['zIndex', 'fontWeight', 'opacity'];
 
 /** a list of styles that get expanded into multiple properties, add more as you discover them */
 SC.COMBO_STYLES = {
-  WebkitTransition: 'WebkitTransitionProperty WebkitTransitionDuration WebkitTransitionDelay WebkitTransitionTimingFunction'.w()
+  WebkitTransition: ['WebkitTransitionProperty', 'WebkitTransitionDuration', 'WebkitTransitionDelay', 'WebkitTransitionTimingFunction']
 };
 
 /**
@@ -52,7 +52,7 @@ SC.COMBO_STYLES = {
 */
 SC.RenderContext = SC.Builder.create(/** SC.RenderContext.fn */ {
 
-  SELF_CLOSING: SC.CoreSet.create().addEach('area base basefront br hr input img link meta'.w()),
+  SELF_CLOSING: SC.CoreSet.create().addEach(['area', 'base', 'basefront', 'br', 'hr', 'input', 'img', 'link', 'meta']),
 
   /**
     When you create a context you should pass either a tag name or an element
@@ -996,7 +996,7 @@ SC.RenderContext = SC.Builder.create(/** SC.RenderContext.fn */ {
   _camelizeStyleName: function(name) {
     // IE wants the first letter lowercase so we can allow normal behavior
     var needsCap = name.match(/^-(webkit|moz|o)-/),
-        camelized = name.camelize();
+        camelized = SC.String.camelize(name);
 
     if (needsCap) {
       return camelized.substr(0,1).toUpperCase() + camelized.substr(1);
@@ -1009,7 +1009,7 @@ SC.RenderContext = SC.Builder.create(/** SC.RenderContext.fn */ {
     Converts camelCased style names to dasherized forms
   */
   _dasherizeStyleName: function(name) {
-    var dasherized = name.dasherize();
+    var dasherized = SC.String.dasherize(name);
     if (dasherized.match(/^(webkit|moz|ms|o)-/)) { dasherized = '-'+dasherized; }
     return dasherized;
   }

data/lib/frameworks/sproutcore/frameworks/core_foundation/system/root_responder.js

@@ -60,6 +60,7 @@ SC.RootResponder = SC.Object.extend({
 
     if (SC.platform.supportsCSSTransitions) {
       this[SC.platform.cssPrefix+'TransitionEnd'] = this.transitionEnd;
+      this['transitionend'] = this.transitionEnd;
     }
   },
 
@@ -610,21 +611,21 @@ SC.RootResponder = SC.Object.extend({
   */
   setup: function() {
     // handle touch events
-    this.listenFor('touchstart touchmove touchend touchcancel'.w(), document);
+    this.listenFor(['touchstart', 'touchmove', 'touchend', 'touchcancel'], document);
 
     // handle basic events
-    this.listenFor('keydown keyup beforedeactivate mousedown mouseup click dblclick mousemove selectstart contextmenu'.w(), document)
-        .listenFor('resize'.w(), window);
+    this.listenFor(['keydown', 'keyup', 'beforedeactivate', 'mousedown', 'mouseup', 'click', 'dblclick', 'mousemove', 'selectstart', 'contextmenu'], document)
+        .listenFor(['resize'], window);
 
     if(SC.browser.msie) this.listenFor('focusin focusout'.w(), document);
-    else this.listenFor('focus blur'.w(), window);
+    else this.listenFor(['focus', 'blur'], window);
 
     // handle animation events
-    this.listenFor('webkitAnimationStart webkitAnimationIteration webkitAnimationEnd'.w(), document);
+    this.listenFor(['webkitAnimationStart', 'webkitAnimationIteration', 'webkitAnimationEnd'], document);
 
     // CSS Transitions
     if (SC.platform.supportsCSSTransitions) {
-      this.listenFor(['transitionEnd', SC.platform.cssPrefix+'TransitionEnd'], document);
+      this.listenFor(['transitionend', SC.platform.cssPrefix+'TransitionEnd'], document);
     }
 
     // handle special case for keypress- you can't use normal listener to block the backspace key on Mozilla
@@ -643,7 +644,7 @@ SC.RootResponder = SC.Object.extend({
     }
 
     // handle these two events specially in IE
-    'drag selectstart'.w().forEach(function(keyName) {
+    ['drag', 'selectstart'].forEach(function(keyName) {
       var method = this[keyName] ;
       if (method) {
         if (SC.browser.msie) {
@@ -1026,7 +1027,7 @@ SC.RootResponder = SC.Object.extend({
         }
       } else {
 
-        if ((responder.get ? responder.get("acceptsMultitouch") : responder.acceptsMultitouch) || !responder.hasTouch) {
+        if (responder && ((responder.get ? responder.get("acceptsMultitouch") : responder.acceptsMultitouch) || !responder.hasTouch)) {
           if (!responder.touchStart(touch)) responder = null;
         } else {
           // do nothing; the responder is the responder, and may stay the responder, and all will be fine