rasputin 0.6.1 → 0.7.0

data/README.md

@@ -14,6 +14,7 @@ And it also provides some unnoficial packages :
 * sproutcore-jui (jQuery UI wrappers for sc 2.0)
 * sproutcore-ajax (backport form sc 1.x API but using jQuery $.ajax)
 * sproutcore-i18n (integration with i18n-js gem)
+* sproutcore-bricks (some useful bricks extracted form my projects)
 
 Rasputin also provide sprockets engine for handlebars templates. Any template in your
 javascript assets folder with extention handlebars will be availabel in sproutcore.
@@ -28,3 +29,5 @@ Changelog :
   0.6.0 :
     - update to lates sproutcore 2 (beta3)
     - lots of fixes for sproutcore-jui
+  0.7.0 :
+    - add sproutcore-bricks

data/lib/rasputin/version.rb

@@ -1,3 +1,3 @@
 module Rasputin
-  VERSION = "0.6.1"
+  VERSION = "0.7.0"
 end

data/vendor/assets/javascripts/bricks/current_user.js

@@ -0,0 +1,68 @@
+// ==========================================================================
+// Project:   SproutCore Bricks
+// Copyright: ©2011 Paul Chavard
+// Author :   Paul Chavard
+//
+// current_user.js
+// ==========================================================================
+SB = this.SB || {};
+
+SB.CurrentUser = SC.Object.extend({
+  username: '',
+  password: '',
+  rememberMe: true,
+
+  url: '/authenticate',
+  authenticateMethod: 'HEAD',
+
+  isLoggedIn: false,
+  isLoggingIn: false,
+
+  didLoggedIn: SC.K,
+  didLoggedOut: SC.K,
+  loginSuccess: SC.K,
+  loginError: SC.K,
+
+  setCredentials: SC.K,
+  resetCredentials: SC.K,
+
+  login: function() {
+    if (this.get('isLoggedIn')) {return;}
+    this.set('isLoggingIn', true);
+    var username = this.get('username'),
+        password = this.get('password');
+    if (!SC.empty(username) && !SC.empty(password)) {
+      this.setCredentials(username, password);
+    }
+    var method = "%@Url".fmt(this.get('authenticateMethod').toLowerCase());
+    SC.Request[method](this.get('url')).json()
+      .notify(this, 'loginComplete')
+      .send();
+  },
+
+  logout: function() {
+    if (!this.get('isLoggedIn')) {return;}
+    this.setProperties({'username': '', 'password': ''});
+    this.resetCredentials();
+    this.set('isLoggedIn', false);
+    this.didLoggedOut();
+  },
+
+  /*
+    @private
+  */
+  loginComplete: function(response) {
+    this.set('isLoggingIn', false);
+    if (SC.ok(response)) {
+      this.set('isLoggedIn', true);
+      this.loginSuccess(response);
+      this.didLoggedIn();
+      this.setProperties({'username': '', 'password': ''});
+    } else {
+      this.set('isLoggedIn', false);
+      this.set('password', '');
+      this.resetCredentials();
+      this.loginError(response);
+    }
+  }
+});

data/vendor/assets/javascripts/bricks/images_error.js

@@ -0,0 +1,23 @@
+// ==========================================================================
+// Project:   SproutCore Bricks
+// Copyright: ©2011 Paul Chavard
+// Author :   Paul Chavard
+//
+// images_error.js
+// ==========================================================================
+SB = this.SB || {};
+
+SB.ImagesErrorSupport = SC.Mixin.create({
+  didInsertElement: function() {
+    this._super();
+    var img = this.$('img[data-rescue-errors]'), self = this;
+    img.hide().error(function() {
+        if (self.imageLoadError(img)) {
+          img.show();
+        }
+    }).load(function() {
+      img.show();
+    });
+  },
+  imageLoadError: SC.K
+});

data/vendor/assets/javascripts/bricks/layout_manager.js

