sproutcore 1.0.1003 → 1.0.1008

data/frameworks/sproutcore/frameworks/datastore/tests/system/nested_store/core_methods.js

@@ -0,0 +1,70 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Apple Inc. and contributors.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+/*globals module ok equals same test MyApp Sample */
+
+var store, nestedStore, Application, dataSource;
+
+module("SC.NestedStore Core Methods", {
+  setup: function() {
+    dataSource = SC.DataSource.create();
+    
+    Application = {};
+    Application._nameDidChange = 0;
+    
+    Application.File = SC.Record.extend({ 
+      
+      nameDidChange: function(object, key) {
+        Application._nameDidChange++;
+      }.observes('name', 'url', 'isDirectory')
+      
+    });
+    Application.FileDisk = SC.Record.extend({ });
+    
+    Application.Data = {
+      
+      "FileDisk": [
+        { guid: '14', name: 'Main Drive', parent: null, children: null }
+      ],
+    
+      "File": [
+        { guid: '10', name: 'Home', url: '/emily_parker', isDirectory: true, parent: null, children: 'Collection'},
+        { guid: '11', name: 'Documents', fileType: 'documents', url: '/emily_parker/Documents', isDirectory: true, parent: '10', children: 'Collection', createdAt: 'June 15, 2007', modifiedAt: 'October 21, 2007', filetype: 'directory', isShared: false},
+        { guid: '137',name: 'Library', fileType: 'library', url: '/emily_parker/Library', isDirectory: true, parent: '10', children: 'Collection', createdAt: 'June 15, 2007', modifiedAt: 'October 21, 2007', filetype: 'directory', isShared: false},
+        { guid: '12', name: 'Movies', fileType: 'movies', url: '/emily_parker/Movies', isDirectory: true, parent: '10', children: 'Collection', createdAt: 'June 15, 2007', modifiedAt: 'June 15, 2007', filetype: 'directory', isShared: true, sharedAt: 'October 15, 2007', sharedUntil: 'March 31, 2008', sharedUrl: '2fhty', isPasswordRequired: true},
+        { guid: '134',name: 'Music', fileType: 'music', url: '/emily_parker/Music', isDirectory: true, parent: '10', children: 'Collection', createdAt: 'June 15, 2007', modifiedAt: 'June 15, 2007', filetype: 'directory', isShared: true, sharedAt: 'October 15, 2007', sharedUntil: 'March 31, 2008', sharedUrl: '2fhty', isPasswordRequired: true},
+        { guid: '135',name: 'Pictures', fileType: 'pictures', url: '/emily_parker/Pictures', isDirectory: true, parent: '10', children: 'Collection', createdAt: 'June 15, 2007', modifiedAt: 'June 15, 2007', filetype: 'directory', isShared: true, sharedAt: 'October 15, 2007', sharedUntil: 'March 31, 2008', sharedUrl: '2fhty', isPasswordRequired: true},
+        { guid: '13', name: 'Auto Insurance', fileType: 'folder', url: '/emily_parker/Documents/Auto%20Insurance', isDirectory: true, parent: '11', children: 'Collection', createdAt: 'June 15, 2007', modifiedAt: 'October 21, 2007', filetype: 'directory', isShared: false},
+        { guid: '14', name: 'Birthday Invitation.pdf', fileType: 'file', url: '/emily_parker/Documents/Birthday%20Invitation', isDirectory: false, parent: '11', createdAt: 'October 17, 2007', modifiedAt: 'October 21, 2007', filetype: 'pdf', isShared: false},
+        { guid: '136', name: 'Software', fileType: 'software', url: '/emily_parker/Software', isDirectory: true, parent: '10', children: 'Collection', createdAt: 'June 15, 2007', modifiedAt: 'June 15, 2007', filetype: 'directory', isShared: true, sharedAt: 'October 15, 2007', sharedUntil: 'March 31, 2008', sharedUrl: '2fhty', isPasswordRequired: true}
+      ]
+    };
+    
+    SC.RunLoop.begin();
+    store = SC.Store.create({ name: 'Test nested store'} ).from(dataSource);
+    for(var i in Application.Data) {
+      store.loadRecords(Application[i], Application.Data[i]);
+    }
+    SC.RunLoop.end();
+    
+    // make sure RecordType by String can map
+    window.Application = Application;
+    
+    nestedStore = store.chain();
+  }    
+});
+
+test("Make sure that setting an attribute on a record will only notify respective observers once", function() {
+  
+  var file = nestedStore.find(Application.File, '14');
+  Application._nameDidChange = 0 ;
+  
+  SC.RunLoop.begin();
+  file.writeAttribute('name', 'My Great New Name');
+  SC.RunLoop.end();
+  
+  equals(Application._nameDidChange, 1, 'observer was only fired once');
+
+});

