sproutcore 1.6.0.beta.2-x86-mingw32

data/lib/frameworks/sproutcore/themes/ace/resources/segmented/24px/segmented.css

@@ -0,0 +1,91 @@
+@theme(sc-regular-size) {
+
+$theme.sc-segment-view {
+
+  height: 24px;
+  
+  .left {
+    width: 8px;
+    height: 24px;
+    @include slice("segmented_normal.png", $left: 100, $width: 8);
+  }
+  
+  .right {
+    width: 8px;
+    height: 24px;
+    @include slice("segmented_normal.png", $left: 92, $width: 8);
+  }
+  
+  .middle {
+    left: 8px; right: 8px;
+    height: 24px;
+    @include slice("segmented_normal.png", $repeat: repeat-x, $left: 8, $width: 1);
+  }
+  
+  .sc-button-label {
+    padding: 0px;
+    font-size: 11px;
+    top: 0px;
+    margin-left: 9px;
+    margin-right: 10px;
+  }
+  
+  &.sc-first-segment .left {
+    @include slice("segmented_normal.png", $width: 8);
+  }
+    
+  &.sc-last-segment .right {
+    @include slice("segmented_normal.png", $right: 0, $width: 8);  
+  }
+  
+  
+  /* ACTIVE STATE */
+  &.active {
+    .left { @include slice("segmented_active.png", $left: 100, $width: 8); }
+    .right { @include slice("segmented_active.png", $left: 92, $width: 8); }
+    .middle { @include slice("segmented_active.png", $left: 8, $width: 1, $repeat: repeat-x); }
+  }
+  
+  &.active.sc-first-segment {
+    .left { @include slice("segmented_active.png", $left: 0, $width: 8); }
+  }
+  
+  &.active.sc-last-segment {
+    .right { @include slice("segmented_active.png", $right: 0, $width: 8); }
+  }
+  
+  
+  /* SELECTED STATE */
+  &.sel {
+    .left { @include slice("segmented_selected.png", $left: 100, $width: 8); }
+    .right { @include slice("segmented_selected.png", $left: 92, $width: 8); }
+    .middle { @include slice("segmented_selected.png", $left: 8, $width: 1, $repeat: repeat-x); }
+  }
+
+  &.sel.sc-first-segment {
+    .left { @include slice("segmented_selected.png", $left: 0, $width: 8); }
+  }
+
+  &.sel.sc-last-segment {
+    .right { @include slice("segmented_selected.png", $right: 0, $width: 8); }
+  }
+  
+  
+  /* SELECTED ACTIVE STATE */
+  &.sel.active {
+    .left { @include slice("segmented_selected_active.png", $left: 100, $width: 8); }
+    .right { @include slice("segmented_selected_active.png", $left: 92, $width: 8); }
+    .middle { @include slice("segmented_selected_active.png", $left: 8, $width: 1, $repeat: repeat-x); }
+  }
+
+  &.sel.active.sc-first-segment {
+    .left { @include slice("segmented_selected_active.png", $left: 0, $width: 8); }
+  }
+
+  &.sel.active.sc-last-segment {
+    .right { @include slice("segmented_selected_active.png", $right: 0, $width: 8); }
+  }
+
+}
+
+}

data/lib/frameworks/sproutcore/themes/ace/resources/segmented/30px/segmented.css