@@ -0,0 +1,50 @@
+// ==========================================================================
+// Project:   SproutCore Bricks
+// Copyright: ©2011 Paul Chavard
+// Author :   Paul Chavard
+//
+// layout_manager.js
+// ==========================================================================
+SB = this.SB || {};
+
+SB.layoutManager = SC.Object.create({
+  windowWidth: 0,
+  windowHeight: 0,
+
+  init: function() {
+    this._windowSize();
+    this._window.resize(SC.$.proxy(this, '_onResize'));
+  },
+  registerLayout: function(view) {
+    this._managedViews.pushObject(view);
+    this._callApplyLayout(view);
+  },
+
+  _managedViews: [],
+  _window: SC.$(window),
+
+  _onResize: function() {
+    this._windowSize();
+    this._managedViews.forEach(this._callApplyLayout, this);
+  },
+  _windowSize: function() {
+    this.set('windowWidth', this._window.width());
+    this.set('windowHeight', this._window.height());
+  },
+  _callApplyLayout: function(view) {
+    if (view && view.get('state') === 'inDOM'
+      && view.get('hasLayout') === true
+      && typeof view.applyLayout === 'function') {
+        view.applyLayout(this.windowWidth, this.windowHeight);
+    }
+  }
+});
+
+SB.ManagedLayoutSupport = SC.Mixin.create({
+  hasLayout: true,
+
+  didInsertElement: function() {
+    this._super();
+    SB.layoutManager.registerLayout(this);
+  }
+});

data/vendor/assets/javascripts/bricks/local_storage_data_source.js

