sproutcore 1.4.5 → 1.5.0.pre.3

data/lib/frameworks/sproutcore/frameworks/{foundation/english.lproj → amber/resources}/core.css

@@ -369,106 +369,3 @@ version: 2.7.0
 
 
 
-
-/* @group SC.Benchmark */
-
-.sc-benchmark-graph
-{
-  z-index: 100000; 
-  background-color: white;  
-  position: absolute; 
-  top: 0px; 
-  left:0px; 
-  bottom:0px; 
-  overflow: auto;
-  right: 0px;
-}
-
-.sc-benchmark-title
-{
-  font-size: 12px; 
-  font-weight: bold; 
-  position: absolute; 
-  left: 0px; 
-  top: 5px;  
-}
-
-.sc-benchmark-emphasis
-{
-  font-weight: bold; 
-}
-
-.sc-benchmark-top
-{
-  height:20px;
-  left:0px;
-  top: 25px;
-  background-color: #ccc;
-  opacity: 0.4;
-  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
-  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; 
-  -moz-opacity:0.4;
-  
-  position: relative;
-  border-top: 1px solid #aaa;
-  border-bottom: 1px solid #aaa;
-}
-
-.sc-benchmark-tick
-{
-  width: 1px; 
-  height: 2000px;
-  position: absolute; 
-  top: 25px; 
-  background-color: #ccc;
-}
-
-.sc-benchmark-tick-label
-{
-  width: 40px; 
-  position: absolute; 
-  top: 27px; 
-  font-size: 10px;
-  margin-left: 2px;
-  white-space: nowrap; 
-}
-
-.sc-benchmark-bar
-{
-  height:16px; 
-  position: absolute; 
-  font-size: 10px; 
-  white-space: nowrap; 
-  border: 1px solid #CC6633; 
-  background-color: #FFCC33; 
-  -moz-border-radius: 2px;
-  -webkit-border-radius: 2px;
-  line-height: 14px;
-/*  -webkit-box-shadow: 1px 1px 2px #333;*/
-/*  text-shadow: #fff 1px 1px 1px;*/
-}
-
-.sc-benchmark-row
-{
-  position: absolute;
-  left: 0px;
-  height: 30px;
-}
-
-.sc-benchmark-row.even
-{
-  opacity: 0.4;
-  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
-  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; 
-  -moz-opacity:0.4;
-  
-  background-color: #ddd; 
-}
-
-
-.no-min-width {
-  min-width: 20px !important;
-}
-
-
-/* @end */

data/lib/frameworks/sproutcore/frameworks/{foundation → amber}/system/application.js

@@ -5,8 +5,6 @@
 // License:   Licensed under MIT license (see license.js)
 // ==========================================================================
 