@@ -0,0 +1,91 @@
+@theme(sc-large-size) {
+
+$theme.sc-segment-view {
+
+  height: 30px;
+  
+  .left {
+    width: 8px;
+    height: 30px;
+    @include slice("segmented_normal.png", $left: 100, $width: 8);
+  }
+  
+  .right {
+    width: 8px;
+    height: 30px;
+    @include slice("segmented_normal.png", $left: 92, $width: 8);
+  }
+  
+  .middle {
+    left: 8px; right: 8px;
+    height: 30px;
+    @include slice("segmented_normal.png", $repeat: repeat-x, $left: 8, $width: 1);
+  }
+  
+  .sc-button-label {
+    padding: 0px;
+    font-size: 13px;
+    top: 4px;
+    margin-left: 9px;
+    margin-right: 10px;
+  }
+  
+  &.sc-first-segment .left {
+    @include slice("segmented_normal.png", $width: 8);
+  }
+    
+  &.sc-last-segment .right {
+    @include slice("segmented_normal.png", $right: 0, $width: 8);  
+  }
+  
+  
+  /* ACTIVE STATE */
+  &.active {
+    .left { @include slice("segmented_active.png", $left: 100, $width: 8); }
+    .right { @include slice("segmented_active.png", $left: 92, $width: 8); }
+    .middle { @include slice("segmented_active.png", $left: 8, $width: 1, $repeat: repeat-x); }
+  }
+  
+  &.active.sc-first-segment {
+    .left { @include slice("segmented_active.png", $left: 0, $width: 8); }
+  }
+  
+  &.active.sc-last-segment {
+    .right { @include slice("segmented_active.png", $right: 0, $width: 8); }
+  }
+  
+  
+  /* SELECTED STATE */
+  &.sel {
+    .left { @include slice("segmented_selected.png", $left: 100, $width: 8); }
+    .right { @include slice("segmented_selected.png", $left: 92, $width: 8); }
+    .middle { @include slice("segmented_selected.png", $left: 8, $width: 1, $repeat: repeat-x); }
+  }
+
+  &.sel.sc-first-segment {
+    .left { @include slice("segmented_selected.png", $left: 0, $width: 8); }
+  }
+
+  &.sel.sc-last-segment {
+    .right { @include slice("segmented_selected.png", $right: 0, $width: 8); }
+  }
+  
+  
+  /* SELECTED ACTIVE STATE */
+  &.sel.active {
+    .left { @include slice("segmented_selected_active.png", $left: 100, $width: 8); }
+    .right { @include slice("segmented_selected_active.png", $left: 92, $width: 8); }
+    .middle { @include slice("segmented_selected_active.png", $left: 8, $width: 1, $repeat: repeat-x); }
+  }
+
+  &.sel.active.sc-first-segment {
+    .left { @include slice("segmented_selected_active.png", $left: 0, $width: 8); }
+  }
+
+  &.sel.active.sc-last-segment {
+    .right { @include slice("segmented_selected_active.png", $right: 0, $width: 8); }
+  }
+
+}
+
+}

data/lib/frameworks/sproutcore/themes/ace/resources/segmented/44px/segmented.css

@@ -0,0 +1,95 @@
+@theme(sc-jumbo-size) {
+
+$theme.sc-segment-view {
+
+  height: 44px;
+  
+  .left {
+    width: 8px;
+    height: 44px;
+    @include slice("segmented_normal.png", $left: 100, $width: 8);
+  }
+  
+  .right {
+    width: 8px;
+    height: 44px;
+    @include slice("segmented_normal.png", $left: 92, $width: 8);
+  }
+  
+  .middle {
+    left: 8px; right: 8px;
+    height: 44px;
+    @include slice("segmented_normal.png", $repeat: repeat-x, $left: 8, $width: 1);
+  }
+  
+  .sc-button-label {
+    color:#777;
+    font-size: 16px;
+    font-weight: bold;
+    top: 12px;
+    text-shadow: 0px 1px 1px white;
+    margin-left: 9px;
+    margin-right: 10px;
+  }
+  
+  &.sc-first-segment .left {
+    @include slice("segmented_normal.png", $width: 8);
+  }
+    
+  &.sc-last-segment .right {
+    @include slice("segmented_normal.png", $right: 0, $width: 8);  
+  }
+  
+  
+  /* ACTIVE STATE */
+  &.active {
+    .left { @include slice("segmented_active.png", $left: 100, $width: 8); }
+    .right { @include slice("segmented_active.png", $left: 92, $width: 8); }
+    .middle { @include slice("segmented_active.png", $left: 8, $width: 1, $repeat: repeat-x); }
+  }
+  
+  &.active.sc-first-segment {
+    .left { @include slice("segmented_active.png", $left: 0, $width: 8); }
+  }
+  
+  &.active.sc-last-segment {
+    .right { @include slice("segmented_active.png", $right: 0, $width: 8); }
+  }
+  
+  
+  /* SELECTED STATE */
+  &.sel {
+    .left { @include slice("segmented_selected.png", $left: 100, $width: 8); }
+    .right { @include slice("segmented_selected.png", $left: 92, $width: 8); }
+    .middle { @include slice("segmented_selected.png", $left: 8, $width: 1, $repeat: repeat-x); }
+    
+    .sc-button-label { color: white; text-shadow: 0px -1px 1px rgba(0,0,0,.7);}
+  }
+
+  &.sel.sc-first-segment {
+    .left { @include slice("segmented_selected.png", $left: 0, $width: 8); }
+  }
+
+  &.sel.sc-last-segment {
+    .right { @include slice("segmented_selected.png", $right: 0, $width: 8); }
+  }
+  
+  
+  /* SELECTED ACTIVE STATE */
+  &.sel.active {
+    .left { @include slice("segmented_selected_active.png", $left: 100, $width: 8); }
+    .right { @include slice("segmented_selected_active.png", $left: 92, $width: 8); }
+    .middle { @include slice("segmented_selected_active.png", $left: 8, $width: 1, $repeat: repeat-x); }
+  }
+
+  &.sel.active.sc-first-segment {
+    .left { @include slice("segmented_selected_active.png", $left: 0, $width: 8); }
+  }
+
+  &.sel.active.sc-last-segment {
+    .right { @include slice("segmented_selected_active.png", $right: 0, $width: 8); }
+  }
+
+}
+
+}