@@ -0,0 +1,174 @@
+// ==========================================================================
+// Project:   Todos.LocalStorage
+// Copyright: ©2011 My Company, Inc.
+// ==========================================================================
+/*globals Todos */
+
+/** @class
+
+  This data source serves as an adapter between SproutCore's data store and the
+  browser's local storage.
+
+  @extends SC.DataSource
+*/
+SB = this.SB || {};
+
+(function() {
+  var supportsLocalStorage = false;
+  // HTML5 localStorage detection from http://diveintohtml5.org/storage.html
+  try {
+    supportsLocalStorage = ('localStorage' in window && window['localStorage'] !== null);
+  } catch (e) { }
+
+  if (!supportsLocalStorage) {
+    var warnMethod = function() {
+      console.log('Unable to use local storage data source because your browser does not support local storage.');
+      return false;
+    };
+
+    SB.LocalStorageDataSource = SC.DataSource.extend({
+      fetch: warnMethod,
+      retrieveRecord: warnMethod,
+      createRecord: warnMethod,
+      updateRecord: warnMethod,
+      destroyRecord: warnMethod
+    });
+
+    return;
+  }
+
+  SB.LocalStorageDataSource = SC.DataSource.extend(
+  /** @scope SC.LocalStorage.prototype */ {
+    /**
+      The string to prefix to the key used to store the data in the browser's
+      localStorage.
+
+      @type String
+      @default 'sproutcore-local-storage'
+    */
+    storagePrefix: 'sproutcore.local.storage.',
+
+    // ..........................................................
+    // QUERY SUPPORT
+    //
+
+    fetch: function(store, query) {
+      var recordType = query.get('recordType');
+      var key = this._keyForRecordType(recordType);
+      var data = localStorage.getItem(key);
+
+      if (data) {
+        data = JSON.parse(data);
+      } else {
+        data = {};
+      }
+
+      data.__guid = data.__guid || 0;
+
+      var dataByRecordType = this.get('dataByRecordType') || {};
+      dataByRecordType[key] = data;
+
+      this.set('dataByRecordType', dataByRecordType);
+
+      var records = [];
+      for (key in data) {
+        if (data.hasOwnProperty(key) && key !== '__guid') {
+          records.push(data[key]);
+        }
+      }
+
+      store.loadRecords(recordType, records);
+      return true; // return true if you handled the query
+    },
+
+    _keyForRecordType: function(recordType) {
+      var recordTypeKey = recordType.localStorageKey;
+      return this.get('storagePrefix')+recordTypeKey;
+    },
+
+    // ..........................................................
+    // RECORD SUPPORT
+    //
+
+    retrieveRecord: function(store, storeKey, guid) {
+      var recordType = store.recordTypeFor(storeKey);
+      var data = this._dataForRecordType(recordType);
+
+      store.dataSourceDidComplete(storeKey, data[guid]);
+
+      return true; // return true if you handled the storeKey
+    },
+
+    createRecord: function(store, storeKey) {
+      var guid = store.idFor(storeKey);
+      var recordType = store.recordTypeFor(storeKey);
+      var data = store.readDataHash(storeKey);
+
+      if (guid === undefined || guid === null) {
+        guid = this._generateGuid(recordType);
+      }
+
+      this._writeRecord(data, recordType, guid);
+      this._writeDataToLocalStorage(recordType);
+
+      store.dataSourceDidComplete(storeKey, null, guid);
+
+      return true; // return true if you handled the storeKey
+    },
+
+    updateRecord: function(store, storeKey) {
+      var guid = store.idFor(storeKey);
+      var recordType = store.recordTypeFor(storeKey);
+      var data = store.readDataHash(storeKey);
+
+      this._writeRecord(data, recordType, guid);
+      this._writeDataToLocalStorage(recordType);
+
+      store.dataSourceDidComplete(storeKey, null, guid);
+      return true; // return true if you handled the storeKey
+    },
+
+    _writeRecord: function(hash, recordType, guid) {
+      var data = this._dataForRecordType(recordType);
+      var primaryKey = recordType.prototype.primaryKey;
+
+
+      data[guid] = hash;
+      hash[primaryKey] = guid;
+    },
+
+    destroyRecord: function(store, storeKey) {
+      var guid = store.idFor(storeKey);
+      var recordType = store.recordTypeFor(storeKey);
+      var data = this._dataForRecordType(recordType);
+
+      delete data[guid];
+
+      this._writeDataToLocalStorage(recordType);
+
+      store.dataSourceDidDestroy(storeKey);
+
+      return true; // return true if you handled the storeKey
+    },
+
+    _writeDataToLocalStorage: function(recordType) {
+      var dataByRecordType = this.get('dataByRecordType');
+      var key = this._keyForRecordType(recordType);
+
+      localStorage[key] = JSON.stringify(dataByRecordType[key]);
+    },
+
+    _dataForRecordType: function(recordType) {
+      var key = this._keyForRecordType(recordType);
+      var dataByRecordType = this.get('dataByRecordType');
+
+      return dataByRecordType[key];
+    },
+
+    _generateGuid: function(recordType) {
+      var data = this._dataForRecordType(recordType);
+
+      return ++data.__guid;
+    }
+  }) ;
+})();

data/vendor/assets/javascripts/bricks/paginated_array.js

@@ -0,0 +1,63 @@
+// ==========================================================================
+// Project:   SproutCore Bricks
+// Copyright: ©2011 Paul Chavard
+// Author :   Paul Chavard
+//
+// paginated_array.js
+// ==========================================================================
+SB = this.SB || {};
+
+SB.PaginatedArray = SC.ArrayProxy.extend({
+  content: [],
+
+  limit: 100,
+  offset: 0,
+  total: 0,
+
+  isLoading: false,
+  didRequireRange: SC.K,
+
+  reset: function() {
+    this.set('offset', 0);
+    this.set('total', 0);
+    this.set('content', []);
+    this._didRequireRange(this.limit, 0);
+  },
+
+  reload: function() {
+    this._didRequireRange(this.limit, this.offset);
+  },
+
+  _didRequireRange: function(limit, offset) {
+    this.set('isLoading', true);
+    this.didRequireRange(limit, offset);
+  },
+
+  rangeDidLoaded: function(total, content) {
+    this.set('total', total);
+    this.set('content', content);
+    this.set('isLoading', false);
+  },
+
+  nextPage: function() {
+    if (this.get('hasNextPage')) {
+      this.incrementProperty('offset');
+      this._didRequireRange(this.limit, this.offset);
+    }
+  },
+
+  previousPage: function() {
+    if (this.get('hasPreviousPage')) {
+      this.decrementProperty('offset');
+      this._didRequireRange(this.limit, this.offset);
+    }
+  },
+
+  hasNextPage: function() {
+    return (this.offset+1)*this.limit < this.total;
+  }.property('offset', 'limit', 'total').cacheable(),
+
+  hasPreviousPage: function() {
+    return this.offset > 0;
+  }.property('offset').cacheable()
+});