-sc_require('mixins/responder_context');
-
 /** @class
 
   The root object for a SproutCore application.  Usually you will create a 

data/lib/frameworks/sproutcore/frameworks/amber/system/core_query.js

@@ -0,0 +1,141 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2011 Strobe Inc. and contributors.
+//            Portions ©2008-2010 Apple Inc. All rights reserved.
+// License:   Licensed under MIT license (see license.js)
+// ==========================================================================
+
+require('system/builder') ;
+
+// Alias jQuery as SC.$ and SC.CoreQuery for compatibility
+SC.$ = SC.CoreQuery = jQuery ;
+
+// Add some plugins to SC.$. jQuery will get these also. -- test in system/core_query/additions
+SC.mixin(SC.$.fn, /** @scope SC.$.prototype */ {
+
+  isCoreQuery: YES, // walk like a duck
+
+  /** @private - better loggin */
+  toString: function() {
+    var values = [],
+        len = this.length, idx=0;
+    for(idx=0;idx<len;idx++) {
+      values[idx] = '%@: %@'.fmt(idx, this[idx] ? this[idx].toString() : '(null)');
+    }
+    return "<$:%@>(%@)".fmt(SC.guidFor(this),values.join(' , '));
+  },
+
+  /**
+    Returns YES if all member elements are visible.  This is provided as a
+    common test since CoreQuery does not support filtering by
+    psuedo-selector.
+  */
+  isVisible: function() {
+    return Array.prototype.every.call(this, function(elem){
+      return SC.$.isVisible(elem);
+    });
+  },
+
+  /**
+    Attempts to find the views managing the passed DOM elements and returns
+    them.   This will start with the matched element and walk up the DOM until
+    it finds an element managed by a view.
+
+    @returns {Array} array of views or null.
+  */
+  view: function() {
+    return this.map(function() {
+      var ret=null, guidKey = SC.viewKey, dom = this, value;
+      while(!ret && dom && (dom !== document)) {
+        if (dom.nodeType===1 && (value = dom.getAttribute('id'))) { ret = SC.View.views[value] ; }
+        dom = dom.parentNode;
+      }
+      dom = null;
+      return ret ;
+    });
+  },
+
+  /**
+    Returns YES if any of the matched elements have the passed element or CQ object as a child element.
+  */
+  within: function(el) {
+    if( this.filter(el).length ) { return true; }
+    return !!this.has(el).length;
+  }
+
+});
+
+/**
+  Make CoreQuery enumerable.  Since some methods need to be disambiguated,
+  we will implement some wrapper functions here.
+
+  Note that SC.Enumerable is implemented on SC.Builder, which means the
+  CoreQuery object inherits this automatically.  jQuery does not extend from
+  SC.Builder though, so we reapply SC.Enumerable just to be safe.
+*/
+(function() {
+  var original = {},
+      wrappers = {
+
+    // if you call find with a selector, then use the jQuery way.  If you
+    // call with a function/target, use Enumerable way
+    find: function(callback,target) {
+      return (target !== undefined) ? SC.Enumerable.find.call(this, callback, target) : original.find.call(this, callback) ;
+    },
+
+    // ditto for filter - execute SC.Enumerable style if a target is passed.
+    filter: function(callback,target) {
+      return (target !== undefined) ?
+        this.pushStack(SC.Enumerable.filter.call(this, callback, target)) :
+        original.filter.call(this, callback) ;
+    },
+
+    // filterProperty is an SC.Enumerable thing, but it needs to be wrapped
+    // in a CoreQuery object.
+    filterProperty: function(key, value) {
+      return this.pushStack(
+        SC.Enumerable.filterProperty.call(this,key,value));
+    },
+
+    // indexOf() is best implemented using the jQuery index()
+    indexOf: SC.$.index,
+
+    // map() is a little tricky because jQuery is non-standard.  If you pass
+    // a context object, we will treat it like SC.Enumerable.  Otherwise use
+    // jQuery.
+    map: function(callback, target) {
+      return (target !== undefined) ?
+        SC.Enumerable.map.call(this, callback, target) :
+        original.map.call(this, callback);
+    }
+  };
+
+  // loop through an update some enumerable methods.
+  var fn = SC.$.fn,
+      enumerable = SC.Enumerable ,
+      value;
+
+  for(var key in enumerable) {
+    if (enumerable.hasOwnProperty(key)) {
+      value = enumerable[key];
+      if (key in wrappers) {
+        original[key] = fn[key]; value = wrappers[key];
+      }
+      fn[key] = value;
+    }
+  }
+})();
+
+// Add some global helper methods.
+SC.mixin(SC.$, {
+
+  /** @private helper method to determine if an element is visible.  Exposed
+   for use in testing. */
+  isVisible: function(elem) {
+    var CQ = SC.$;
+    return ("hidden"!=elem.type) && (CQ.css(elem,"display")!="none") && (CQ.css(elem,"visibility")!="hidden");
+  }
+
+}) ;
+
+

data/lib/frameworks/sproutcore/frameworks/{foundation → amber}/system/event.js

