sproutcore 1.8.0 → 1.8.1

data/VERSION.yml

@@ -1,4 +1,4 @@
 ---
 :major: 1
 :minor: 8
-:patch: 0
+:patch: 1

data/lib/frameworks/sproutcore/CHANGELOG.md

@@ -1,6 +1,55 @@
 CHANGE LOG FOR 1.6+
 ===================
 
+Edge
+----------
+
+### CHANGES & FEATURES
+
+* Adds `useUnixTime` attribute to SC.DateTime record attribute handlers.
+* Introduces fixes and enhancements to the media framework (thanks @krotscheck!):
+  - enables live scrubbing
+  - decouples MediaSlider and Audio/Video view
+  - fixes layout rendering by creating a render delegate
+  - adds SC.mediaCapabilities for media capability detection
+  - updates styling to use Chance
+
+### DEPRECATIONS & REMOVALS
+
+### BUG FIXES
+
+1.8.1 - BUG FIXES
+----------
+
+* Documentation fixes.
+* Fixes the timeout proxy settings: :inactivity_timeout & :connect_timeout.
+  Setting them in a proxy config allows the developer to extend the timeout for
+  the connection to be setup and for activity to occur.
+* Adds missing CSS for SC.PickerPane left and right pointer.
+* Tidies up index.rhtml template:
+  - removes self-closing HTML
+  - renames app.manifest to manifest.appcache
+* Fixes the styling of ModalPane backdrop for SC.PanelPane. [b1d386a]
+* Fixes regression with Firefox specific SC.TextFieldView CSS. [0bc44f1]
+* Improves use and compatibility of SC.TextFieldView:
+  - applies 'autocapitalize' and 'autocorrect' attributes to all browsers
+  - automatically centers hint text
+  - fixes problem centering input elements in IE8
+  - fixes problem positioning hint in textareas
+  - improves readability of hints by making them antialiased in Webkit
+* Fixes issue when subsequent attempts to load a failed/aborted image
+  will result in queue processing being stalled. [62ad31f]
+* Fixes nesting SC.ScrollViews not passing mousewheel events from child to
+  parent scroll view when child can no longer scroll. [341e88d]
+* Fixes styling problem with SC.ListItemView right-icon. [6de3c55]
+* Fixes SC.StaticContentView not removing previous content when setting content
+  to null. [81307a8]
+* Fixes Safari focus ring artifacts in panes and Chrome bug with non-HW
+  accelerated animations in render layers, by removing the default .sc-pane
+  --webkit-transform: translate3d(0,0,0) CSS. This also makes it possible
+  to accurately manage which parts of the page should become layers, because
+  making everything a layer is not optimal. [f9d56f3]
+
 1.8.0
 ----------
 

data/lib/frameworks/sproutcore/frameworks/datastore/system/store.js