data/vendor/assets/javascripts/bricks/pagination_button.js

@@ -0,0 +1,22 @@
+// ==========================================================================
+// Project:   SproutCore Bricks
+// Copyright: ©2011 Paul Chavard
+// Author :   Paul Chavard
+//
+// pagination_buton.js
+// ==========================================================================
+SB = this.SB || {};
+
+SB.PreviousButton = JUI.Button.extend({
+  label: "Previous",
+  action: 'previousPage',
+  isVisibleBinding: 'targetObject.hasPreviousPage',
+  disabledBinding: 'targetObject.isLoading'
+});
+
+SB.NextButton = JUI.Button.extend({
+  label: "Next",
+  action: 'nextPage',
+  isVisibleBinding: 'targetObject.hasNextPage',
+  disabledBinding: 'targetObject.isLoading'
+});

data/vendor/assets/javascripts/bricks/pane_view.js

@@ -0,0 +1,53 @@
+// ==========================================================================
+// Project:   SproutCore Bricks
+// Copyright: ©2011 Paul Chavard
+// Author :   Paul Chavard
+//
+// pane_view.js
+// ==========================================================================
+SB = this.SB || {};
+
+SB.PaneView = SC.View.extend(SB.ToggleViewSupport, {
+  templateNamePrefix: null,
+  rootElement: '[role="application"]',
+  classNames: ['pane'],
+  classNameBindings: ['paneClassName'],
+
+  templateName: function() {
+    var prefix = this.get('templateNamePrefix');
+    if (prefix) {
+      return prefix + '_' + this.get('name');
+    }
+    return this.get('name');
+  }.property('templateNamePrefix', 'name').cacheable(),
+
+  paneClassName: function() {
+    return this.get('name') + '-pane';
+  }.property('name').cacheable(),
+
+  append: function() {
+    var currentPane = SB.PaneView.currentPane;
+    if (currentPane && currentPane.state === 'inDOM') {
+      currentPane.hide();
+    }
+    if (this.state === 'inDOM') {
+      this.show();
+    } else {
+      this.appendTo(this.get('rootElement')); 
+    }
+    SB.PaneView.currentPane = this;
+  }
+});
+
+SC.Application.reopen({
+  paneViewClass: SB.PaneView,
+
+  createPanes: function(panes) {
+    var paneViewClass = this.get('paneViewClass');
+    (panes || []).forEach(function(paneName) {
+      this["%@PaneView".fmt(paneName)] = paneViewClass.create({
+        name: paneName.toLowerCase()
+      });
+    }, this);
+  }
+});

data/vendor/assets/javascripts/bricks/rest_data_source.js