@@ -28,11 +28,13 @@ sc_require('system/core_query') ;
   @since SproutCore 1.0
 */
 SC.Event = function(originalEvent) { 
-
+  var idx, len;
   // copy properties from original event, if passed in.
   if (originalEvent) {
     this.originalEvent = originalEvent ;
-    var props = SC.Event._props, len = props.length, idx = len , key;
+    var props = SC.Event._props, key;
+    len = props.length;
+    idx = len;
     while(--idx >= 0) {
       key = props[idx] ;
       this[key] = originalEvent[key] ;
@@ -86,13 +88,16 @@ SC.Event = function(originalEvent) {
       this.wheelDeltaY = 0-(originalEvent.wheelDeltaY||0);
       this.wheelDeltaX = 0-(originalEvent.wheelDeltaX||0);
 
-      // Scrolling in Safari 5.0.1, which is huge for some reason
-      if (version >= 533.17 && version <= 533.19) {
-        deltaMultiplier = 0.004;
+      // 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.19) {
+          deltaMultiplier = 0.004;
 
-      // Scrolling in Safari 5.0
-      } else if (version < 533 || version >= 534) {
-        deltaMultiplier = 40;
+        // Scrolling in Safari 5.0
+        } else if (version < 533 || version >= 534) {
+          deltaMultiplier = 40;
+        }
       }
 
     // normalize wheelDelta for Firefox
@@ -194,7 +199,7 @@ SC.mixin(SC.Event, /** @scope SC.Event */ {
     @param {Object} context optional context to pass to the handler as event.data
     @returns {Object} receiver
   */
-  add: function(elem, eventType, target, method, context) {
+  add: function(elem, eventType, target, method, context, useCapture) {
 
     // if a CQ object is passed in, either call add on each item in the 
     // matched set, or simply get the first element and use that.
@@ -207,6 +212,10 @@ SC.mixin(SC.Event, /** @scope SC.Event */ {
       } else elem = elem[0];
     }
     if (!elem) return this; // nothing to do
+
+		if (!useCapture) {
+			var useCapture = NO;
+		};
     
     // cannot register events on text nodes, etc.
     if ( elem.nodeType === 3 || elem.nodeType === 8 ) return SC.Event;
@@ -231,7 +240,7 @@ SC.mixin(SC.Event, /** @scope SC.Event */ {
         handlers = events[eventType]; 
     if (!handlers) {
       handlers = events[eventType] = {} ;
-      this._addEventListener(elem, eventType) ;
+      this._addEventListener(elem, eventType, useCapture) ;
     }
     
     // Build the handler array and add to queue
@@ -441,7 +450,7 @@ SC.mixin(SC.Event, /** @scope SC.Event */ {
 
     // Handle triggering native .onfoo handlers
     onfoo = elem["on" + eventType] ;
-    isClick = SC.CoreQuery.nodeName(elem, 'a') && eventType === 'click';
+    isClick = SC.$.nodeName(elem, 'a') && eventType === 'click';
     if ((!fn || isClick) && onfoo && onfoo.apply(elem, args) === NO) ret = NO;
 
     // Trigger the native events (except for clicks on links)
@@ -640,9 +649,13 @@ SC.mixin(SC.Event, /** @scope SC.Event */ {
     @param elem {Element} the target element
     @param eventType {String} the event type
   */
-  _addEventListener: function(elem, eventType) {
+  _addEventListener: function(elem, eventType, useCapture) {
     var listener, special = this.special[eventType] ;
 
+		if (!useCapture) {
+			var useCapture = NO;
+		};
+
     // Check for a special event handler
     // Only use addEventListener/attachEvent if the special
     // events handler returns NO
@@ -660,7 +673,7 @@ SC.mixin(SC.Event, /** @scope SC.Event */ {
       
       // Bind the global event handler to the element
       if (elem.addEventListener) {
-        elem.addEventListener(eventType, listener, NO);
+        elem.addEventListener(eventType, listener, useCapture);
       } else if (elem.attachEvent) {
         // attachEvent is not working for IE8 and xhr objects
         // there is currently a hack in request , but it needs to fixed here.
@@ -721,7 +734,7 @@ SC.mixin(SC.Event, /** @scope SC.Event */ {
   _global: {},
 
   /** @private properties to copy from native event onto the event */
-  _props: "altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode metaKey newValue originalTarget pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target timeStamp toElement type view which touches targetTouches changedTouches animationName elapsedTime".split(" ")
+  _props: "altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode metaKey newValue originalTarget pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target timeStamp toElement type view which touches targetTouches changedTouches animationName elapsedTime dataTransfer".split(" ")
   
 }) ;
 
@@ -739,6 +752,13 @@ SC.Event.prototype = {
     if (this.touchContext) return this.touchContext.touchesForView(view);
   },
   
+  /**
+    Same as touchesForView, but sounds better for responders.
+  */
+  touchesForResponder: function(responder) {
+    if (this.touchContext) return this.touchContext.touchesForView(responder);
+  },
+  
   /**
     Returns average data--x, y, and d (distance)--for the touches owned by the supplied view.
   */

data/lib/frameworks/sproutcore/frameworks/{foundation → amber}/system/platform.js

@@ -13,7 +13,6 @@
   and events are supported by the browser, allowing you to create much more
   robust apps.
 */
-
 SC.platform = {
   /**
     YES if the current device supports touch events, NO otherwise.
@@ -23,11 +22,15 @@ SC.platform = {
 
     @property {Boolean}
   */
-  touch: ('createTouch' in document) && !navigator.userAgent.match('Chrome/9'), // Ugly hack for Chrome 9 issue
-  
+  touch: ('createTouch' in document) && SC.browser.chrome < 9, // Ugly hack for Chrome 9 issue
+
   bounceOnScroll: (/iPhone|iPad|iPod/).test(navigator.platform),
   pinchToZoom: (/iPhone|iPad|iPod/).test(navigator.platform),
 
+  input: {
+    placeholder: ('placeholder' in document.createElement('input'))
+  },
+
   /**
     A hash that contains properties that indicate support for new HTML5
     input attributes.
@@ -88,6 +91,7 @@ SC.platform = {
 
     // Tell the app that we now "speak" touch
     SC.platform.touch = YES;
+    SC.platform.bounceOnScroll = YES;
 
     // CSS selectors may depend on the touch class name being present
     document.body.className = document.body.className + ' touch';
@@ -214,14 +218,14 @@ SC.platform = {
     Whether the browser can properly handle 3D CSS transforms. Calculated later.
   */
   supportsCSS3DTransforms: NO,
-  
+
   /**
     Whether the browser can handle accelerated layers. While supports3DTransforms tells us if they will
     work in principle, sometimes accelerated layers interfere with things like getBoundingClientRect.
     Then everything breaks.
   */
   supportsAcceleratedLayers: NO,
-  
+
   /**
     Wether the browser supports the hashchange event.
   */
@@ -229,6 +233,17 @@ SC.platform = {
     // Code copied from Modernizr which copied code from YUI (MIT licenses)
     // documentMode logic from YUI to filter out IE8 Compat Mode which false positives
     return ('onhashchange' in window) && (document.documentMode === undefined || document.documentMode > 7);
+  }(),
+  
+  /**
+    Wether the browser supports HTML5 history.
+  */
+  supportsHistory: function() {
+    return !!(window.history && window.history.pushState);
+  }(),
+  
+  supportsCanvas: function() {
+    return !!document.createElement('canvas').getContext;
   }()
 };
 
@@ -284,12 +299,17 @@ SC.platform = {
   }
 
   // unfortunately, we need a bit more to know FOR SURE that 3D is allowed
-  if (window.media && window.media.matchMedium) {
-    if (!window.media.matchMedium('(-webkit-transform-3d)')) SC.platform.supportsCSS3DTransforms = NO;
-  } else if(window.styleMedia && window.styleMedia.matchMedium) {
-    if (!window.styleMedia.matchMedium('(-webkit-transform-3d)')) SC.platform.supportsCSS3DTransforms = NO;    
+  try{
+    if (window.media && window.media.matchMedium) {
+      if (!window.media.matchMedium('(-webkit-transform-3d)')) SC.platform.supportsCSS3DTransforms = NO;
+    } else if(window.styleMedia && window.styleMedia.matchMedium) {
+      if (!window.styleMedia.matchMedium('(-webkit-transform-3d)')) SC.platform.supportsCSS3DTransforms = NO;
+    }
+  }catch(e){
+    //Catch to support IE9 exception
+    SC.platform.supportsCSS3DTransforms = NO;
   }
-  
+
   // Unfortunately, this has to be manual, as I can't think of a good way to test it
   // webkit-only for now.
   if (SC.platform.supportsCSSTransforms && SC.platform.cssPrefix === "webkit") {