data/lib/frameworks/sproutcore/themes/ace/resources/segmented/segmented.css

@@ -0,0 +1,83 @@
+$theme.sc-segmented-view {
+  overflow: visible;
+
+  .disabled {
+    opacity: 0.5;
+  }
+
+}
+
+$theme.sc-segmented-view $theme.sc-segment-view {
+  margin: 0px;
+  background: none;
+  border: 0px none;
+  color: #555;
+  text-shadow: 0px 1px 1px white;
+  display:inline-block;
+  zoom: 1;
+  overflow:hidden;
+  position: relative;
+  padding: 0px;
+
+  .ie7 & {
+    display: inline;
+  }
+  
+  &.sc-first-segment { margin: 0px; padding: 0px ;}
+  &.sc-last-segment { margin: 0px; padding: 0px; }
+  
+  .left {
+    position: absolute;
+    left: 0px;
+    zoom: 1;
+  }
+  
+  .right {
+    position: absolute;
+    right: 0px;
+    zoom: 1;
+  }
+  
+  .middle {
+    margin: 0px;
+    padding: 0px;
+    padding-top:1px;
+    vertical-align:top;
+    zoom: 1;
+    position: absolute;
+  }
+  
+  .sc-button-label {
+    position: relative;
+  }
+  
+  &.active {
+    color: #333;
+    text-shadow: 0px 1px 1px white;
+  }
+  
+  &.sel {
+    background:none;
+    color: #fff;
+    text-shadow: 0px -1px 1px rgba(0,0,0,.5);
+  }
+  
+  &.sel.active {
+    background:none;
+    color: #fff;
+    text-shadow: 0px -1px 1px rgba(0,0,0,.5);
+  }
+  
+  img {
+    vertical-align: middle;
+    position: relative;
+    top: -2px;
+    left: -2px;
+    margin-right:2px;
+  }
+  
+  .disabled {
+    opacity: 0.5;
+  }
+  
+}

data/lib/frameworks/sproutcore/themes/ace/resources/slider/ace/14px/slider.css

@@ -0,0 +1,27 @@
+@theme(sc-small-size) {
+
+  $theme.slider {
+    overflow: visible;
+  
+    .track { 
+      position: absolute;
+      top: 50%; height: 5px; left: 0px; right: 0px;
+      margin-top: -2px;
+      
+      @include slices("../track.png", $left: 3, $right: 3); 
+    }
+    
+    .sc-handle { 
+      display: block; position: absolute;
+      width: 14px; height: 16px; top: 50%; margin-top: -7px;
+
+      @include slice("knob.png"); 
+    }
+  
+    &.active {
+      .sc-handle { @include slice("knob_active.png"); }
+    }
+  
+  }
+
+}

data/lib/frameworks/sproutcore/themes/ace/resources/slider/ace/16px/slider.css

@@ -0,0 +1,27 @@
+@theme(sc-regular-size) {
+
+  $theme.slider {
+    overflow: visible;
+  
+    .track { 
+      position: absolute;
+      top: 50%; height: 5px; left: 0px; right: 0px;
+      margin-top: -2px;
+      
+      @include slices("../track.png", $left: 3, $right: 3); 
+    }
+    
+    .sc-handle { 
+      display: block; position: absolute;
+      width: 16px; height: 18px; top: 50%; margin-top: -8px;
+
+      @include slice("knob.png"); 
+    }
+  
+    &.active {
+      .sc-handle { @include slice("knob_active.png"); }
+    }
+  
+  }
+
+}

data/lib/frameworks/sproutcore/themes/ace/resources/slider/ace/22px/slider.css