@@ -0,0 +1,119 @@
+// ==========================================================================
+// Project:   SproutCore Bricks
+// Copyright: ©2011 Paul Chavard
+// Author :   Paul Chavard
+//
+// rest_data_source.js
+// ==========================================================================
+SB = this.SB || {};
+
+SB.RestDataSource = SC.DataSource.extend({
+
+  storagePrefix: null,
+
+  resourceURL: function(recordType, store, storeKey) {
+    var id, resourceName = recordType.resourceName,
+        prefix = this.get('storagePrefix');
+    if (!resourceName) {
+      throw SC.Error.create("You have to define resourceName on %@ ...".fmt(recordType));
+    }
+    if (storeKey) {
+      id = store.idFor(storeKey); 
+    }
+    if (prefix) {
+      resourceName = '%@/%@'.fmt(prefix, resourceName);
+    }
+    if (id) {
+      return '/%@/%@'.fmt(resourceName, id);
+    }
+    return '/%@'.fmt(resourceName);
+  },
+
+  // fetch
+
+  fetch: function(store, query) {
+    var url = this.resourceURL(query.get('recordType'), store);
+    SC.Request.getUrl(url).json()
+      .notify(this, 'fetchDidComplete', store, query)
+      .send();
+    return true;
+  },
+
+  fetchDidComplete: function(response, store, query) {
+    if (SC.ok(response)) {
+      var data = response.get('body');
+      store.loadRecords(query.get('recordType'), data);
+      store.dataSourceDidFetchQuery(query);
+    } else {
+      store.dataSourceDidErrorQuery(query, response);
+    }
+  },
+
+  // retrieve
+
+  retrieveRecord: function(store, storeKey, id) {
+    var url = this.resourceURL(store.recordTypeFor(storeKey), store, storeKey);
+    SC.Request.getUrl(url).json()
+      .notify(this, 'retrieveRecordDidComplete', store, storeKey)
+      .send();
+    return true;
+  },
+
+  retrieveRecordDidComplete: function(response, store, storeKey) {
+    if (SC.ok(response)) {
+      var data = response.get('body');
+      store.dataSourceDidComplete(storeKey, data);
+    } else {
+      store.dataSourceDidError(storeKey, response);
+    }
+  },
+
+  // create / update
+
+  createRecord: function(store, storeKey) {
+    return this._createOrUpdateRecord(store, storeKey);
+  },
+
+  updateRecord: function(store, storeKey) {
+    return this._createOrUpdateRecord(store, storeKey, true);
+  },
+
+  _createOrUpdateRecord: function(store, storeKey, update) {
+    var url = this.resourceURL(store.recordTypeFor(storeKey), store, storeKey);
+    SC.Request[update ? 'putUrl' : 'postUrl'](url).json()
+      .notify(this, 'writeRecordDidComplete', store, storeKey)
+      .send(store.readDataHash(storeKey));
+    return true;
+  },
+
+  writeRecordDidComplete: function(response, store, storeKey) {
+    if (SC.ok(response)) {
+      var data = response.get('body');
+      if (store.idFor(storeKey)) {
+        store.dataSourceDidComplete(storeKey, data);
+      } else {
+        store.dataSourceDidComplete(storeKey, data, data.id);
+      }
+    } else {
+      store.dataSourceDidError(storeKey, response);
+    }
+  },
+
+  // destroy
+
+  destroyRecord: function(store, storeKey) {
+    var url = this.resourceURL(store.recordTypeFor(storeKey), store, storeKey);
+    SC.Request.deleteUrl(url).json()
+      .notify(this, 'destroyRecordDidComplete', store, storeKey)
+      .send();
+    return true;
+  },
+
+  destroyRecordDidComplete: function(response, store, storeKey) {
+    if (SC.ok(response)) {
+      store.dataSourceDidDestroy(storeKey);
+    } else {
+      store.dataSourceDidError(storeKey, response);
+    }
+  }
+});

data/vendor/assets/javascripts/bricks/toggle_view.js

