sproutcore 1.0.1003 → 1.0.1008

data/frameworks/sproutcore/frameworks/runtime/tests/system/error.js

@@ -30,7 +30,8 @@ test("SC.$ok should return YES if the passed value is an error object or false",
   ok(SC.$ok(undefined), '$ok(undefined) should be YES');
   ok(SC.$ok("foo"), '$ok(foo) should be YES');
   ok(!SC.$ok(SC.$error("foo")), '$ok(SC.Error) should be NO');
-  ok(!SC.$ok(new Error()), '$ok(Error) should be NO');
+
+  ok(!SC.$ok(new SC.Error()), '$ok(Error) should be NO');
   ok(!SC.$ok(SC.Object.create({ isError: YES })), '$ok({ isError: YES }) should be NO');
 });
 
@@ -42,7 +43,7 @@ test("SC.$val should return the error value if it has one", function() {
   equals(SC.val("foo"), "foo", 'val(foo) should be YES');
   equals(SC.val(SC.$error("foo", "FOO", "BAZ")), "BAZ", 'val(SC.Error) should be BAZ');
   equals(SC.val(SC.$error("foo", "FOO")), undefined, 'val(SC.Error) should be undefined');
-  equals(SC.val(new Error()), null, 'val(Error) should be null');
+  equals(SC.val(new SC.Error()), null, 'val(Error) should be null');
   equals(SC.val(SC.Object.create({ isError: YES, errorValue: "BAR" })), "BAR", 'val({ isError: YES, errorValue: BAR }) should be BAR');
 });
 

data/frameworks/sproutcore/frameworks/runtime/tests/system/index_set/add.js

@@ -4,7 +4,7 @@
 // License:   Licened under MIT license (see license.js)
 // ==========================================================================
 