@@ -0,0 +1,27 @@
+@theme(sc-jumbo-size) {
+
+  $theme.slider {
+    overflow: visible;
+  
+    .track { 
+      position: absolute;
+      top: 50%; height: 5px; left: 0px; right: 0px;
+      margin-top: -3px;
+      
+      @include slices("track.png", $left: 3, $right: 3); 
+    }
+    
+    .sc-handle { 
+      display: block; position: absolute;
+      width: 22px; height: 24px; top: 50%; margin-top: -11px;
+
+      @include slice("knob.png"); 
+    }
+  
+    &.active {
+      .sc-handle { @include slice("knob_active.png"); }
+    }
+  
+  }
+
+}

data/lib/frameworks/sproutcore/themes/ace/resources/slider/ace/slider.css

@@ -0,0 +1,8 @@
+$theme.slider {
+  &.disabled { opacity: .5; }
+
+  .sc-handle {
+    -webkit-transform: translate3d(0,0,0);
+    background: transparent;
+  }
+}

data/lib/frameworks/sproutcore/themes/ace/resources/split/split.css

@@ -0,0 +1,31 @@
+/* TODO: when new SplitView lands, do this proper ($theme.split-divider) */
+$theme.split-divider {
+  background: transparent;
+  border: 0px none;
+  z-index: 1;
+
+  .line {
+    background: #333;
+    border: 0px none;
+    position: absolute;
+  }
+
+
+  .sc-layout-horizontal & {
+    .line {
+      left: 5px;
+      width: 1px;
+      top: 0px;
+      bottom: 0px;
+    }
+  }
+
+  .sc-layout-vertical & {
+    .line {
+      top: 5px;
+      height: 1px;
+      left: 0px;
+      right: 0px;
+    }
+  }
+}

data/lib/frameworks/sproutcore/themes/ace/resources/tab/tab.css

@@ -0,0 +1,3 @@
+$theme.sc-tab-view {
+  overflow: visible;
+}

data/lib/frameworks/sproutcore/themes/ace/resources/toolbar/toolbar.css

@@ -0,0 +1,8 @@
+$theme.toolbar {
+  @include slice(toolbar.png, $width: 1, $repeat: repeat-x);
+  color: #555;
+  text-shadow: 0px 1px 1px white;
+  border-bottom: 1px solid #999;
+  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, .5);
+  z-index: 10;
+}

data/lib/frameworks/sproutcore/themes/ace/resources/well/well.css

@@ -0,0 +1,7 @@
+$theme.well {
+  -sc-border-radius: 5px;
+  border: 1px solid #999;
+  -webkit-box-shadow: 1px 1px 1px rgba(255, 255, 255, .3);
+  overflow:hidden;
+}
+

data/lib/frameworks/sproutcore/themes/ace/theme.js

@@ -0,0 +1,30 @@
+
+/**
+ * @class
+ * SproutCore's Ace theme.
+ */
+SC.AceTheme = SC.BaseTheme.create({
+  name: "ace",
+  description: "A SproutCore built-in theme by Alex Iskander and contributors. Only supports browsers that implement CSS3."
+});
+
+// register the theme with SproutCore
+SC.Theme.addTheme(SC.AceTheme);
+
+// SC.ButtonView variants
+SC.AceTheme.PointLeft = SC.AceTheme.subtheme("point-left", "point-left");
+SC.AceTheme.PointRight = SC.AceTheme.subtheme("point-right", "point-right");
+SC.AceTheme.Capsule = SC.AceTheme.subtheme("capsule", "capsule");
+
+// Dark Variant
+/**
+ * @class SC.AceTheme.Dark
+ * SproutCore's Ace theme's Dark Side. Used in popovers or wherever you
+ * choose (use it by making the view or one of its parents have a
+ * themeName of 'dark').
+ */
+SC.AceTheme.Dark = SC.AceTheme.subtheme("dark");
+
+// for backwards-compatibility with apps that do not set their
+// own default theme:
+SC.defaultTheme = 'ace';

data/lib/frameworks/sproutcore/themes/empty_theme/tests/mini_icons.rhtml