data/frameworks/sproutcore/frameworks/datastore/tests/system/query/evaluation.js

@@ -131,6 +131,18 @@ test("should evaluate all comparators", function() {
   q.parse();
   ok(q._tokenTree.evaluate() == false, "'Tea pot' CONTAINS 'a cup' should be false");
   
+  q.conditions = "{myTeapot} CONTAINS 'Tea'";
+  q.parse();
+  ok(q._tokenTree.evaluate(null,{myTeapot: ['Tea','pot']}) == true, "['Tea', 'pot'] CONTAINS 'Tea' should be true");
+
+  q.conditions = "{myTeapot} CONTAINS 'pot'";
+  q.parse();
+  ok(q._tokenTree.evaluate(null,{myTeapot: ['Tea','pot']}) == true, "['Tea', 'pot'] CONTAINS 'pot' should be true");
+
+  q.conditions = "{myTeapot} CONTAINS 'coffee'";
+  q.parse();
+  ok(q._tokenTree.evaluate(null,{myTeapot: ['Tea','pot']}) == false, "['Tea', 'pot'] CONTAINS 'coffee' should be false");
+  
   q.conditions = "'Tea pot' MATCHES {myCup}";
   q.parse();
   ok(q._tokenTree.evaluate(null,{myCup: /a\sp/}) === true, "'Tea pot' MATCHES /a\sp/ should be true");

data/frameworks/sproutcore/frameworks/datastore/tests/system/record_array/error_methods.js

@@ -0,0 +1,50 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Apple Inc. and contributors.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+/*globals module ok equals same test MyApp */
+
+var store, Application;
+module("SC.RecordArray Error Methods", {
+  setup: function() {
+
+    Application = {};
+    Application.Thing = SC.Record.extend({
+      name: SC.Record.attr(String)
+    });
+
+    SC.RunLoop.begin();
+    store = SC.Store.create();
+
+    var records = [
+      { guid: 1, name: 'Thing One' },
+      { guid: 2, name: 'Thing Two' }
+    ];
+
+    var types = [ Application.Thing, Application.Thing ];
+
+    store.loadRecords(types, records);
+    SC.RunLoop.end();
+  },
+
+  teardown: function() {
+    store = null;
+    Application = null;
+  }
+});
+
+test("Verify error methods behave correctly", function() {
+  var q = SC.Query.local(Application.Thing);
+  var things = store.find(q);
+
+  SC.RunLoop.begin();
+  things.set('status', SC.Record.BUSY_LOADING);
+  store.dataSourceDidErrorQuery(q, SC.Record.GENERIC_ERROR);
+  SC.RunLoop.end();
+
+  ok(things.get('isError'), "isError on things array should be YES");
+
+  equals(things.get('errorObject'), SC.Record.GENERIC_ERROR,
+    "get('errorObject') on things array should return the correct error object");
+});

data/frameworks/sproutcore/frameworks/datastore/tests/system/store/commitRecord.js

@@ -173,21 +173,21 @@ test("Confirm that all the states are switched as expected after running commitR
 });
 
 test("calling commitRecords() without explicit storeKeys", function() {
-  
+  var st;
   store.changelog = [storeKey1, storeKey2, storeKey3, storeKey4];
   store.commitRecords();
 
-  status = store.readStatus( storeKey1);
-  equals(status, SC.Record.READY_CLEAN, "storeKey1 - the status shouldn't have changed. It should be READY_CLEAN ");
+  st = store.readStatus( storeKey1);
+  equals(st, SC.Record.READY_CLEAN, "storeKey1 - the status shouldn't have changed. It should be READY_CLEAN ");
   
-  status = store.readStatus( storeKey2);
-  equals(status, SC.Record.BUSY_CREATING, "storeKey2 - the status should be SC.Record.BUSY_CREATING");
+  st = store.readStatus( storeKey2);
+  equals(st, SC.Record.BUSY_CREATING, "storeKey2 - the status should be SC.Record.BUSY_CREATING");
 
-  status = store.readStatus( storeKey3);
-  equals(status, SC.Record.BUSY_COMMITTING, "storeKey3 - the status should be SC.Record.BUSY_COMMITTING");
+  st = store.readStatus( storeKey3);
+  equals(st, SC.Record.BUSY_COMMITTING, "storeKey3 - the status should be SC.Record.BUSY_COMMITTING");
   
-  status = store.readStatus( storeKey4);
-  equals(status, SC.Record.BUSY_DESTROYING, "storeKey4 - the status should be SC.Record.BUSY_DESTROYING");
+  st = store.readStatus( storeKey4);
+  equals(st, SC.Record.BUSY_DESTROYING, "storeKey4 - the status should be SC.Record.BUSY_DESTROYING");
   
   ds.expect(1, [storeKey2], [storeKey3], [storeKey4]);
 });

data/frameworks/sproutcore/frameworks/datastore/tests/system/store/core_methods.js

@@ -50,7 +50,7 @@ module("SC.Store Core Methods", {
     };
     
     SC.RunLoop.begin();
-    store = SC.Store.create().from(dataSource);
+    store = SC.Store.create({ name: 'Test store'} ).from(dataSource);
     for(var i in Application.Data) {
       store.loadRecords(Application[i], Application.Data[i]);
     }
@@ -61,6 +61,13 @@ module("SC.Store Core Methods", {
   }    
 });
 
+test("Verify that SC.Store's toString() includes the store's name, if it was specified", function() {
+  
+  var description = store.toString();
+  ok(description.indexOf('Test store') !== -1, 'should contain "Test store"');
+  
+});
+
 test("Verify loadRecords() loads data", function() {
   
   equals(store.find(Application.File, '14').get('name'), 'Birthday Invitation.pdf', 'should return File 14');

data/frameworks/sproutcore/frameworks/datastore/tests/system/store/dataHashDidChange.js

@@ -8,6 +8,8 @@
 // NOTE: The test below are based on the Data Hashes state chart.  This models
 // the "did_change" event in the Store portion of the diagram.
 
+var MyApp = {};
+
 var store, child, storeKey, json;
 module("SC.Store#dataHashDidChange", {
   setup: function() {
@@ -24,6 +26,14 @@ module("SC.Store#dataHashDidChange", {
     store.writeDataHash(storeKey, json, SC.Record.READY_CLEAN);
     store.editables = null; // manually patch to setup test state
     child = store.chain();  // test multiple levels deep
+    
+    
+    MyApp.Foo = SC.Record.extend({
+      prop1: SC.Record.attr(String, { defaultValue: 'Default Value for prop1' }),
+      prop2: SC.Record.attr(String, { defaultValue: 'Default Value for prop2' }),
+      prop3: SC.Record.attr(String, { defaultValue: 'Default Value for prop2' })
+    });
+    
   }
 });
 
@@ -54,13 +64,21 @@ function testStateTransition(fromState, toState) {
 } 
 
 test("edit state = LOCKED", function() {
+  SC.RunLoop.begin();
+  
   store.readDataHash(storeKey); // lock
   testStateTransition(SC.Store.LOCKED, SC.Store.LOCKED);
+  
+  SC.RunLoop.end();
 }) ;
 
 test("edit state = EDITABLE", function() {
+  SC.RunLoop.begin();
+  
   store.readEditableDataHash(storeKey); // make editable
   testStateTransition(SC.Store.EDITABLE, SC.Store.EDITABLE);
+  
+  SC.RunLoop.end();
 }) ;
 
 // ..........................................................
@@ -68,11 +86,72 @@ test("edit state = EDITABLE", function() {
 // 
 
 test("calling with array of storeKeys will edit all store keys", function() {
+  SC.RunLoop.begin();
   
   var storeKeys = [storeKey, SC.Store.generateStoreKey()], idx ;
   store.dataHashDidChange(storeKeys, 2000) ;
   for(idx=0;idx<storeKeys.length;idx++) {
     equals(store.revisions[storeKeys[idx]], 2000, 'storeKey at index %@ should have new revision'.fmt(idx));
   }
+  
+  SC.RunLoop.end();
 });
 
+test("calling dataHashDidChange twice with different statusOnly values before flush is called should trigger a non-statusOnly flush if any of the statusOnly values were NO", function() {
+  SC.RunLoop.begin();
+
+  // Create a phony record because that's the only way the 'hasDataChanges'
+  // data structure will be used.
+  var record = SC.Record.create({ id: 514 }) ;
+  var storeKey = SC.Record.storeKeyFor(514) ;
+  record = store.materializeRecord(storeKey) ;
+  store.dataHashDidChange(storeKey, null, NO) ;
+  store.dataHashDidChange(storeKey, null, YES) ;
+  
+  ok(store.recordPropertyChanges.hasDataChanges.contains(storeKey), 'recordPropertyChanges.hasDataChanges should contain the storeKey %@'.fmt(storeKey)) ;
+
+  SC.RunLoop.end();
+});
+
+test("calling _notifyRecordPropertyChange twice, once with a key and once without, before flush is called should invalidate all cached properties when flush is finally called", function() {
+  SC.RunLoop.begin();
+
+  var mainStore = SC.Store.create();
+  var record    = mainStore.createRecord(MyApp.Foo, {});
+  
+  // Make sure the property values get cached.
+  var cacheIt = record.get('prop1');
+  cacheIt     = record.get('prop2');
+  
+  var storeKey = record.get('storeKey');
+  
+  // Send an innocuous "prop2 changed" notification, because we want to be sure
+  // that if we notify about a change to one property and later also change all
+  // properties, all properties get changed.  (Even if we notify about yet
+  // another individual property change after that, but still before the flush.)
+  mainStore._notifyRecordPropertyChange(storeKey, NO, 'prop2');
+  
+  var nestedStore  = mainStore.chain();
+  var nestedRecord = nestedStore.materializeRecord(storeKey);
+  
+  // Now, set the values of prop1 and prop2 to be different for the records in
+  // the nested store.
+  nestedRecord.set('prop1', 'New value');
+  
+  // Now, when we commit, we'll be changing the dataHash of the main store and
+  // should notify that all properties have changed.
+  nestedStore.commitChanges();
+  
+  // Now, we'll do one more innocuous "prop3 changed" notification to ensure
+  // that the eventual flush does indeed invalidate *all* property caches, and
+  // not just prop2 and prop3.
+  mainStore._notifyRecordPropertyChange(storeKey, NO, 'prop3');
+
+  // Let the flush happen.
+  SC.RunLoop.end();
+
+
+  // Finally, read 'prop1' from the main store's object.  It should be the new
+  // value!
+  equals(record.get('prop1'), 'New value', 'The main store’s record should return the correct value for prop1, not the stale cached version') ;
+});

data/frameworks/sproutcore/frameworks/datastore/tests/system/store/dataSourceCallbacks.js

@@ -101,6 +101,12 @@ module("SC.Store#dataSourceCallbacks", {
       number: 23,
       bool:   YES
     };
+    json16 = {
+      guid: "commitGUID16",
+      string: "string",
+      number: 23,
+      bool:   YES
+    };
     storeKey1 = SC.Store.generateStoreKey();
     store.writeDataHash(storeKey1, json1, SC.Record.READY_CLEAN);
     storeKey2 = SC.Store.generateStoreKey();
@@ -134,6 +140,9 @@ module("SC.Store#dataSourceCallbacks", {
     store.writeDataHash(storeKey14, json14, SC.Record.READY_CLEAN);
     storeKey15 = SC.Store.generateStoreKey();
     store.writeDataHash(storeKey15, json15, SC.Record.BUSY_CREATING);
+
+    storeKey16 = SC.Store.generateStoreKey();
+    store.writeDataHash(storeKey16, json16, SC.Record.BUSY_LOADING);
   
     SC.RunLoop.begin();
   
@@ -252,3 +261,18 @@ test("Confirm that dataSourceDidError switched the records to the right states",
   equals(status, SC.Record.ERROR, 
     "the status shouldn't have changed.");
 });
+
+test("Confirm that errors passed to dataSourceDidError make it into the recordErrors array", function() {
+  var msg = '';
+
+  ok(!store.recordErrors, "recordErrors should be null at this point");
+
+  try {
+    store.dataSourceDidError(storeKey16, SC.Record.GENERIC_ERROR);
+  } catch (error) {
+    msg = error.message;
+  }
+ 
+  equals(store.recordErrors[storeKey16], SC.Record.GENERIC_ERROR,
+    "recordErrors[storeKey] should be the right error object");
+});

data/frameworks/sproutcore/frameworks/datastore/tests/system/store/error_methods.js

@@ -0,0 +1,62 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Apple Inc. and contributors.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+/*globals module ok equals same test MyApp */
+
+var store, Application;
+
+module("SC.Store Error Methods", {
+  setup: function() {
+
+    Application = {};
+    Application.Thing = SC.Record.extend({
+      name: SC.Record.attr(String)
+    });
+
+    SC.RunLoop.begin();
+    store = SC.Store.create();
+
+    var records = [
+      { guid: 1, name: 'Thing One' },
+      { guid: 2, name: 'Thing Two' }
+    ];
+
+    var types = [ Application.Thing, Application.Thing ];
+
+    store.loadRecords(types, records);
+    SC.RunLoop.end();
+  },
+
+  teardown: function() {
+    store = null;
+    Application = null;
+  }
+});
+
+test("Verify readError() returns correct errors", function() {
+  var thing1 = store.find(Application.Thing, 1);
+  var storeKey = thing1.get('storeKey');
+
+  SC.RunLoop.begin();
+  store.writeStatus(storeKey, SC.Record.BUSY_LOADING);
+  store.dataSourceDidError(storeKey, SC.Record.GENERIC_ERROR);
+  SC.RunLoop.end();
+
+  equals(store.readError(storeKey), SC.Record.GENERIC_ERROR,
+    "store.readError(storeKey) should return the correct error object");
+});
+
+test("Verify readQueryError() returns correct errors", function() {
+  var q = SC.Query.local(Application.Thing);
+  var things = store.find(q);
+
+  SC.RunLoop.begin();
+  things.set('status', SC.Record.BUSY_LOADING);
+  store.dataSourceDidErrorQuery(q, SC.Record.GENERIC_ERROR);
+  SC.RunLoop.end();
+
+  equals(store.readQueryError(q), SC.Record.GENERIC_ERROR,
+    "store.readQueryError(q) should return the correct error object");
+});

data/frameworks/sproutcore/frameworks/datastore/tests/system/store/init.js

@@ -17,5 +17,7 @@ test("initial setup for root store", function() {
   equals(SC.typeOf(store.revisions), SC.T_HASH, 'should have revisions');
   equals(SC.typeOf(store.statuses), SC.T_HASH, 'should have statuses');
   ok(!store.editables, 'should not have editables');
+  ok(!store.recordErrors, 'should not have recordErrors');
+  ok(!store.queryErrors, 'should not have queryErrors');
 }); 
 

data/frameworks/sproutcore/frameworks/debug/core.js

@@ -43,18 +43,22 @@ SC.mapDisplayNames = function(obj, level, path, seenHash, seenArray) {
   var useHash = !!SC._mapDisplayNamesUseHashForSeenTypesHash[SC.typeOf(obj)] ;
 
   var hash;
+  var arrayToCheck;
   if (useHash) {
     hash = SC.hashFor(obj) ;
-    if (seenHash[hash]) return ;
+    arrayToCheck = seenHash[hash];
   }
   else {
-    if (seenArray.indexOf(obj) !== -1) return ;
+    arrayToCheck = seenArray;
   }
-  if (useHash) {
-    seenHash[hash] = true ;
+  
+  if (arrayToCheck  &&  arrayToCheck.indexOf(obj) !== -1) return ;
+  
+  if (arrayToCheck) {
+    arrayToCheck.push(obj) ;
   }
-  else {
-    seenArray.push(obj) ;
+  else if (useHash) {
+    seenHash[hash] = [obj] ;
   }
 
   var loc = path.length, str, val, t;

data/frameworks/sproutcore/frameworks/designer/controllers/page_design.js

@@ -18,6 +18,10 @@
 */
 SC.PageDesignController = SC.Object.extend({
   
+  // ..........................................................
+  // SELECTION
+  // 
+  
   /** The current view builder selection. */
   selection: null,
   
@@ -29,9 +33,13 @@ SC.PageDesignController = SC.Object.extend({
     The passed selection must be a Designer object.
   */
   select: function(sel, extend) {
-    var base = (extend ? this.get('selection') : []) || [];
-    sel = base.concat(sel||[]).compact().uniq();
-    this.set('selection', sel) ;
+    var base = this.get('selection');
+    if (!base || !extend || !base.contains(sel)) {
+      base = (!extend || !base) ? SC.CoreSet.create() : base.copy();
+      base.add(sel);
+      this.set('selection', base.freeze()) ;
+    }
+    return this ;
   },
   
   /**
@@ -41,14 +49,13 @@ SC.PageDesignController = SC.Object.extend({
   */
   deselect: function(sel) {
     
-    // build new selection without passed elements
-    var newSel = [], cur = this.get('selection')||[];
-    if (!sel) sel = []; 
-    cur.forEach(function(s) {
-      if (sel.indexOf(s)<0) newSel.push(s)
-    },this);
-    
-    this.set('selection', newSel) ;
+    var base = this.get('selection');
+    if (base && base.contains(sel)) {
+      base = base.copy();
+      base.remove(sel);
+      this.set('selection', base.freeze());
+    }
+    return this;
   },
   
   /**
@@ -56,24 +63,42 @@ SC.PageDesignController = SC.Object.extend({
     on the old and new views.
   */
   selectionDidChange: function() {
-    // get new and old selection. step through both and update states
-    var sel = this.get('selection')||[], oldSel = this._selection||[];
-    var set = SC.Set.create(sel);
+    var sel = this.get('selection'),
+        oldSel = this._selection ;
 
     // save old selection for next time
     this._selection = sel ;
     
     // set the isSelected state on new selection.
-    sel.invoke('set', 'designIsSelected', YES);
+    if (sel) sel.setEach('designIsSelected', YES);
     
     // remove the isSelected state for old selection not in new selection.
-    oldSel.forEach(function(s){ 
-      if (!set.contains(s)) s.set('designIsSelected', NO);
-    }, this);
+    if (oldSel) {
+      oldSel.forEach(function(s){ 
+        if (!sel || !sel.contains(s)) s.set('designIsSelected', NO);
+      }, this);
+    }
     
   }.observes('selection'),
   
   
+  /**
+    Called by a view to reposition the current selection during a mouse 
+    drag.
+  */
+  repositionSelection: function(evt, info) {
+    var sel = this.get('selection');
+    if (sel) sel.invoke('mouseReposition', evt, info);  
+  },
+  
+  /**
+    Called by a view to prepare all views in selection for repositioning
+  */
+  prepareReposition: function(info) {
+    var sel = this.get('selection');
+    if (sel) sel.invoke('prepareReposition', info);
+  },
+  
   // ..........................................................
   // DESIGNERS
   // 

data/frameworks/sproutcore/frameworks/designer/core.js

@@ -0,0 +1,10 @@
+// ========================================================================
+// SproutCore -- JavaScript Application Framework
+// Copyright ©2006-2008, Sprout Systems, Inc. and contributors.
+// ========================================================================
+
+
+/** Default namespace for designer-specific classes */
+SC.Designer = SC.Object.extend({
+  
+});

data/frameworks/sproutcore/frameworks/designer/english.lproj/selection_handles.css

@@ -0,0 +1,58 @@
+.sc-view.handles {
+  border: 1px rgba(185,192,255,0.5) dashed;
+  overflow: visible;
+}
+
+.sc-view.handles .handle {
+  background-color: #ffdfb2;
+  width: 7px;
+  height: 7px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  display: block;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 0px;
+  opacity: 0.9;
+  margin-left: -4px;
+  margin-top: -4px;
+}
+
+.sc-view.handles .handle.top {
+  margin-top: 0;
+  top: -4px;
+  cursor: row-resize;
+}
+
+.sc-view.handles .handle.bottom {
+  margin-top: 0;
+  top:  auto;
+  bottom: -4px;
+  cursor: row-resize;
+}
+
+.sc-view.handles .handle.left {
+  margin-left: 0;
+  left: -4px;
+  cursor: col-resize;
+}
+
+.sc-view.handles .handle.right {
+  margin-left: 0;
+  left:  auto;
+  right: -4px;
+  cursor: col-resize;
+}
+
+.sc-view.handles .handle.top.left,
+.sc-view.handles .handle.bottom.right {
+  cursor: default;
+}
+
+.sc-view.handles .handle.top.right,
+.sc-view.handles .handle.bottom.left {
+  cursor: default;
+}
+

data/frameworks/sproutcore/frameworks/designer/views/{controls/button.js → button.js}

@@ -5,13 +5,17 @@
 // ========================================================================
 
 sc_require('views/designer');
-sc_require('views/mixins/button');
+sc_require('mixins/button');
 
 SC.ButtonView.Designer = SC.ViewDesigner.extend( SC.Button.Designer,
 /** @scope SC.ButtonView.Designer.prototype */ {
   
   encodeChildViews: NO,
   
-  designProperties: 'theme buttonBehavior href'.w()
+  designProperties: 'theme buttonBehavior href'.w(),
+  
+  canResizeVertical: NO,
+  
+  canResizeHorizontal: YES
   
 });