-/*global module test equals context ok same */
+/*global module test equals context ok same should_throw*/
 var set ;
 module("SC.IndexSet#add", {
   setup: function() {
@@ -193,3 +193,20 @@ test("add raises exception when frozen", function() {
   }, SC.FROZEN_ERROR);  
 });
 
+// ..........................................................
+// SPECIAL CASES
+// 
+// demonstrate fixes for specific bugs here.
+
+test("adding in the same range should keep length consistent", function() {
+  set = SC.IndexSet.create();
+  set.add(1,4);
+  equals(set.length, 4, 'set length should be 4');
+  
+  set.add(1,3); // should be like a no-op
+  equals(set.length, 4, 'set length should remain 4 after set.add(1,3)');
+
+  set.add(1,2); // should be like a no-op
+  equals(set.length, 4, 'set length should remain 4 after set.add(1,2)');
+  
+});

data/frameworks/sproutcore/frameworks/runtime/tests/system/index_set/remove.js

@@ -4,7 +4,7 @@
 // License:   Licened under MIT license (see license.js)
 // ==========================================================================
 
-/*global module test equals context ok same notest */
+/*global module test equals context ok same notest should_throw*/
 var set ;
 module("SC.IndexSet#remove", {
   setup: function() {

data/frameworks/sproutcore/frameworks/runtime/tests/system/logger.js

@@ -0,0 +1,165 @@
+// ==========================================================================
+// SC.Logger Unit Test
+// ==========================================================================
+
+/*globals module test equals */
+
+
+// Test console needed because testing for null functions,
+// ie. setting the actual console.log = null means setting up
+// and tearing down no longer work properly.
+
+function testConsole() {
+  return {
+    log: function() { return true; },
+    alert: function() { return true; },
+    dir: function() { return true; },
+    dirxml: function() { return true; },
+    error: function() { return true; },
+    group: function() { return true; },
+    groupEnd: function() { return true; },
+    info: function() { return true; },
+    profile: function() { return true; },
+    profileEnd: function() { return true; },
+    time: function() { return true; },
+    timeEnd: function() { return true; },
+    trace: function() { return true; },
+    warn: function() { return true; }
+  };
+};
+
+module("SC.Logger", {
+  setup: function() {
+    SC.Logger.set('reporter', testConsole());
+    
+    SC.Logger.format = true;
+    SC.Logger.fallBackOnLog = true;
+    SC.Logger.fallBackOnAlert = false;
+  },
+  teardown: function() {
+  }
+});
+
+test("exists", function() {
+  equals(SC.Logger.get('exists'), true, "Reporter does exist check");
+  
+  SC.Logger.set('reporter', null);
+  equals(SC.Logger.get('exists'), false, "Reporter does not exist check");
+});
+
+test("log", function() {
+  equals(SC.Logger.log("test"), true, "Function is defined" );
+  
+  var reporter = SC.Logger.get('reporter');
+  reporter.log = null;
+  equals(SC.Logger.log("test"), false, "Function is null");
+  
+  SC.Logger.fallBackOnAlert = true;
+  equals(SC.Logger.log("test"), true, "Function is null -- fallBackOnAlert true");
+});
+
+test("dir", function() {
+  equals(SC.Logger.dir({test:"string"}), true, "Function is defined");
+  
+  SC.Logger.get('reporter').dir = null;
+  equals(SC.Logger.dir({test:"string"}), true, "Function is null -- fallBackOnLog true");
+  
+  SC.Logger.fallBackOnLog = false;
+  equals(SC.Logger.dir({test:"string"}), false, "Function is null -- fallBackOnLog false");
+});
+
+test("dirxml", function() {
+  equals(SC.Logger.dirxml("<here id='2'>is some XML</here>"), true, "Function is defined");
+  
+  SC.Logger.get('reporter').dirxml = null;
+  equals(SC.Logger.dirxml("<here id='2'>is some XML</here>"), true, "Function is null -- fallBackOnLog true");
+  
+  SC.Logger.fallBackOnLog = false;
+  equals(SC.Logger.dirxml("<here id='2'>is some XML</here>"), false, "Function is null -- fallBackOnLog false");
+});
+
+test("error", function() {
+  equals(SC.Logger.error("Error"), true, "Function is defined");
+  
+  SC.Logger.get('reporter').error = null;
+  equals(SC.Logger.error("Error"), true, "Function is null -- fallBackOnLog true");
+
+  SC.Logger.fallBackOnLog = false;
+  equals(SC.Logger.error("Error"), false, "Function is null -- fallBackOnLog false");
+});
+
+test("group", function() {
+  equals(SC.Logger.group("mygroup"), true, "Function is defined");
+  
+  SC.Logger.get('reporter').group = null;
+  equals(SC.Logger.group("mygroup"), false, "Function is null");
+});
+
+test("groupEnd", function() {
+  equals(SC.Logger.groupEnd("mygroup"), true, "Function is defined");
+  
+  SC.Logger.get('reporter').groupEnd = null;
+  equals(SC.Logger.groupEnd("mygroup"), false, "Function is null");
+});
+
+test("info", function() {
+  equals(SC.Logger.info("Info"), true, "Function is defined");
+  
+  SC.Logger.get('reporter').info = null;
+  equals(SC.Logger.info("Info"), true, "Function is null -- fallBackOnLog true");
+
+  SC.Logger.fallBackOnLog = false;
+  equals(SC.Logger.info("Info"), false, "Function is null -- fallBackOnLog false");
+});
+
+test("profile", function() {
+  equals(SC.Logger.profile(), true, "Function is defined");
+  
+  SC.Logger.get('reporter').profile = null;
+  equals(SC.Logger.profile(), false, "Function is null");
+});
+
+test("profileEnd", function() {
+  equals(SC.Logger.profileEnd(), true, "Function is defined");
+  
+  SC.Logger.get('reporter').profileEnd = null;
+  equals(SC.Logger.profileEnd(), false, "Function is null");
+});
+
+test("time", function() {
+  equals(SC.Logger.time('mytime'), true, "Function is defined");
+  
+  SC.Logger.get('reporter').time = null;
+  equals(SC.Logger.time('mytime'), false, "Function is null");
+});
+
+test("timeEnd", function() {
+  equals(SC.Logger.timeEnd('mytime'), true, "Function is defined");
+  
+  SC.Logger.get('reporter').timeEnd = null;
+  equals(SC.Logger.timeEnd('mytime'), false, "Function is null");
+});
+
+test("trace", function() {
+  equals(SC.Logger.trace(), true, "Function is defined");
+  
+  SC.Logger.get('reporter').trace = null;
+  equals(SC.Logger.trace(), false, "Function is null");
+});
+
+test("warn", function() {
+  equals(SC.Logger.warn("Warn"), true, "Function is defined");
+  
+  SC.Logger.get('reporter').warn = null;
+  equals(SC.Logger.warn("Warn"), true, "Function is null -- fallBackOnLog true");
+
+  SC.Logger.fallBackOnLog = false;
+  equals(SC.Logger.warn("Warn"), false, "Function is null -- fallBackOnLog false");
+});
+
+test("_argumentsToString", function() {
+  equals(SC.Logger._argumentsToString.apply(SC.Logger, ["test", "test2"]), "test" + SC.LOGGER_LOG_DELIMITER + "test2", "Formatting using default delimiter");
+  
+  SC.LOGGER_LOG_DELIMITER = "|";
+  equals(SC.Logger._argumentsToString.apply(SC.Logger, ["test", "test2"]), "test|test2", "Formatting using custom delimiter");
+});

data/frameworks/sproutcore/frameworks/runtime/tests/system/object/bindings.js

@@ -3,6 +3,8 @@
 // ========================================================================
 /*globals module test ok isObj equals expects */
 
+var testObject, fromObject, extraObject, TestObject;
+
 module("bind() method", {
   
   setup: function() {
@@ -98,6 +100,7 @@ test("bind(*extraObject.foo) should create locally chained binding", function()
   equals("extraObjectValue", testObject.get("foo"), "testObject.foo") ;
 });
 
+
 module("fooBinding method", {
   
   setup: function() {

data/frameworks/sproutcore/frameworks/runtime/tests/system/selection_set/copy.js

@@ -11,7 +11,7 @@ test("basic copy", function() {
       set     = SC.SelectionSet.create().add(content,4,4).remove(content,6),
       copy    = set.copy();
   
-  equals(set.get('length'), 3, 'precond - original set should have length')
+  equals(set.get('length'), 3, 'precond - original set should have length');
   equals(copy.get('length'), 3, 'copy should have same length');
   same(copy, set, 'copy should be the same as original set');
 });

data/frameworks/sproutcore/frameworks/runtime/tests/system/selection_set/indexSetForSource.js

@@ -83,3 +83,16 @@ test("add and remove source", function() {
   set.add(array, 3,4).remove(array, 3,4);
   equals(set.indexSetForSource(array), null, 'should return null for source not in set');
 });
+
+test("looking up indexSet for source when objects are added should recache when source content changes", function() {
+  var obj = array.objectAt(0), ret;
+  
+  set = SC.SelectionSet.create().addObject(obj);
+  ret = set.indexSetForSource(array);
+  same(ret, SC.IndexSet.create(0), 'should return index set with item at 0');
+
+  array.removeObject(obj).pushObject(obj); // move obj to end.
+  ret = set.indexSetForSource(array) ;
+  same(ret, SC.IndexSet.create(array.indexOf(obj)), 'should return index set with item at end');
+  
+});

data/frameworks/sproutcore/frameworks/runtime/tests/system/selection_set/remove.js

@@ -83,5 +83,29 @@ test("Adding another SelectionSet", function() {
 });
 
 
+// ..........................................................
+// SPECIAL CASES
+// 
 
+test("removing index set should also remove individually added objects", function() {
+  var objToRemove = array[3]; // item from one array...
+  var objToNotRemove = array2[3]; // item from array we won't remove..
+  
+  // add both objects.
+  set.addObject(objToRemove).addObject(objToNotRemove);
+  set.add(array, 4, 3);
+  
+  ok(set.contains(objToRemove), 'set should contain objToRemove');
+  ok(set.contains(objToNotRemove), 'set should contain objToNotRemove');
+  equals(set.get('length'), 5, 'set.length sould == two objects + index.length');
+    
+  // now remove from array set
+  set.remove(array, 2, 4);  
+  
+  SC.stopIt = NO ;
+  
+  ok(!set.contains(objToRemove), 'set should NOT contain objToRemove');
+  ok(set.contains(objToNotRemove), 'set should contain objToNotRemove');
+  equals(set.get('length'), 2, 'set.length should == 1 object + index.length');
+});
 

data/frameworks/sproutcore/frameworks/runtime/tests/system/sparse_array.js

@@ -17,19 +17,6 @@ test("fetching the object at index", function() {
 	equals(2 ,ary.indexOf('there'), "Index of 'there' is");
 });
 
-test("creating a clone of a sparse array", function() {
-	var ary = SC.SparseArray.create(6);
-	// var arr = ["captain","crash","and the","beauty","queen","from Mars"];
-	// 	ary = arr;
-	// ary.provideObjectAtIndex(0, "captain");
-	// ary.provideObjectAtIndex(1, "crash");
-	// ary.provideObjectAtIndex(2, "and the");
-	// ary.provideObjectAtIndex(3, "beauty");
-	// ary.provideObjectAtIndex(4, "queen");
-	// ary.provideObjectAtIndex(5, "from Mars");
-	// var cpy = ary.clone(); alert(cpy);
-});
-
 test("Update the sparse array using provideObjectAtIndex", function() {
 	var ary = SC.SparseArray.create(2);
 	var obj = "not";
@@ -84,6 +71,38 @@ test("element to be added is at idx > length of array ", function() {
 });
 
 
+test("modifying a range should not require the rest of the array to refetch", function() {
+  var del = {
+    cnt: 0,
+    
+    sparseArrayDidRequestIndex: function(sparseArray, idx) {
+      this.cnt++;
+      sparseArray.provideObjectAtIndex(idx, "foo");
+    },
+    
+    sparseArrayDidRequestLength: function(sparseArray) {
+      sparseArray.provideLength(100);
+    },
+    
+    // make editable
+    sparseArrayShouldReplace: function() { return YES; }
+    
+  };
+  
+  var ary = SC.SparseArray.create({
+    delegate: del
+  });
+  
+  equals(ary.objectAt(10), 'foo', 'precond - should provide foo');
+  equals(del.cnt, 1, 'precond - should invoke sparseArrayDidRequestIndex() one time');
+  
+  del.cnt = 0;
+  
+  ary.removeAt(5); // delete an item before 10
+  equals(ary.objectAt(9), 'foo', 'should provide foo at index after delete');
+  equals(del.cnt, 0, 'should NOT invoke sparseArrayRequestIndex() since it was provided already');
+});
+
 test("Check that requestIndex works with a rangeWindowSize larger than 1", function() {
 	var ary = SC.SparseArray.array(10) ;
 	var didRequestRange=NO;

data/frameworks/sproutcore/frameworks/testing/english.lproj/runner.css

@@ -6,9 +6,9 @@
   top: 0;
   left: 0;
   right: 0;
-  auto: 0;
+  bottom: 0;
   background-color: #f0f0f0;
-  min-height: 100%;
+  overflow: auto;
 }
   
 .core-test .useragent {

data/frameworks/sproutcore/frameworks/testing/english.lproj/testsuite.css

@@ -83,7 +83,9 @@
 #qunit div.medheight { height: 50px; }
 #qunit div.medopacity {
 	opacity: 0.5;
-	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
+	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
+  -moz-opacity:0.5;
 }
 
 #qunit div.nowidth {
@@ -96,7 +98,10 @@
 
 #qunit div.noopacity {
 	opacity: 0;
-	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
+	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
+  -moz-opacity:0;
+  
 }
 
 #qunit div.hidden {

data/frameworks/sproutcore/lib/index.rhtml

@@ -22,20 +22,8 @@
    # JS targets that you would like to load at the top of the page.  Specify
    # these in your Buildfile with the 'bootstrap' config. 
 -%>    
- <% if config.bootstrap %>
-  <script src="<%= static_url(config.bootstrap) %>" type="text/javascript"></script>
-  <% end -%>
-<% # 
-   # Bootstrap code is loaded at the top of your page to do any early setup
-   # you might need, including basic browser detection.  The default 
-   # bootstrap code provided by SproutCore simply detects your browser 
-   # platform.  Add more by including templates targeting the bootstrap 
--%>
-  <% if @content_for_bootstrap %>
-  <script type="text/javascript">
-  <%= @content_for_bootstrap %>
-  </script>
-  <% end -%>
+  <%= bootstrap %>
+
 <% # 
    # This line should appear in your head area to include the stylesheets
    # generated by your client.  If you need to include your own
@@ -44,21 +32,19 @@
 -%>
    <%= stylesheets_for_client %>
    <%= @content_for_page_styles %>
+    
   </head>
     
 <% # The theme CSS class is added automatically based on your chosen theme.
    # If you need to specify a custom theme name, use CONFIG.theme_name 
 -%>
-  <body class="<%= [theme_name(:default => 'sc-theme'), 'focus'].compact.join(' ') %>">  
+  <body class="<%= [theme_name(:default => 'sc-theme'), 'focus'].compact.join(' ') %>" <%= config.hide_body_overflow ? 'style="overflow:hidden;"' : '' %> >  
 <% # This section is used to setup additional optional class names on the 
    # body content based on JS-selected conditions.  Use this to make sure you
    # show the proper CSS as soon as the page appears. 
 -%>
-<% unless @content_for_setup_body_class_names.blank? %>
-    <script type="text/javascript">
-    <%= @content_for_setup_body_class_names %>
-    </script>
-<% end -%>
+<%= inline_javascript('sproutcore/bootstrap:setup_body_class_names') %>
+
 <% #
    # This is where you root body element will appear.  To cause your 
    # content to appear here, just declare content_for('body') in one of

data/frameworks/sproutcore/themes/standard_theme/english.lproj/button.css

@@ -6,7 +6,6 @@
   text-decoration: none ;
   border: none ;
   padding: 0;
-  display: inline-block ;
 }
 
 .sc-theme .sc-button-view.icon img.icon {

data/frameworks/sproutcore/themes/standard_theme/english.lproj/checkbox.css

@@ -13,7 +13,7 @@
 	bottom: 0;
 	line-height: 18px;
 }
-
+ 
 .sc-theme .sc-checkbox-view.icon img.icon {
 	position: relative;
 	vertical-align: middle;
@@ -33,18 +33,19 @@
 
 /* Set the opacity of the input to 0 so it will take hits but not appear. */
 .sc-theme .sc-checkbox-view input {
-	width: 10px;
-	height: 10px;
+	width: 1px;
+	height: 1px;
 	top:1px; 
 	left: 1px;
 	position: relative;
-	opacity:0.0;
+	opacity:0;
 	vertical-align: top ;
 	margin: 0;
 	margin-right: 3px;
 	outline:0px;
 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+	-moz-opacity:0;
 	}
 
 .sc-theme .sc-checkbox-view span.button {

data/frameworks/sproutcore/themes/standard_theme/english.lproj/collection.css

@@ -12,6 +12,7 @@
 
 .sc-theme .sc-collection-view .sc-collection-item.sel {
 	background-color: #ddd;
+	color: #333;
 }
 
 .sc-theme.focus .sc-collection-view.focus .sc-collection-item.sel {
@@ -41,10 +42,10 @@
 .sc-theme .sc-list-insertion-point .anchor {
   position: absolute ;
   width: 8px;
-  top: -3px;
-  left: -3px;
+  top: -2px;
+  left: -4px;
   height: 8px;
-	background: static_url('images/sc-theme-sprite.png') no-repeat -32px -1040px;
+	background: static_url('images/sc-theme-repeat-x.png') no-repeat -32px -1630px;
 }
 
 /* @end */

data/frameworks/sproutcore/themes/standard_theme/english.lproj/disclosure.css

@@ -9,16 +9,16 @@
 	height: 12px;
 	left: 0;
 	top: 3px;
-	background-image: static_url('images/sc-theme-sprite.png') ;
+	background-image: static_url('images/sc-theme-repeat-x.png') ;
 } 
 
 
 .sc-theme .sc-button-view.sc-disclosure-view.sel img.button {
-	background-position: 0px -1008px ;
+	background-position: 0px -1597px ;
 }
 
 .sc-theme .sc-button-view.sc-disclosure-view img.button {
-	background-position: -16px -1025px ;
+	background-position: -16px -1614px ;
 }
 
 .sc-theme .sc-button-view.sc-disclosure-view {
@@ -30,11 +30,11 @@
 /* @group disabled */
 
 .sc-theme .sc-button-view.sc-disclosure-view.sel.disabled img.button {
-	background-position: 0px -1024px ;
+	background-position: 0px -1613px ;
 }
 
 .sc-theme .sc-button-view.sc-disclosure-view.disabled img.button {
-	background-position: -16px -1041px ;
+	background-position: -16px -1630px ;
 }
 
 /* @end */
@@ -42,11 +42,11 @@
 /* @group active */
 
 .sc-theme .sc-button-view.sc-disclosure-view.sel.active img.button {
-	background-position: -16px -1008px ;
+	background-position: -16px -1597px ;
 }
 
 .sc-theme .sc-button-view.sc-disclosure-view.active img.button {
-	background-position: -0px -1041px ;
+	background-position: -0px -1630px ;
 }
 
 /* @end */

data/frameworks/sproutcore/themes/standard_theme/english.lproj/list_item.css

@@ -27,4 +27,42 @@
 	border: none;
 }
 
+/* @end */
+
+/* @group Disclosure */
+
+.sc-list-item-view img.disclosure {
+	position: absolute ;
+	left: -11px;
+	top: 50%;
+	margin-top: -6px;
+	width: 14px;
+	height: 14px;
+	background-image: static_url('images/sc-theme-repeat-x.png') ;
+	background-position: -16px -1614px ;
+}
+
+.sc-list-item-view img.disclosure.open {
+	background-position: 0px -1597px ;
+}
+
+.sc-list-item-view img.disclosure.active {
+	background-position: -0px -1630px ;
+}
+
+.sc-list-item-view img.disclosure.open.active {
+	background-position: -16px -1597px ;
+}
+
+.sc-list-item-view.disabled img.disclosure,
+.sc-list-item-view.disabled img.disclosure.active {
+	background-position: -16px -1630px ;
+}
+
+.sc-list-item-view.disabled img.disclosure.open,
+.sc-list-item-view.disabled img.disclosure.open.active {
+	background-position: 0px -1613px ;
+}
+
+
 /* @end */

data/frameworks/sproutcore/themes/standard_theme/english.lproj/menu.css

@@ -0,0 +1,20 @@
+
+.sc-theme .sc-menu-scroller-view.sc-vertical .arrowDown{
+  border: none;
+  width: 14px;
+  height: 14px;
+  text-align: center;
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat 0px -1598px;
+  display: inline-block;
+  vertical-align:bottom;
+}
+
+.sc-theme .sc-menu-scroller-view.sc-vertical .arrowUp{
+  border: none;  
+  width: 14px;
+  height: 14px;
+  text-align: center;
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat 0px -1585px;
+  display: inline-block;
+  vertical-align:bottom;
+}

data/frameworks/sproutcore/themes/standard_theme/english.lproj/progress.css

@@ -13,6 +13,7 @@
 	opacity: 0.5;
 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
+  -moz-opacity:0.5;
 }
 
 .sc-theme .sc-progress-view .sc-inner {

data/frameworks/sproutcore/themes/standard_theme/english.lproj/radio.css

@@ -25,10 +25,11 @@
 	height: 10px;
   position: absolute;
 	margin-left: -20px;
-	opacity: 0.0;
+	opacity: 0;
 	outline:0px;
 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+  -moz-opacity:0;
 }
 
 .sc-theme .sc-radio-view.sc-layout-vertical .sc-radio-button {
@@ -96,6 +97,7 @@
 	opacity: 0.5;
 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
+  -moz-opacity:0.5;
 }
 
 /* @end */

data/frameworks/sproutcore/themes/standard_theme/english.lproj/segmented.css

@@ -32,6 +32,7 @@
 	opacity: 0.5;
 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
+  -moz-opacity: 0.5;
 }
 
 /* @group Layout */