@@ -0,0 +1,69 @@
+<style>
+
+table.mini td {
+  border: 1px #ccc solid;
+}
+
+table.mini td div {
+  width: 20px;
+  height: 20px;
+}
+
+table.mini td div img {
+  position: relative;
+  left: 2px;
+  top: 2px;
+}
+
+#qunit { display: none; }
+
+.invert {
+  background-color: #003f85;
+}
+
+</style>
+
+<script>
+function setClass(classNames) {
+  console.log('setClass ' + classNames);
+  Q$('table').attr('class', 'mini ' + classNames);
+};
+</script>
+
+<% @icon_names = %w(carat-1-n carat-1-ne carat-1-e carat-1-se carat-1-s carat-1-sw carat-1-w carat-1-nw carat-2-n-s carat-2-e-w triangle-1-n triangle-1-ne triangle-1-e triangle-1-se triangle-1-s triangle-1-sw triangle-1-w triangle-1-nw triangle-2-n-s triangle-2-e-w arrow-1-n arrow-1-ne arrow-1-e arrow-1-se arrow-1-s arrow-1-sw arrow-1-w arrow-1-nw arrow-2-n-s arrow-2-ne-sw arrow-2-e-w arrow-2-se-nw arrowstop-1-n arrowstop-1-e arrowstop-1-s arrowstop-1-w arrowthick-1-n arrowthick-1-ne arrowthick-1-e arrowthick-1-se arrowthick-1-s arrowthick-1-sw arrowthick-1-w arrowthick-1-nw arrowthick-2-n-s arrowthick-2-ne-sw arrowthick-2-e-w arrowthick-2-se-nw arrowthickstop-1-n arrowthickstop-1-e arrowthickstop-1-s arrowthickstop-1-w arrowreturnthick-1-w arrowreturnthick-1-n arrowreturnthick-1-e arrowreturnthick-1-s arrowreturn-1-w arrowreturn-1-n arrowreturn-1-e arrowreturn-1-s arrowrefresh-1-w arrowrefresh-1-n arrowrefresh-1-e arrowrefresh-1-s arrow-4 arrow-4-diag extlink newwin refresh shuffle transfer-e-w transferthick-e-w folder-collapsed folder-open document document-b note mail-closed mail-open suitcase comment person print trash locked unlocked bookmark tag home flag calendar cart pencil clock disk calculator zoomin zoomout search wrench gear heart star link cancel plus plusthick minus minusthick close closethick key lightbulb scissors clipboard copy contact image video script alert info notice help check bullet radio-off radio-on pin-w pin-s play pause seek-next seek-prev seek-end seek-first stop eject volume-off volume-on power signal-diag signal battery-0 battery-1 battery-2 battery-3 circle-plus circle-minus circle-close circle-triangle-e circle-triangle-s circle-triangle-w circle-triangle-n circle-arrow-e circle-arrow-s circle-arrow-w circle-arrow-n circle-zoomin circle-zoomout circle-check circlesmall-plus circlesmall-minus circlesmall-close squaresmall-plus squaresmall-minus squaresmall-close grip-dotted-vertical grip-dotted-horizontal grip-solid-vertical grip-solid-horizontal gripsmall-diagonal-se grip-diagonal-se)
+-%>
+<h1>Mini Icons</h1>
+<div class="states">
+  Set Class: 
+<% %(regular,active,disabled,sel,disabled active,disabled sel).split(',').each do |class_name| %>
+<a onclick="console.log('hello!');setClass('<%= class_name %>');" href="javascript:console.log('hello!');"><%= class_name %></a> |
+<% end %>
+</div>
+
+<hr />
+<div class="normal">
+<div><strong>Normal</strong></div>
+<table class="mini"><tr>
+<% @icon_names.size.times do |idx| %>
+  <td><div><img src="<%= sc_static('blank') %>" class="icon sc-mini-icon <%= @icon_names[idx] %>" /></div></td>
+  <% if ((idx+1) % 16) == 0 %>
+    </tr><tr>
+  <% end %>
+<% end %>
+  </tr>
+</table>
+</div>
+
+<hr />
+<div class="invert">
+<div><strong>Inverted</strong></div>
+<table class="mini"><tr>
+<% @icon_names.size.times do |idx| %>
+  <td><div><img src="<%= sc_static('blank') %>" class="icon inverted sc-mini-icon <%= @icon_names[idx] %>" /></div></td>
+  <% if ((idx+1) % 16) == 0 %>
+    </tr><tr>
+  <% end %>
+<% end %>
+  </tr>
+</table>
+</div>

data/lib/frameworks/sproutcore/themes/empty_theme/theme.js

@@ -0,0 +1,16 @@
+// ==========================================================================
+// 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)
+// ==========================================================================
+
+/** @class
+  @extends SC.Theme
+  @since SproutCore 1.1
+*/
+SC.EmptyTheme = SC.BaseTheme.create({
+  name: 'sc-empty'
+});
+
+SC.Theme.addTheme(SC.EmptyTheme);