@@ -0,0 +1,28 @@
+// ==========================================================================
+// Project:   SproutCore Bricks
+// Copyright: ©2011 Paul Chavard
+// Author :   Paul Chavard
+//
+// toggle_view.js
+// ==========================================================================
+SB = this.SB || {};
+
+SB.ToggleViewSupport = SC.Mixin.create({
+  toggleMethod: 'toggle',
+
+  _isVisibleDidChange: function() {
+    var method = this.$()[this.get('toggleMethod')];
+    if (!method) { method = 'toggle'; }
+    method.call(this.$(), this.get('isVisible'));
+  }.observes('isVisible'),
+
+  show: function() {
+    this.set('isVisible', true);
+  },
+  hide: function() {
+    this.set('isVisible', false);
+  },
+  toggle: function() {
+    this.toggleProperty('isVisible');
+  }
+});

data/vendor/assets/javascripts/sproutcore-jui.js

@@ -257,7 +257,7 @@ var get = SC.get;
 */
 JUI.Button = SC.Button.extend(JUI.Widget, {
   uiType: 'button',
-  uiOptions: ['label', '_icons'],
+  uiOptions: ['label'],
 
   isActiveBinding: SC.Binding.oneWay('.disabled'),
 

metadata

@@ -2,7 +2,7 @@
 name: rasputin
 version: !ruby/object:Gem::Version 
   prerelease: 
-  version: 0.6.1
+  version: 0.7.0
 platform: ruby
 authors: 
 - Paul Chavard
@@ -65,13 +65,21 @@ files:
 - lib/rasputin/handlebars_template.rb
 - lib/rasputin/version.rb
 - rasputin.gemspec
+- vendor/assets/javascripts/bricks/current_user.js
+- vendor/assets/javascripts/bricks/images_error.js
+- vendor/assets/javascripts/bricks/layout_manager.js
+- vendor/assets/javascripts/bricks/local_storage_data_source.js
+- vendor/assets/javascripts/bricks/paginated_array.js
+- vendor/assets/javascripts/bricks/pagination_button.js
+- vendor/assets/javascripts/bricks/pane_view.js
+- vendor/assets/javascripts/bricks/rest_data_source.js
+- vendor/assets/javascripts/bricks/toggle_view.js
 - vendor/assets/javascripts/jquery-ui.js
 - vendor/assets/javascripts/sproutcore-ajax.js
 - vendor/assets/javascripts/sproutcore-datastore.js
 - vendor/assets/javascripts/sproutcore-i18n.js
 - vendor/assets/javascripts/sproutcore-jui.js
 - vendor/assets/javascripts/sproutcore-statechart.js
-- vendor/assets/javascripts/sproutcore-throbber.js
 - vendor/assets/javascripts/sproutcore.js
 - vendor/assets/stylesheets/aristo.css
 - vendor/assets/stylesheets/jquery-ui.css

data/vendor/assets/javascripts/sproutcore-throbber.js

@@ -1,258 +0,0 @@
-
-(function(exports) {
-/*!
- * jQuery UI Throbber
- *
- * Copyright (c) 2011 Paul Chavard
- * Licensed under the MIT license
- *
- * Author: Paul Chavard [paul at chavard dot net]
- * Version: 0.5.0
- *
- * Credits: Felix Gnass [fgnass at neteye dot de]
- *
- */
-
-(function($, undefined) {
-
-$.widget('ui.throbber', {
-  options: {
-    segments: 12,
-    space: 3,
-    length: 7,
-    width: 4,
-    speed: 1.2,
-    align: 'center',
-    valign: 'center',
-    padding: 4,
-    autoStart: false,
-    outside: true
-  },
-
-  _create: function() {
-    this.options = $.extend({color: this.element.css('color')}, this.options);
-    this._prepare();
-    if (this.options.autoStart) {
-      this._activate();
-    }
-  },
-
-  _setOption: function(key, value) {
-    this.options[key] = value;
-
-    if (key === 'disabled') {
-      if (this.throbber) {
-        clearInterval(this.interval);
-        this.throbber.remove();
-      }
-      if (value === false) {
-        this._activate();
-      }
-    }
-
-    return this;
-  },
-
-  _activate: function() {
-    var options = this.options;
-    this.throbber = this._render().css('position', 'absolute').prependTo(options.outside ? 'body' : this.element);
-    var h = this.element.outerHeight() - this.throbber.height();
-    var w = this.element.outerWidth() - this.throbber.width();
-    var margin = {
-      top: options.valign == 'top' ? options.padding : options.valign == 'bottom' ? h - options.padding : Math.floor(h / 2),
-      left: options.align == 'left' ? options.padding : options.align == 'right' ? w - options.padding : Math.floor(w / 2)
-    };
-    var offset = this.element.offset();
-    if (options.outside) {
-      this.throbber.css({top: offset.top + 'px', left: offset.left + 'px'});
-    } else {
-      margin.top -= this.throbber.offset().top - offset.top;
-      margin.left -= this.throbber.offset().left - offset.left;
-    }
-    this.throbber.css({marginTop: margin.top + 'px', marginLeft: margin.left + 'px'});
-    this._animate(options.segments, Math.round(10 / options.speed) / 10);
-  },
-
-  _prepare: function() {
-    if ($.ui.throbber.renderMethod) {
-      this.renderMethod = $.ui.throbber.renderMethod;
-      this.animateMethod = $.ui.throbber.animateMethod;
-      return;
-    }
-    if (document.createElementNS && document.createElementNS( "http://www.w3.org/2000/svg", "svg").createSVGRect) {
-      $.ui.throbber.renderMethod = 'SVG';
-      if (document.createElement('div').style.WebkitAnimationName !== undefined) {
-        $.ui.throbber.animateMethod = 'CSS';
-      } else {
-        $.ui.throbber.animateMethod = 'SVG';
-      }
-    } else if (this._prepareVML()) {
-      $.ui.throbber.renderMethod = $.ui.throbber.animateMethod = 'VML';
-    } else {
-      $.ui.throbber.renderMethod = $.ui.throbber.animateMethod = 'DOM';
-    }
-    this.renderMethod = $.ui.throbber.renderMethod;
-    this.animateMethod = $.ui.throbber.animateMethod;
-  },
-
-  _prepareVML: function() {
-    var s = $('<shape>').css('behavior', 'url(#default#VML)');
-    var ok = false;
-    $('body').append(s);
-    if (s.get(0).adj) {
-      // VML support detected. Insert CSS rules for group, shape and stroke.
-      var sheet = document.createStyleSheet();
-      $.each(['group', 'shape', 'stroke'], function() {
-        sheet.addRule(this, "behavior:url(#default#VML);");
-      });
-      ok = true;
-    }
-    $(s).remove();
-    return ok;
-  },
-
-  _getOpacity: function(i) {
-    var steps = this.options.steps || this.options.segments-1;
-    var end = this.options.opacity !== undefined ? this.options.opacity : 1/steps;
-    return 1 - Math.min(i, steps) * (1 - end) / steps;
-  },
-
-  _render: function() {
-    return this['_render'+this.renderMethod]();
-  },
-
-  _renderDOM: function() {
-    return $('<div>').addClass('ui-throbber');
-  },
-
-  _renderSVG: function() {
-    var o = this.options;
-    var innerRadius = o.width*2 + o.space;
-    var r = (innerRadius + o.length + Math.ceil(o.width / 2) + 1);
-      
-    var el = svg().width(r*2).height(r*2);
-      
-    var g = svg('g', {
-      'stroke-width': o.width, 
-      'stroke-linecap': 'round', 
-      stroke: o.color
-    }).appendTo(svg('g', {transform: 'translate('+ r +','+ r +')'}).appendTo(el));
-      
-    for (var i = 0; i < o.segments; i++) {
-      g.append(svg('line', {
-        x1: 0, 
-        y1: innerRadius, 
-        x2: 0, 
-        y2: innerRadius + o.length, 
-        transform: 'rotate(' + (360 / o.segments * i) + ', 0, 0)',
-        opacity: this._getOpacity(i)
-      }));
-    }
-    return $('<div>').append(el).width(2*r).height(2*r);
-  },
-
-  _renderVML: function() {
-    var o = this.options;
-    var innerRadius = o.width*2 + o.space;
-    var r = (innerRadius + o.length + Math.ceil(o.width / 2) + 1);
-    var s = r*2;
-    var c = -Math.ceil(s/2);
-        
-    var el = $('<group>', {coordsize: s + ' ' + s, coordorigin: c + ' ' + c}).css({top: c, left: c, width: s, height: s});
-    for (var i = 0; i < o.segments; i++) {
-      el.append($('<shape>', {path: 'm ' + innerRadius + ',0  l ' + (innerRadius + o.length) + ',0'}).css({
-        width: s,
-        height: s,
-        rotation: (360 / o.segments * i) + 'deg'
-      }).append($('<stroke>', {color: o.color, weight: o.width + 'px', endcap: 'round', opacity: this._getOpacity(i)})));
-    }
-    return $('<group>', {coordsize: s + ' ' + s}).css({width: s, height: s, overflow: 'hidden'}).append(el);
-  },
-
-  _animate: function(steps, duration) {
-    this['_animate'+this.animateMethod](steps, duration);
-  },
-
-  _animateCSS: function(steps, duration) {
-    if (!animations[steps]) {
-      var name = 'spin' + steps;
-      var rule = '@-webkit-keyframes '+ name +' {';
-      for (var i=0; i < steps; i++) {
-        var p1 = Math.round(100000 / steps * i) / 1000;
-        var p2 = Math.round(100000 / steps * (i+1) - 1) / 1000;
-        var value = '% { -webkit-transform:rotate(' + Math.round(360 / steps * i) + 'deg); }\n';
-        rule += p1 + value + p2 + value; 
-      }
-      rule += '100% { -webkit-transform:rotate(100deg); }\n}';
-      document.styleSheets[0].insertRule(rule);
-      animations[steps] = name;
-    }
-    this.throbber.css('-webkit-animation', animations[steps] + ' ' + duration +'s linear infinite');
-  },
-
-  _animateSVG: function(steps, duration) {
-    var rotation = 0;
-    var g = this.throbber.find('g g').get(0);
-    this.interval = setInterval(function() {
-      g.setAttributeNS(null, 'transform', 'rotate(' + (++rotation % steps * (360 / steps)) + ')');
-    },  duration * 1000 / steps);
-  },
-
-  _animateVML: function(steps, duration) {
-    var rotation = 0;
-    var g = this.throbber.get(0);
-    this.interval = setInterval(function() {
-      g.style.rotation = ++rotation % steps * (360 / steps);
-    },  duration * 1000 / steps);
-  },
-
-  _animateDOM: function(steps, duration) {}
-
-});
-
-/**
- * Utility function to create elements in the SVG namespace.
- */
-function svg(tag, attr) {
-  var el = document.createElementNS("http://www.w3.org/2000/svg", tag || 'svg');
-  if (attr) {
-    $.each(attr, function(k, v) {
-      el.setAttributeNS(null, k, v);
-    });
-  }
-  return $(el);
-}
-
-var animations = {};
-
-})(jQuery);
-
-})({});
-
-
-(function(exports) {
-
-/*
- * JUI.Throbber 
- */
-
-JUI.Throbber = SC.View.extend(JUI.Widget, {
-  uiType: 'throbber',
-  uiOptions: ['segments', 'space', 'length', 'width',
-    'speed', 'align', 'valign', 'padding', 'autoStart', 'outside']
-});
-
-})({});
-
-
-(function(exports) {
-// ==========================================================================
-// Project:   SproutCore DataStore
-// Copyright: ©2006-2011 Strobe Inc. and contributors.
-//            Portions ©2008-2011 Apple Inc. All rights reserved.
-// License:   Licensed under MIT license (see license.js)
-// ==========================================================================
-
-
-
-})({});