sproutcore 1.7.1.beta → 1.8.0

data/lib/frameworks/sproutcore/frameworks/experimental/frameworks/split_view/views/split.js

@@ -152,7 +152,7 @@ SC.SplitView = SC.View.extend({
   //
   // RENDERING
   // Things like layoutDirection must be rendered as class names.
-  // We delegate to a render delegaate.
+  // We delegate to a render delegate.
   //
   displayProperties: ['layoutDirection'],
   renderDelegateName: 'splitRenderDelegate',
@@ -163,7 +163,7 @@ SC.SplitView = SC.View.extend({
   /**
    * @private
    * Returns either the width or the height of the SplitView's frame,
-   * depending on the value of layoutDiretion. If layoutDirection is
+   * depending on the value of layoutDirection. If layoutDirection is
    * SC.LAYOUT_HORIZONTAL, this will return the SplitView's width; otherwise,
    * the SplitView's height.
    *
@@ -179,12 +179,12 @@ SC.SplitView = SC.View.extend({
   }.property('frame', 'layoutDirection').cacheable(),
 
   viewDidResize: function(orig) {
-    this.invokeOnce('_scsv_tile');
+    this.scheduleTiling();
     orig();
   }.enhance(),
   
   layoutDirectionDidChange: function() {
-    this.invokeOnce('_scsv_tile');
+    this.scheduleTiling();
   }.observes('layoutDirection'),
   
   // 
@@ -193,7 +193,7 @@ SC.SplitView = SC.View.extend({
   /**
    * Attempts to adjust the position of a child view, such as a divider.
    * 
-   * The implementation for this may be overriden in the delegate method
+   * The implementation for this may be overridden in the delegate method
    * splitViewAdjustPositionForChild.
    *
    * You may use this method to automatically collapse the view by setting
@@ -303,7 +303,7 @@ SC.SplitView = SC.View.extend({
       
       // we initialize the size first thing in case the size is empty (fill)
       // if it is empty, the way we position the views would lead to inconsistent
-      // sizes. In addition, we will constrain all initial sizes so they'll be vali
+      // sizes. In addition, we will constrain all initial sizes so they'll be valid
       // when/if we auto-resize them.
       var size = this.invokeDelegateMethod(del, 'splitViewGetSizeForChild', this, child);
       size = this.invokeDelegateMethod(del, 'splitViewConstrainSizeForChild', this, child, size);
@@ -348,20 +348,38 @@ SC.SplitView = SC.View.extend({
     
     // finally, remove all dividers that we didn't keep
     for (dividerId in oldDividers) {
-      this.removeChild(oldDividers[dividerId]);
       oldDividers[dividerId].destroy();
     }
     
     this._scsv_dividers = newDividers;
     
-    // whenever the child views have changed and need setup, SplitView
-    // will need to lay out the children again.
-    this.invokeOnce('_scsv_tile');
+    // retile immediately. 
+    this._scsv_tile();
   },
   
   //
   // BASIC LAYOUT CODE
   //
+  
+  /**
+    Whether the SplitView needs to be re-laid out. You can change this by
+    calling scheduleTiling.
+  */
+  needsTiling: YES,
+  
+  /**
+    Schedules a retile of the SplitView.
+  */
+  scheduleTiling: function() {
+    this.set('needsTiling', YES);
+    this.invokeOnce('_scsv_tile');
+  },
+  
+  tileIfNeeded: function() {
+    if (!this.get('needsTiling')) return;
+    this._scsv_tile();
+  },
+  
   /**
    * @private
    * Tiling is the simpler of two layout paths. Tiling lays out all of the
@@ -404,6 +422,8 @@ SC.SplitView = SC.View.extend({
         this.adjust('height', size);
       }
     }
+    
+    this.set('needsTiling', NO);
   },
   
   /**
@@ -504,7 +524,7 @@ SC.SplitView = SC.View.extend({
             
       var isResizable = this.invokeDelegateMethod(del, 'splitViewShouldResizeChildToFit', this, child);
       if (isResizable === useResizable) {
-        // if outOfSize === -1 then we are agressively resizing (not resizing proportionally)
+        // if outOfSize === -1 then we are aggressively resizing (not resizing proportionally)
         if (outOfSize === -1) size += diff
         else size += (size / outOfSize) * diff;
         
@@ -888,7 +908,10 @@ SC.SplitView = SC.View.extend({
    * @returns Number
   */
   splitViewGetSizeForChild: function(splitView, child) {
-    return child.get('size') || 100;
+    var size = child.get('size');
+    if (SC.none(size)) return 100;
+    
+    return size;
   },
   
   /**

data/lib/frameworks/sproutcore/frameworks/formatters/README

@@ -0,0 +1,6 @@
+These are string formatters to be used with String#fmt.
+
+For example, you can use the date formatter like this:
+
+    "Date: %{myDate:mm}/%{myDate:dd}/%{myDate:yyyy}".fmt({ myDate: new Date(), myDateFormatter: SC.DateFormatter })
+

data/lib/frameworks/sproutcore/frameworks/formatters/english.lproj/strings.js

@@ -0,0 +1,174 @@
+SC.stringsFor('English', {
+  "SC.Date.Era.AD.Abbreviated": "AD",
+  "SC.Date.Era.AD.Full": "Anno Domini",
+  "SC.Date.Era.AD.Letter": "A",
+  
+  "SC.Date.Era.BC.Abbreviated": "BC",
+  "SC.Date.Era.BC.Full": "Before Christ",
+  "SC.Date.Era.BC.Letter": "B",
+  
+  "SC.Date.Quarter.Q1.Abbreviated": "Q1",
+  "SC.Date.Quarter.Q1.Full": "1st quarter",
+  "SC.Date.Quarter.StandAlone.Q1.Abbreviated": "Q1",
+  "SC.Date.Quarter.StandAlone.Q1.Full": "1st Quarter",
+  
+  "SC.Date.Quarter.Q2.Abbreviated": "Q2",
+  "SC.Date.Quarter.Q2.Full": "2nd quarter",
+  "SC.Date.Quarter.StandAlone.Q2.Abbreviated": "Q2",
+  "SC.Date.Quarter.StandAlone.Q2.Full": "2nd Quarter",
+  
+  "SC.Date.Quarter.Q3.Abbreviated": "Q3",
+  "SC.Date.Quarter.Q3.Full": "3rd quarter",
+  "SC.Date.Quarter.StandAlone.Q3.Abbreviated": "Q3",
+  "SC.Date.Quarter.StandAlone.Q3.Full": "3rd Quarter",
+  
+  "SC.Date.Quarter.Q4.Abbreviated": "Q4",
+  "SC.Date.Quarter.Q4.Full": "4th quarter",
+  "SC.Date.Quarter.StandAlone.Q4.Abbreviated": "Q4",
+  "SC.Date.Quarter.StandAlone.Q4.Full": "4th Quarter",
+
+
+
+
+  "SC.Date.Month.January.Abbreviated": "Jan",
+  "SC.Date.Month.January.Full": "January",
+  "SC.Date.Month.January.Letter": "J",
+  "SC.Date.Month.StandAlone.January.Abbreviated": "Jan",
+  "SC.Date.Month.StandAlone.January.Full": "January",
+  "SC.Date.Month.StandAlone.January.Letter": "J",
+  
+  "SC.Date.Month.February.Abbreviated": "Feb",
+  "SC.Date.Month.February.Full": "February",
+  "SC.Date.Month.February.Letter": "F",
+  "SC.Date.Month.StandAlone.February.Abbreviated": "Feb",
+  "SC.Date.Month.StandAlone.February.Full": "February",
+  "SC.Date.Month.StandAlone.February.Letter": "F",
+  
+  "SC.Date.Month.March.Abbreviated": "Mar",
+  "SC.Date.Month.March.Full": "March",
+  "SC.Date.Month.March.Letter": "M",
+  "SC.Date.Month.StandAlone.March.Abbreviated": "Mar",
+  "SC.Date.Month.StandAlone.March.Full": "March",
+  "SC.Date.Month.StandAlone.March.Letter": "M",
+  
+  "SC.Date.Month.April.Abbreviated": "Apr",
+  "SC.Date.Month.April.Full": "April",
+  "SC.Date.Month.April.Letter": "A",
+  "SC.Date.Month.StandAlone.April.Abbreviated": "Apr",
+  "SC.Date.Month.StandAlone.April.Full": "April",
+  "SC.Date.Month.StandAlone.April.Letter": "A",
+  
+  "SC.Date.Month.May.Abbreviated": "May",
+  "SC.Date.Month.May.Full": "May",
+  "SC.Date.Month.May.Letter": "M",
+  "SC.Date.Month.StandAlone.May.Abbreviated": "May",
+  "SC.Date.Month.StandAlone.May.Full": "May",
+  "SC.Date.Month.StandAlone.May.Letter": "M",
+  
+  "SC.Date.Month.June.Abbreviated": "Jun",
+  "SC.Date.Month.June.Full": "June",
+  "SC.Date.Month.June.Letter": "J",
+  "SC.Date.Month.StandAlone.June.Abbreviated": "Jun",
+  "SC.Date.Month.StandAlone.June.Full": "June",
+  "SC.Date.Month.StandAlone.June.Letter": "J",
+  
+  "SC.Date.Month.July.Abbreviated": "Jul",
+  "SC.Date.Month.July.Full": "July",
+  "SC.Date.Month.July.Letter": "J",
+  "SC.Date.Month.StandAlone.July.Abbreviated": "Jul",
+  "SC.Date.Month.StandAlone.July.Full": "July",
+  "SC.Date.Month.StandAlone.July.Letter": "J",
+  
+  "SC.Date.Month.August.Abbreviated": "Aug",
+  "SC.Date.Month.August.Full": "August",
+  "SC.Date.Month.August.Letter": "A",
+  "SC.Date.Month.StandAlone.August.Abbreviated": "Aug",
+  "SC.Date.Month.StandAlone.August.Full": "August",
+  "SC.Date.Month.StandAlone.August.Letter": "A",
+  
+  "SC.Date.Month.September.Abbreviated": "Sep",
+  "SC.Date.Month.September.Full": "September",
+  "SC.Date.Month.September.Letter": "S",
+  "SC.Date.Month.StandAlone.September.Abbreviated": "Sep",
+  "SC.Date.Month.StandAlone.September.Full": "September",
+  "SC.Date.Month.StandAlone.September.Letter": "S",
+  
+  "SC.Date.Month.October.Abbreviated": "Oct",
+  "SC.Date.Month.October.Full": "October",
+  "SC.Date.Month.October.Letter": "O",
+  "SC.Date.Month.StandAlone.October.Abbreviated": "Oct",
+  "SC.Date.Month.StandAlone.October.Full": "October",
+  "SC.Date.Month.StandAlone.October.Letter": "O",
+  
+  "SC.Date.Month.November.Abbreviated": "Nov",
+  "SC.Date.Month.November.Full": "November",
+  "SC.Date.Month.November.Letter": "N",
+  "SC.Date.Month.StandAlone.November.Abbreviated": "Nov",
+  "SC.Date.Month.StandAlone.November.Full": "November",
+  "SC.Date.Month.StandAlone.November.Letter": "N",
+  
+  "SC.Date.Month.December.Abbreviated": "Dec",
+  "SC.Date.Month.December.Full": "December",
+  "SC.Date.Month.December.Letter": "D",
+  "SC.Date.Month.StandAlone.December.Abbreviated": "Dec",
+  "SC.Date.Month.StandAlone.December.Full": "December",
+  "SC.Date.Month.StandAlone.December.Letter": "D",
+  
+  
+  
+  "SC.Date.Day.Monday.Abbreviated": "Mon",
+  "SC.Date.Day.Monday.Full": "Monday",
+  "SC.Date.Day.Monday.Letter": "M",
+  "SC.Date.Day.StandAlone.Monday.Abbreviated": "Mon",
+  "SC.Date.Day.StandAlone.Monday.Full": "Monday",
+  "SC.Date.Day.StandAlone.Monday.Letter": "M",
+  
+  "SC.Date.Day.Tuesday.Abbreviated": "Tue",
+  "SC.Date.Day.Tuesday.Full": "Tuesday",
+  "SC.Date.Day.Tuesday.Letter": "T",
+  "SC.Date.Day.StandAlone.Tuesday.Abbreviated": "Tue",
+  "SC.Date.Day.StandAlone.Tuesday.Full": "Tuesday",
+  "SC.Date.Day.StandAlone.Tuesday.Letter": "T",
+  
+  "SC.Date.Day.Wednesday.Abbreviated": "Wed",
+  "SC.Date.Day.Wednesday.Full": "Wednesday",
+  "SC.Date.Day.Wednesday.Letter": "W",
+  "SC.Date.Day.StandAlone.Wednesday.Abbreviated": "Wed",
+  "SC.Date.Day.StandAlone.Wednesday.Full": "Wednesday",
+  "SC.Date.Day.StandAlone.Wednesday.Letter": "W",
+  
+  "SC.Date.Day.Thursday.Abbreviated": "Thu",
+  "SC.Date.Day.Thursday.Full": "Thursday",
+  "SC.Date.Day.Thursday.Letter": "R",
+  "SC.Date.Day.StandAlone.Thursday.Abbreviated": "Thu",
+  "SC.Date.Day.StandAlone.Thursday.Full": "Thursday",
+  "SC.Date.Day.StandAlone.Thursday.Letter": "R",
+  
+  "SC.Date.Day.Friday.Abbreviated": "Fri",
+  "SC.Date.Day.Friday.Full": "Friday",
+  "SC.Date.Day.Friday.Letter": "F",
+  "SC.Date.Day.StandAlone.Friday.Abbreviated": "Fri",
+  "SC.Date.Day.StandAlone.Friday.Full": "Friday",
+  "SC.Date.Day.StandAlone.Friday.Letter": "F",
+  
+  "SC.Date.Day.Saturday.Abbreviated": "Sat",
+  "SC.Date.Day.Saturday.Full": "Saturday",
+  "SC.Date.Day.Saturday.Letter": "S",
+  "SC.Date.Day.StandAlone.Saturday.Abbreviated": "Sat",
+  "SC.Date.Day.StandAlone.Saturday.Full": "Saturday",
+  "SC.Date.Day.StandAlone.Saturday.Letter": "S",
+  
+  "SC.Date.Day.Sunday.Abbreviated": "Sun",
+  "SC.Date.Day.Sunday.Full": "Sunday",
+  "SC.Date.Day.Sunday.Letter": "S",
+  "SC.Date.Day.StandAlone.Sunday.Abbreviated": "Sun",
+  "SC.Date.Day.StandAlone.Sunday.Full": "Sunday",
+  "SC.Date.Day.StandAlone.Sunday.Letter": "S",
+  
+  
+  
+  "SC.Date.Period.AM": "AM",
+  "SC.Date.Period.PM": "PM"
+  
+  
+});

data/lib/frameworks/sproutcore/frameworks/formatters/formatters/date_formatter.js

@@ -0,0 +1,351 @@
+/**
+  SC.DateFormatter is used with String.fmt to format dates with a format
+  string. For example:
+
+      "My date: %{date:yyyy} %{date:MM} %{date:dd}".fmt(myDate, SC.DateFormatter)
+
+  You can use almost any of the Unicode Technical Standard #35 (draft 10)
+  formatting strings.  See:
+
+    http://unicode.org/reports/tr35/tr35-10.html#Date_Format_Patterns
+
+  Note that you can only put one (yyyy, MM, dd) per token, but you can put as
+  many tokens as you'd like.
+
+*/
+SC.DateFormatter = function(date, f) {
+  if (!date) {
+    throw "No date passed to date formatter.";
+  } else if (!date.getFullYear) {
+    throw "Object passed to date formatter was not a date!";
+  }
+  
+  // f is expected to be a character, potentially repeated.
+  // What we do is figure out what letter, and how many times it is repeated.
+  // we also sanity-check.
+  if (!f) {
+    throw "No formatting string passed to date formatter. Date: " + date;
+  }
+  
+  var len = f.length, first = f[0], idx;
+  for (idx = 1; idx < len; idx++) {
+    if (f[idx] !== first) {
+      throw "Invalid format string for a date; all characters must be the same: " + f + "; date: " + date;
+    }
+  }
+  
+  var formatter = SC.DateFormatter[first];
+  if (!formatter) {
+    throw "No formatter `" + first + "` exists for date: " + date;
+  }
+  
+  return formatter(date, len);
+};
+
+//
+// Era
+//
+SC.DateFormatter.G = function(date, count) {
+  var era = "SC.Date.Era.";
+  era += date.getFullYear() >= 0 ? "AD" : "BC";
+  
+  if (count <= 3) {
+    // Abbreviated era (AD, BC, etc.)
+    return (era + ".Abbreviated").loc();
+  } else if (count === 4) {
+    return (era + ".Full").loc();
+  } else if (count === 5) {
+    return (era + ".Letter").loc();
+  } else {
+    throw "Invalid era format: expected at most 5 digits; found " + count + ".";
+  }
+};
+
+//
+// Year
+//
+SC.DateFormatter.y = function(date, count) {
+  // this is expected to be the year not accounting for AD/BC.
+  // JavaScript stores it as a negative for BC years, so we need to
+  // do a Math.abs()
+  var year = Math.abs(date.getFullYear()).toString();
+  while (year.length < count) { year = '0' + year; }
+  year = year.substr(year.length - count);
+  return year;
+};
+
+// We only support gregorian calendars, so YYYY would mean the same as yyyy
+SC.DateFormatter.Y = function(date, count) {
+  return SC.DateFormatter.y(date, count);
+};
+
+// u just doesn't do Math.abs
+SC.DateFormatter.u = function(date, count) {
+  var lt0 = date.getFullYear() < 0;
+  var year = Math.abs(date.getFullYear()).toString();
+  
+  while (year.length < count) { year = '0' + year; }
+  year = year.substr(year.length - count);
+  
+  return (lt0 ? "-" : "") + year;
+};
+
+//
+// Quarter
+//
+// I am not overly sure what "standAlone" is, but I think it may be for those
+// cases where the month is "standalone" and therefore should be capitalized,
+// and such...
+SC.DateFormatter.Q = function(date, count, isStandAlone) {
+  var month = date.getMonth(),
+      quarter = Math.floor(month / 3) + 1,
+      quarterName = "SC.Date.Quarter." + (isStandAlone ? "StandAlone." : "") + 
+        "Q" + quarter;
+  
+  if (count === 1) {
+    return "" + quarter;
+  } else if (count === 2) {
+    return "0" + quarter;
+  } else if (count === 3) {
+    return (quarterName + ".Abbreviated").loc();
+  } else if (count == 4) {
+    return (quarterName + ".Full").loc();
+  } else {
+    throw "Unrecognized number of characters for quarter: " + count;
+  }
+};
+
+SC.DateFormatter.q = function(date, count) {
+  return SC.DateFormatter.Q(date, count, YES);
+};
+
+//
+// Month
+//
+
+// It is a bit easier to translate an english month name to another language
+// than to translate a number like 0, 1, 2, etc.--especially because you have
+// no idea, as a translator: are we beginning at 0, or at 1?
+SC.DateFormatter.ENGLISH_MONTH_NAMES = [
+  "January", "February", "March", 
+  "April", "May", "June",
+  "July", "August", "September",
+  "October", "November", "December"
+];
+
+SC.DateFormatter.M = function(date, count, isStandAlone) {
+  
+  var month = date.getMonth(),
+      monthString = "" + (month + 1),
+      monthName = "SC.Date.Month." + (isStandAlone ? "StandAlone." : "") + 
+        SC.DateFormatter.ENGLISH_MONTH_NAMES[month];
+  
+  if (count === 1) {
+    return monthString;
+  } else if (count === 2) {
+    if (monthString.length < 2) monthString = "0" + monthString;
+    return monthString;
+  } else if (count === 3) {
+    return (monthName + ".Abbreviated").loc();
+  } else if (count === 4) {
+    return (monthName + ".Full").loc();
+  } else if (count === 5) {
+    return (monthName + ".Letter").loc();
+  } else {
+    throw "The number of Ms or Ls must be from 1 to 5. Supplied: " + count;
+  }
+};
+
+SC.DateFormatter.L = function(date, count) {
+  return SC.DateFormatter.M(date, count, YES);
+};
+
+// OMITTED: l; used only with Chinese calendar.
+SC.DateFormatter.l = function() { throw "`l` date formatter not implemented."; };
+
+//
+// Omitted for now: Week Number
+//
+SC.DateFormatter.w = function(date, count) {
+  throw "Week number currently not supported for date formatting.";
+};
+
+SC.DateFormatter.W = function(date, count) {
+  throw "Week number currently not supported for date formatting.";
+};
+
+//
+// Day
+//
+SC.DateFormatter.d = function(date, count) {
+  // day of month
+  var dayString = "" + date.getDate();
+  if (count > dayString.length) dayString = "0" + dayString;
+  return dayString;
+};
+
+SC.DateFormatter.D = function(date, count) {
+  // day of year
+  var firstDayOfYear = new Date(date.getFullYear(), 0, 1),
+      timestamp = firstDayOfYear.getTime(),
+      diff = date.getTime() - timestamp,
+      days = Math.floor(diff / (24 * 60 * 60 * 1000)) + 1;
+  
+  days = "" + days;
+  while (days.length < count) days = "0" + days;
+  return days;
+};
+
+SC.DateFormatter.F = function(date, count) {
+  // day of week in month; for instance, 2 if it is the second wednesday in the month.
+  throw "Day of week in month (F) is not supported in date formatting";
+};
+
+SC.DateFormatter.g = function(date, count) {
+  // Julian day, modified: should be based on local timezone,
+  // and, more than that, local timezone midnight (not noon)
+  throw "Julian day not supported in date formatting.";
+};
+
+//
+// Week Day
+//
+
+// See discussion of using a mapping to english names for months...
+SC.DateFormatter.ENGLISH_DAY_NAMES = [
+  // JavaScript starts week on Sunday
+  "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"
+];
+
+
+SC.DateFormatter.E = function(date, count) {
+  // E is like e, except that it doesn't ever create a day-of-week number,
+  // and therefore, if the count is less than three, it should be coerced
+  // up to three, because it means the same thing (short day)
+  if (count < 3) count = 3;
+  return SC.DateFormatter.e(date, count);
+};
+
+SC.DateFormatter.e = function(date, count, isStandAlone) {
+  var day = date.getDay(),
+      dayString = "" + (day + 1),
+      dayName = "SC.Date.Day." + (isStandAlone ? "StandAlone." : "") +
+        SC.DateFormatter.ENGLISH_DAY_NAMES[day];
+  
+  if (count === 1) {
+    return dayString;
+  } else if (count === 2) {
+    dayString = "0" + dayString;
+    return dayString;
+  } else if (count === 3) {
+    return (dayName + ".Abbreviated").loc();
+  } else if (count === 4) {
+    return (dayName + ".Full").loc();
+  } else if (count === 5) {
+    return (dayName + ".Letter").loc();
+  } else {
+    throw "Unrecognized number of `e`s, `c`s, or `E`s in date format string.";
+  }
+};
+
+SC.DateFormatter.c = function(date, count) {
+  return SC.DateFormatter.e(date, count, YES);
+};
+
+
+
+//
+// Period
+//
+SC.DateFormatter.a = function(date, count) {
+  if (count !== 1) {
+    throw "`a` can only be included in a date format string once.";
+  }
+  
+  var name = "SC.Date.Period." + (date.getHours() > 11 ? "PM" : "AM");
+  return name.loc();
+};
+
+//
+// Hour
+//
+// upper-case: 0-based. WEIRD PART: upper-case H and lower-case k are
+// 24 hour. WTF? This makes NO SENSE AT ALL!
+SC.DateFormatter._h = function(date, count, is24, base) {
+  var hour = date.getHours();
+  if (!is24) hour = hour % 12;
+  if (base) {
+    if (!is24) {
+      // if hour is 0, then we need to make it 12.
+      if (hour === 0) hour = 12;
+    } else {
+      // if hour is 0, hour needs to be 24
+      if (hour === 0) hour = 24;
+    }
+  }
+  
+  var hourStr = "" + hour;
+  if (hourStr.length < count) hourStr = "0" + hourStr;
+  
+  return hourStr;
+};
+
+SC.DateFormatter.h = function(date, count) {
+  return SC.DateFormatter._h(date, count, NO, 1);
+};
+
+SC.DateFormatter.H = function(date, count) {
+  return SC.DateFormatter._h(date, count, YES, 0);
+};
+
+SC.DateFormatter.K = function(date, count) {
+  return SC.DateFormatter._h(date, count, NO, 0);
+};
+
+SC.DateFormatter.k = function(date, count) {
+  return SC.DateFormatter._h(date, count, YES, 1);
+};
+
+//
+// Minute
+//
+SC.DateFormatter.m = function(date, count) {
+  var str = "" + date.getMinutes();
+  if (str.length < count) str = "0" + str;
+  return str;
+};
+
+SC.DateFormatter.s = function(date, count) {
+  var str = "" + date.getSeconds();
+  if (str.length < count) str = "0" + str;
+  return str;
+};
+
+SC.DateFormatter.S = function(date, count) {
+  var fraction = date.getMilliseconds() / 1000.0,
+      mult = Math.pow(10, count);
+  
+  fraction = Math.round(fraction * mult);
+  fraction = "" + fraction;
+  
+  while(fraction.length < count) fraction="0" + fraction;
+  return fraction;
+};
+
+SC.DateFormatter.A = function(date, count) {
+  // ms in day...
+  var timestamp = new Date(date.getFullYear(), date.getMonth(), date.getDay()).getTime();
+  var res = date.getTime() - timestamp;
+  res = "" + res;
+  while (res.length < count) res = "0" + res;
+  return res;
+};
+
+SC.DateFormatter.z = 
+SC.DateFormatter.Z = 
+SC.DateFormatter.v = 
+SC.DateFormatter.V = function(date, count) {
+  throw "Timezone not supported in date format strings.";
+};
+
+