@@ -1713,8 +1713,8 @@ SC.Store = SC.Object.extend( /** @scope SC.Store.prototype */ {
     in the store, then this method will request a refresh from the
     `dataSource`. Otherwise it will attempt to retrieve the record.
 
-    @param {String} id to id of the record to load
     @param {SC.Record} recordType the expected record type
+    @param {String} id to id of the record to load
     @param {Number} storeKey (optional) optional store key
     @param {Function} callback (optional) when refresh completes
     @returns {Boolean} YES if the retrieval was a success.

data/lib/frameworks/sproutcore/frameworks/desktop/resources/list_item.css

@@ -77,10 +77,10 @@
   	left: 25px;
   }
   
-  .has-count img.right-icon {
-    right: 32px;
-  }
-  &.has-count{
+  &.has-count {
+    img.right-icon {
+      right: 32px;
+    }
     &.two-digit img.right-icon {
       right: 38px;
     }

data/lib/frameworks/sproutcore/frameworks/desktop/resources/modal.css

@@ -5,4 +5,12 @@
   .msie &{
     background-image: url('.');
   }
+
+  &.for-sc-panel {
+    background: black;
+    opacity: 0.3;
+    -moz-opacity: 0.3;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
+    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
+  }
 }

data/lib/frameworks/sproutcore/frameworks/desktop/resources/panel.css

@@ -3,14 +3,7 @@
 .sc-pane.sc-panel {
   overflow: visible;
   z-index: 100;
-  &.for-sc-panel {
-    background: black;
-    opacity: 0.3;
-    -moz-opacity: 0.3;
-    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; 
-    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
-  }
-  
+
   > .sc-view {
     border: 0px #444 solid;
     background-color: #eaeaea ;

data/lib/frameworks/sproutcore/frameworks/desktop/tests/views/scroll/integration.js

@@ -1,31 +1,5 @@
 module("SC.ScrollView integration");
 
-test("should work with SC.TemplateView", function() {
-
-
-  // var pane = SC.MainPane.create({
-  //   childViews: ['scrollView'],
-  // 
-  //   scrollView: SC.ScrollView.design({
-  //     layout: { width: 400, height: 600 },
-  // 
-  //     contentView: SC.TemplateView.create({
-  //       template: SC.Handlebars.compile("foo bar baz")
-  //     })
-  //   })
-  // });
-  // 
-  // pane.append();
-  // var exceptionThrown = false;
-  // try {
-  //   SC.RunLoop.begin().end();
-  // } catch (e) {
-  //   exceptionThrown = true;
-  // }
-  // ok(!exceptionThrown, "Does not throw an exception at the end of the run loop.");
-  // pane.remove();
-});
-
 test("should work with views that have static layout applied", function() {
   var pane;
   try {
@@ -49,4 +23,3 @@ test("should work with views that have static layout applied", function() {
     if (pane) { pane.remove(); }
   }
 });
-

data/lib/frameworks/sproutcore/frameworks/desktop/tests/views/scroll/methods.js

@@ -7,7 +7,7 @@
 
 /*global module test htmlbody ok equals same stop start */
 
-var pane, view , view2;
+var pane, view , view2, view3, view4;
 var appleURL='http://photos4.meetupstatic.com/photos/event/4/6/9/9/600_4518073.jpeg';
 module("SC.ScrollView",{
 	setup: function() {
@@ -19,10 +19,21 @@ module("SC.ScrollView",{
 		   }),
 		   SC.ScrollView.extend({
 		     contentView: SC.ImageView.design({value: appleURL, layout: {height:2000, width:2000}})
-		   })
-		   
+		   }),
+       SC.ScrollView.extend({
+          layout: { height: 400, width: 400 },
+          contentView: SC.View.design({
+            layout: { height: 500, width: 500 },
+            childViews: [
+              SC.ScrollView.design({
+                layout: { height: 200, width: 200, centerX: 0, centerY: 0 },
+                contentView: SC.ImageView.design({value: appleURL, layout: {height:300, width:300}})
+              })
+            ]
+          })
+       })
 		   ],
-		   
+
 		  expectedVertLine: function(line) {
 			var ret = view.get('verticalLineScroll')*line;
 			var alt = view.get('maximumVerticalScrollOffset');
@@ -48,10 +59,10 @@ module("SC.ScrollView",{
 		    return ret;
 		  }
 		});
-		
-		
+
+
 		pane.append(); // make sure there is a layer...
-	  SC.RunLoop.end();	
+	  SC.RunLoop.end();
 	  view = pane.childViews[0];
 	  view.get('containerView').get('frame').height = 100;
 	  view.get('containerView').get('frame').width = 100;
@@ -59,9 +70,11 @@ module("SC.ScrollView",{
 	  view2 = pane.childViews[1];
 	  view2.get('containerView').get('frame').height = 100;
 	  view2.get('containerView').get('frame').width = 100;
-	  
+
+    view3 = pane.childViews[2];
+    view4 = view3.get('contentView').get('childViews')[0];
 	},
-	
+
 	teardown: function() {
     	pane.remove();
     	pane = view = null ;
@@ -76,7 +89,7 @@ test("Scrolling to a certain co-ordinate of the container view", function() {
 	SC.RunLoop.begin();
 	view.scrollTo(100, 100);
 	SC.RunLoop.end();
-	
+
 	equals(view.get('horizontalScrollOffset'), 100, "After scrolling to 100, horizontal offset must be");
 	equals(view.get('verticalScrollOffset'), 100, "After scrolling to 100, vertical offset must be");
 	view.scrollTo(5000, 5000);
@@ -108,7 +121,7 @@ test("Scrolling through line by line", function() {
 	view.scrollUpLine(line);
 });
 
-test("maximumHorizontalScrollOffset() returns the maximum horizontal scroll dimention", function() {
+test("maximumHorizontalScrollOffset() returns the maximum horizontal scroll dimension", function() {
   var old_horizontalScrollOffset=2;
   var old_verticalScrollOffset=2;
 
@@ -117,16 +130,16 @@ test("maximumHorizontalScrollOffset() returns the maximum horizontal scroll dime
   view2.scrollBy(5000, 0);
   view2.get('horizontalScrollOffset');
 
-  equals(view2.get('horizontalScrollOffset'),1900, 'maximum y coordinate should be 1900');	
- 
+  equals(view2.get('horizontalScrollOffset'),1900, 'maximum y coordinate should be 1900');
+
   view2.set('horizontalScrollOffset',old_horizontalScrollOffset);
   view2.set('verticalScrollOffset',old_verticalScrollOffset);
   view2.scrollBy(-5000,0);
-  equals(view2.get('horizontalScrollOffset'),0, 'minimum y coordinate should be 0');	
-  	
+  equals(view2.get('horizontalScrollOffset'),0, 'minimum y coordinate should be 0');
+
 });
 
-test("maximumVerticalScrollOffset() returns the maximum vertical scroll dimention", function() {
+test("maximumVerticalScrollOffset() returns the maximum vertical scroll dimension", function() {
   var old_horizontalScrollOffset=2;
   var old_verticalScrollOffset=2;
 
@@ -134,10 +147,224 @@ test("maximumVerticalScrollOffset() returns the maximum vertical scroll dimentio
   view2.set('verticalScrollOffset',old_verticalScrollOffset);
   view2.scrollBy(0, 5000);
   view2.get('maximumVerticalScrollOffset');
-  equals(view2.get('verticalScrollOffset'),1900, 'maximum coordinate should be 1900'); 
+  equals(view2.get('verticalScrollOffset'),1900, 'maximum coordinate should be 1900');
   view2.set('horizontalScrollOffset',old_horizontalScrollOffset);
   view2.set('verticalScrollOffset',old_verticalScrollOffset);
   view2.scrollBy(0,-5000);
   equals(view2.get('verticalScrollOffset'),0, 'The minimum y coordinate should be 0');
- 
+
 });
+
+
+test("Mouse wheel events should only be captured if the scroll can scroll in the direction (both TOP-LEFT).", function() {
+  // FIRST GROUP: everything scrolled all the way to the top left
+  view3.scrollTo(0,0);
+  view4.scrollTo(0,0);
+
+  // Scrolling further left is not captured by either scroll view
+  ok(!view3.mouseWheel({ wheelDeltaX: -10, wheelDeltaY: 0 }), 'The inner scroll view should not capture the mousewheel event since it cannot scroll further.');
+  ok(!view4.mouseWheel({ wheelDeltaX: -10, wheelDeltaY: 0 }), 'The outer scroll view should not capture the mousewheel event since it cannot scroll further.');
+
+  // Scrolling further up is not captured by either scroll view
+  ok(!view3.mouseWheel({ wheelDeltaX: 0, wheelDeltaY: -10 }), 'The inner scroll view should not capture the mousewheel event since it cannot scroll further.');
+  ok(!view4.mouseWheel({ wheelDeltaX: 0, wheelDeltaY: -10 }), 'The outer scroll view should not capture the mousewheel event since it cannot scroll further.');
+
+  // Scrolling down is captured by the target scroll view
+  ok(view3.mouseWheel({ wheelDeltaX: 10, wheelDeltaY: 0 }), 'The inner scroll view should capture the mousewheel event since it can scroll further.');
+  ok(view4.mouseWheel({ wheelDeltaX: 10, wheelDeltaY: 0 }), 'The outer scroll view should capture the mousewheel event since it can scroll further.');
+
+  // Scrolling right is captured by the target scroll view
+  ok(view3.mouseWheel({ wheelDeltaX: 0, wheelDeltaY: 10 }), 'The inner scroll view should capture the mousewheel event since it can scroll further.');
+  ok(view4.mouseWheel({ wheelDeltaX: 0, wheelDeltaY: 10 }), 'The outer scroll view should capture the mousewheel event since it can scroll further.');
+});
+
+test("Mouse wheel events should only be captured if the scroll can scroll in the direction (both BOTTOM-RIGHT).", function() {
+  view3.scrollTo(114,114);
+  view4.scrollTo(114,114);
+
+    // Scrolling further right is not captured by either scroll view
+  ok(!view3.mouseWheel({ wheelDeltaX: 10, wheelDeltaY: 0 }), 'The inner scroll view should not capture the mousewheel event since it cannot scroll further.');
+  ok(!view4.mouseWheel({ wheelDeltaX: 10, wheelDeltaY: 0 }), 'The outer scroll view should not capture the mousewheel event since it cannot scroll further.');
+
+  // Scrolling further down is not captured by either scroll view
+  ok(!view3.mouseWheel({ wheelDeltaX: 0, wheelDeltaY: 10 }), 'The inner scroll view should not capture the mousewheel event since it cannot scroll further.');
+  ok(!view4.mouseWheel({ wheelDeltaX: 0, wheelDeltaY: 10 }), 'The outer scroll view should not capture the mousewheel event since it cannot scroll further.');
+
+  // Scrolling up is captured by the target scroll view
+  ok(view3.mouseWheel({ wheelDeltaX: -10, wheelDeltaY: 0 }), 'The inner scroll view should capture the mousewheel event since it can scroll further.');
+  ok(view4.mouseWheel({ wheelDeltaX: -10, wheelDeltaY: 0 }), 'The outer scroll view should capture the mousewheel event since it can scroll further.');
+
+  // Scrolling left is captured by the target scroll view
+  ok(view3.mouseWheel({ wheelDeltaX: 0, wheelDeltaY: -10 }), 'The inner scroll view should capture the mousewheel event since it can scroll further.');
+  ok(view4.mouseWheel({ wheelDeltaX: 0, wheelDeltaY: -10 }), 'The outer scroll view should capture the mousewheel event since it can scroll further.');
+});
+
+test("Mouse wheel events not capturable by the inner scroll should bubble to the outer scroll (scroll right).", function() {
+  var elem = view4.get('layer'),
+      event;
+
+  view3.scrollTo(0,0);
+  view4.scrollTo(114,114);
+
+  window.stop();
+
+  event = SC.Event.simulateEvent(elem, 'mousewheel', { wheelDeltaX: 10, wheelDeltaY: 0 });
+  SC.Event.trigger(elem, 'mousewheel', event);
+
+  SC.RunLoop.begin();
+  SC.Timer.schedule({ target: this, action: function() {
+    equals(view4.get('horizontalScrollOffset'), 114, 'The inner scroll view should still have horizontalScrollOffset');
+    equals(view3.get('horizontalScrollOffset'), 10, 'The outer scroll view should now have horizontalScrollOffset');
+    window.start();
+  }, interval: 200});
+  SC.RunLoop.end();
+});
+
+test("Mouse wheel events not capturable by the inner scroll should bubble to the outer scroll (scroll down).", function() {
+  var elem = view4.get('layer'),
+      event;
+
+  view3.scrollTo(0,0);
+  view4.scrollTo(114,114);
+
+  window.stop();
+
+  event = SC.Event.simulateEvent(elem, 'mousewheel', { wheelDeltaX: 0, wheelDeltaY: 10 });
+  SC.Event.trigger(elem, 'mousewheel', event);
+
+  SC.RunLoop.begin();
+  SC.Timer.schedule({ target: this, action: function() {
+    equals(view4.get('verticalScrollOffset'), 114, 'The inner scroll view should still have verticalScrollOffset');
+    equals(view3.get('verticalScrollOffset'), 10, 'The outer scroll view should now have verticalScrollOffset');
+    window.start();
+  }, interval: 200});
+  SC.RunLoop.end();
+});
+
+test("Mouse wheel events not capturable by the inner scroll should bubble to the outer scroll (scroll left).", function() {
+  var elem = view4.get('layer'),
+      event;
+
+  view3.scrollTo(114,114);
+  view4.scrollTo(0,0);
+
+  window.stop();
+
+  event = SC.Event.simulateEvent(elem, 'mousewheel', { wheelDeltaX: -10, wheelDeltaY: 0 });
+  SC.Event.trigger(elem, 'mousewheel', event);
+
+  SC.RunLoop.begin();
+  SC.Timer.schedule({ target: this, action: function() {
+    equals(view4.get('horizontalScrollOffset'), 0, 'The inner scroll view should still have horizontalScrollOffset');
+    equals(view3.get('horizontalScrollOffset'), 104, 'The outer scroll view should now have horizontalScrollOffset');
+    window.start();
+  }, interval: 200});
+  SC.RunLoop.end();
+});
+
+test("Mouse wheel events not capturable by the inner scroll should bubble to the outer scroll (scroll up).", function() {
+  var elem = view4.get('layer'),
+      event;
+
+  view3.scrollTo(114,114);
+  view4.scrollTo(0,0);
+
+  window.stop();
+
+  event = SC.Event.simulateEvent(elem, 'mousewheel', { wheelDeltaX: 0, wheelDeltaY: -10 });
+  SC.Event.trigger(elem, 'mousewheel', event);
+
+  SC.RunLoop.begin();
+  SC.Timer.schedule({ target: this, action: function() {
+    equals(view4.get('verticalScrollOffset'), 0, 'The inner scroll view should still have verticalScrollOffset');
+    equals(view3.get('verticalScrollOffset'), 104, 'The outer scroll view should now have verticalScrollOffset');
+    window.start();
+  }, interval: 200 });
+  SC.RunLoop.end();
+});
+
+test("Mouse wheel events capturable by the inner scroll should not bubble to the outer scroll (scroll right).", function() {
+  var elem = view4.get('layer'),
+      event;
+
+  view3.scrollTo(0,0);
+  view4.scrollTo(0,0);
+
+  window.stop();
+
+  event = SC.Event.simulateEvent(elem, 'mousewheel', { wheelDeltaX: 10, wheelDeltaY: 0 });
+  SC.Event.trigger(elem, 'mousewheel', event);
+
+  SC.RunLoop.begin();
+  SC.Timer.schedule({ target: this, action: function() {
+    equals(view4.get('horizontalScrollOffset'), 10, 'The inner scroll view should now have horizontalScrollOffset');
+    equals(view3.get('horizontalScrollOffset'), 0, 'The outer scroll view should still have horizontalScrollOffset');
+    window.start();
+  }, interval: 200 });
+  SC.RunLoop.end();
+});
+
+test("Mouse wheel events capturable by the inner scroll should not bubble to the outer scroll (scroll up).", function() {
+  var elem = view4.get('layer'),
+      event;
+
+  view3.scrollTo(114,114);
+  view4.scrollTo(114,114);
+
+  window.stop();
+
+  event = SC.Event.simulateEvent(elem, 'mousewheel', { wheelDeltaX: 0, wheelDeltaY: -10 });
+  SC.Event.trigger(elem, 'mousewheel', event);
+
+  SC.RunLoop.begin();
+  SC.Timer.schedule({ target: this, action: function() {
+    equals(view4.get('verticalScrollOffset'), 104, 'The inner scroll view should now have verticalScrollOffset');
+    equals(view3.get('verticalScrollOffset'), 114, 'The outer scroll view should still have verticalScrollOffset');
+    window.start();
+  }, interval: 200 });
+  SC.RunLoop.end();
+});
+
+test("Mouse wheel events capturable by the inner scroll should not bubble to the outer scroll (scroll left).", function() {
+  var elem = view4.get('layer'),
+      event;
+
+  view3.scrollTo(114,114);
+  view4.scrollTo(114,114);
+
+  window.stop();
+
+  event = SC.Event.simulateEvent(elem, 'mousewheel', { wheelDeltaX: -10, wheelDeltaY: 0 });
+  SC.Event.trigger(elem, 'mousewheel', event);
+
+  SC.RunLoop.begin();
+  SC.Timer.schedule({ target: this, action: function() {
+    equals(view4.get('horizontalScrollOffset'), 104, 'The inner scroll view should now have horizontalScrollOffset');
+    equals(view3.get('horizontalScrollOffset'), 114, 'The outer scroll view should still have horizontalScrollOffset');
+    window.start();
+  }, interval: 200 });
+  SC.RunLoop.end();
+});
+
+test("Mouse wheel events capturable by the inner scroll should not bubble to the outer scroll (scroll down).", function() {
+  var elem = view4.get('layer'),
+      event;
+
+  view3.scrollTo(0,0);
+  view4.scrollTo(0,0);
+
+  window.stop();
+
+  event = SC.Event.simulateEvent(elem, 'mousewheel', { wheelDeltaX: 0, wheelDeltaY: 10 });
+  SC.Event.trigger(elem, 'mousewheel', event);
+
+  SC.RunLoop.begin();
+  SC.Timer.schedule({ target: this, action: function() {
+    equals(view4.get('verticalScrollOffset'), 10, 'The inner scroll view should now have verticalScrollOffset');
+    equals(view3.get('verticalScrollOffset'), 0, 'The outer scroll view should still have verticalScrollOffset');
+    window.start();
+  }, interval: 200 });
+  SC.RunLoop.end();
+});
+
+