sproutit-sproutcore 1.0.0.20090416161445 → 1.0.0.20090720093355

data/frameworks/sproutcore/frameworks/foundation/english.lproj/debug/control-test-pane.css

@@ -1,6 +1,7 @@
 .sc-view.sc-control-test-pane {
   border: 1px #888 solid ;
   overflow-y: auto;
+  background: white;
 }
 
 .sc-view.sc-control-test-pane .sc-view.wrapper {

data/frameworks/sproutcore/frameworks/foundation/english.lproj/label.css

@@ -0,0 +1,30 @@
+/* SC.LabelView */
+
+.sc-label-view.sc-large-size {
+	font-size: 18px;
+	line-height: 24px;
+}
+
+.sc-label-view.sc-regular-size {
+	font-size: 12px;
+	line-height: 19px;
+}
+
+.sc-label-view.sc-small-size {
+	font-size: 11px;
+	line-height: 14px;
+}
+
+.sc-label-view.sc-tiny-size {
+	font-size: 9px;
+	line-height: 12px;
+}
+
+.sc-label-view.disabled {
+	color: #999;
+}
+
+.sc-label-view img.icon {
+	position: relative;
+	vertical-align: middle;
+}

data/frameworks/sproutcore/frameworks/foundation/english.lproj/strings.js

@@ -0,0 +1,15 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
+//            Portions ©2008-2009 Apple, Inc. All rights reserved.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+
+sc_require('system/locale');
+
+SC.stringsFor('English', {
+  '_SC.DateTime.dayNames': 'Sunday Monday Tuesday Wednesday Thursday Friday Saturday',
+  '_SC.DateTime.abbreviatedDayNames': 'Sun Mon Tue Wed Thu Fri Sat',
+  '_SC.DateTime.monthNames': 'January February March April May June July August September October November December',
+  '_SC.DateTime.abbreviatedMonthNames': 'Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec'
+}) ;

data/frameworks/sproutcore/frameworks/{desktop → foundation}/english.lproj/text_field.css

@@ -1,12 +1,28 @@
 /* Common SC.TextFieldView styles - needed to work properly */
 
+.sc-view .sc-text-field-view{
+	overflow: visible;
+	z-index:100;
+}
+
 .sc-text-field-view input {
 	position:  absolute;
+	top: -2px;
+	left: -2px;
 	width: 100%;
 	height: 100%;
   padding: 0px;
-  margin: 0px;
-	font-size: 13px;
+}
+
+.sc-text-field-view textarea {
+	position:  absolute;
+	top: -2px;
+	left: -2px;
+  width: 100%;
+	height: 100%;
+  padding: 0px;
+  overflow: auto;
+  font-family: "Lucida Grande","Lucida Sans",Verdana,Arial,sans-serif;
 }
 
 .sc-text-field-view .sc-hint {
@@ -18,7 +34,7 @@
 	bottom: 0;
 	padding: 3px;
 	color: #aaa ;
-	font-size: 13px;
+	font-size: 12px;
 
 }
 

data/frameworks/sproutcore/frameworks/foundation/english.lproj/view.css

@@ -36,5 +36,10 @@
 }
 
 .sc-view.hidden {
-  display: none;
+  display: none !important;
+}
+
+/* This className is useful when aligning buttons to the right */
+.sc-view.textAlignRight {
+  text-align:right;
 }

data/frameworks/sproutcore/frameworks/foundation/license.js

@@ -0,0 +1,19 @@
+/*! @license
+
+Portions of this software are copyright Yahoo, Inc, used under the following license:
+
+Software License Agreement (BSD License)
+Copyright (c) 2009, Yahoo! Inc.
+All rights reserved.
+Redistribution and use of this software in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
+
+Redistributions of source code must retain the above copyright notice, this list of conditions and the
+following disclaimer.
+Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
+Neither the name of Yahoo! Inc. nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission of Yahoo! Inc.
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+Sources of Intellectual Property Included in the YUI Library
+Where not otherwise indicated, all YUI content is authored by Yahoo! engineers and consists of Yahoo!-owned intellectual property. YUI is issued by Yahoo! under the BSD license above. In some specific instances, YUI will incorporate work done by developers outside of Yahoo! with their express permission.
+
+*/

data/frameworks/sproutcore/frameworks/foundation/mixins/button.js

@@ -129,10 +129,10 @@ SC.Button = {
   */
   renderTitle: function(context, firstTime) {
     var icon = this.get('icon') ;
-    var image = null ;
+    var image = '' ;
     var title = this.get('displayTitle') ;
     var needsTitle = (!SC.none(title) && title.length>0);
-
+    var elem;
     // get the icon.  If there is an icon, then get the image and update it.
     // if there is no image element yet, create it and insert it just before
     // title.
@@ -148,7 +148,15 @@ SC.Button = {
       needsTitle = YES ;
     }
     
-    if (needsTitle) context.begin('label').addClass('sc-button-label').push(image, title).end();
+    elem = this.$('label');
+    if (!firstTime && elem[0]){
+      if(needsTitle) { elem[0].innerHTML = image + title; }
+      else { this.$()[0].innerHTML = ''; } 
+    } else {
+      if(needsTitle) { 
+        context.begin('label').addClass('sc-button-label').push(image, title).end();   
+      }
+    }
     return context ;
   },
 
@@ -160,17 +168,17 @@ SC.Button = {
     var del = this.get('displayDelegate');
     var content = this.get('content'), value ;
 
-    var valueKey = this.getDelegateProperty(del, 'contentValueKey') ;
+    var valueKey = this.getDelegateProperty('contentValueKey', del) ;
     if (valueKey && (key === valueKey || key === '*')) {
       this.set('value', content ? content.get(valueKey) : null) ;
     }
 
-    var titleKey = this.getDelegateProperty(del, 'contentTitleKey') ;
+    var titleKey = this.getDelegateProperty('contentTitleKey', del) ;
     if (titleKey && (key === titleKey || key === '*')) {
       this.set('title', content ? content.get(titleKey) : null) ;
     }
 
-    var iconKey = this.getDelegateProperty(del, 'contentIconKey');
+    var iconKey = this.getDelegateProperty('contentIconKey', del);
     if (iconKey && (key === iconKey || key === '*')) {
       this.set('icon', content ? content.get(iconKey) : null) ;
     }
@@ -204,7 +212,7 @@ SC.Button = {
       // tree)
       return this.triggerAction(evt);
     }
-    return YES;
+    return NO; // did not handle it; keep searching
   },
 
   /**

data/frameworks/sproutcore/frameworks/foundation/mixins/collection_content.js

@@ -0,0 +1,171 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
+//            Portions ©2008-2009 Apple, Inc. All rights reserved.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================
+
+
+/**
+  Used for contentIndexDisclosureState().  Indicates open branch node.
+*/
+SC.BRANCH_OPEN = 0x0011;
+
+/**
+  Used for contentIndexDisclosureState().  Indicates closed branch node.
+*/
+SC.BRANCH_CLOSED = 0x0012;
+
+/**
+  Used for contentIndexDisclosureState().  Indicates leaf node.
+*/
+SC.LEAF_NODE = 0x0020;
+
+/**
+  @namespace
+
+  This mixin provides standard methods used by a CollectionView to provide
+  additional meta-data about content in a collection view such as selection
+  or enabled state.
+  
+  You can apply this mixin to a class that you set as a delegate or to the
+  object you set as content.  SC.ArrayControllers automatically implement
+  this mixin.
+  
+  @since SproutCore 1.0
+*/
+SC.CollectionContent = {
+
+  /**
+    Used to detect the mixin by SC.CollectionView
+  */
+  isCollectionContent: YES,
+  
+  /**
+    Return YES if the content index should be selected.  Default behavior 
+    looks at the selection property on the view.
+    
+    @param {SC.CollectionView} view the collection view
+    @param {SC.Array} content the content object
+    @param {Number} idx the content index
+    @returns {Boolean} YES, NO, or SC.MIXED_STATE
+  */
+  contentIndexIsSelected: function(view, content, idx) {
+    var sel = view.get('selection');
+    return sel ? sel.contains(content, idx) : NO ;
+  },
+  
+  /**
+    Returns YES if the content index should be enabled.  Default looks at the
+    isEnabled state of the collection view.
+    looks at the selection property on the view.
+    
+    @param {SC.CollectionView} view the collection view
+    @param {SC.Array} content the content object
+    @param {Number} idx the content index
+    @returns {Boolean} YES, NO, or SC.MIXED_STATE
+  */
+  contentIndexIsEnabled: function(view, content, idx) {
+    return view.get('isEnabled');
+  },
+  
+  // ..........................................................
+  // GROUPING
+  // 
+  
+  /**
+    Optionally return an index set containing the indexes that may be group
+    views.  For each group view, the delegate will actually be asked to 
+    confirm the view is a group using the contentIndexIsGroup() method.
+    
+    If grouping is not enabled, return null.
+    
+    @param {SC.CollectionView} view the calling view
+    @param {SC.Array} content the content object
+    @return {SC.IndexSet} 
+  */
+  contentGroupIndexes: function(view, content) {
+    return null;
+  },
+  
+  /**
+    Returns YES if the item at the specified content index should be rendered
+    using the groupExampleView instead of the regular exampleView.  Note that
+    a group view is different from a branch/leaf view.  Group views often 
+    appear with different layout and a different look and feel.
+
+    Default always returns NO.
+    
+    @param {SC.CollectionView} view the collection view
+    @param {SC.Array} content the content object
+    @param {Number} idx the content index
+    @returns {Boolean} YES, NO, or SC.MIXED_STATE
+  */
+  contentIndexIsGroup: function(view, content, idx) {
+    return NO ;
+  },
+  
+  // ..........................................................
+  // OUTLINE VIEWS
+  // 
+  
+  /**
+    Returns the outline level for the item at the specified index.  Can be 
+    used to display hierarchical lists.
+    
+    Default always returns -1 (no outline).
+    
+    @param {SC.CollectionView} view the collection view
+    @param {SC.Array} content the content object
+    @param {Number} idx the content index
+    @returns {Boolean} YES, NO, or SC.MIXED_STATE
+  */
+  contentIndexOutlineLevel: function(view, content, idx) {
+    return -1;
+  },
+  
+  /**
+    Returns a constant indicating the disclosure state of the item.  Must be
+    one of SC.BRANCH_OPEN, SC.BRANCH_CLOSED, SC.LEAF_NODE.  If you return one
+    of the BRANCH options then the item may be rendered with a disclosure 
+    triangle open or closed.  If you return SC.LEAF_NODe then the item will 
+    be rendered as a leaf node.  
+
+    Default returns SC.LEAF_NODE.
+    
+    @param {SC.CollectionView} view the collection view
+    @param {SC.Array} content the content object
+    @param {Number} idx the content index
+    @returns {Boolean} YES, NO, or SC.MIXED_STATE
+  */
+  contentIndexDisclosureState: function(view, content, idx) {
+    return SC.LEAF_NODE;    
+  },
+  
+  /**
+    Called to expand a content index item if it is currently in a closed 
+    disclosure state.  The default implementation does nothing.
+    
+    @param {SC.CollectionView} view the collection view
+    @param {SC.Array} content the content object
+    @param {Number} idx the content index
+    @returns {void}
+  */
+  contentIndexExpand: function(view, content, idx) {
+    console.log('contentIndexExpand(%@, %@, %@)'.fmt(view,content,idx));
+  },
+  
+  /**
+    Called to collapse a content index item if it is currently in an open 
+    disclosure state.  The default implementation does nothing.  
+    
+    @param {SC.CollectionView} view the collection view
+    @param {SC.Array} content the content object
+    @param {Number} idx the content index
+    @returns {void}
+  */
+  contentIndexCollapse: function(view, content, idx) {
+    console.log('contentIndexCollapse(%@, %@, %@)'.fmt(view,content,idx));
+  }
+    
+};

data/frameworks/sproutcore/frameworks/foundation/mixins/control.js

@@ -5,6 +5,8 @@
 // License:   Licened under MIT license (see license.js)
 // ==========================================================================
 
+sc_require('mixins/string');
+
 /** Indicates a value has a mixed state of both on and off. */
 SC.MIXED_STATE = '__MIXED__' ;
 
@@ -195,7 +197,7 @@ SC.Control = {
     // get actual content key
     contentKey = this[contentKey] ?
       this.get(contentKey) :
-      this.getDelegateProperty(this.displayDelegate, contentKey) ;
+      this.getDelegateProperty(contentKey, this.displayDelegate) ;
     
     if (contentKey && (all || key === contentKey)) {
       var v = (content) ?
@@ -222,7 +224,7 @@ SC.Control = {
   updateContentWithValueObserver: function() {
     var key = this.contentValueKey ?
       this.get('contentValueKey') :
-      this.getDelegateProperty(this.displayDelegate, 'contentValueKey') ;
+      this.getDelegateProperty('contentValueKey', this.displayDelegate) ;
     
     var content = this.get('content') ;
     if (!key || !content) return ; // do nothing if disabled
@@ -291,7 +293,7 @@ SC.Control = {
   */
   controlSize: SC.REGULAR_CONTROL_SIZE,
   
-  displayProperties: 'isEnabled isSelected isFirstResponder isActive'.w(),
+  displayProperties: 'isEnabled isSelected isActive controlSize'.w(),
   
   /** @private */
   _CONTROL_TMP_CLASSNAMES: {},
@@ -308,8 +310,6 @@ SC.Control = {
     var names = this._CONTROL_TMP_CLASSNAMES ; // temporary object
     names.mixed = sel === SC.MIXED_STATE;
     names.sel = sel && (sel !== SC.MIXED_STATE) ;
-    names.disabled = disabled ;
-    names.focus = this.get('isFirstResponder') ;
     names.active = this.get('isActive') ;
     context.setClass(names).addClass(this.get('controlSize'));
     

data/frameworks/sproutcore/frameworks/foundation/mixins/inline_text_field.js

@@ -0,0 +1,462 @@
+// ========================================================================
+// SproutCore
+// copyright 2006-2008 Sprout Systems, Inc.
+// ========================================================================
+
+
+require('views/text_field') ;
+
+/**
+  @class
+  
+  The inline text editor is used to display an editable area for controls 
+  that are not always editable such as label views and source list views.
+  
+  You generally will not use the inline editor directly but instead will
+  invoke beginEditing() and endEditing() on the views yous are 
+  editing. If you would like to use the inline editor for your own views, 
+  you can do that also by using the editing API described here.
+  
+  h2. Using the Inline Editor in Your Own Views
+
+  If you need to use the inline editor with custom views you have written,
+  you will need to work with the class methods to begin, commit, and discard
+  editing changes.
+  
+  h3. Starting the Editor
+  
+  The inline editor works by positioning itself over the top of your view 
+  with the same offset, width, and font information.  As the user types, the
+  field will automatically resize vertically to make room for the user's text.
+  
+  To activate the inline editor you must call beginEdition() with at least 
+  the target view you want the editor to position itself on top of:
+  
+  {{{
+    SC.InlineTextFieldView.beginEditing({
+      target: view, validator: validator
+    }) ;
+  }}}
+
+  You can pass a variety of options to this method to configure the inline
+  editor behavior, including:
+
+  - *frame* The editors initial frame in viewport coordinates (REQ)
+  - *exampleElement* A DOM element to use when copying styles.
+  - *delegate* Optional delegate to receive update notices.  If not passed, the target view will be treated as the delegate. (REQ)
+  - *value* The initial value of the edit field.  If not passed, the value property of the target view will be used instead.
+  - *multiline* If YES then the hitting return will add to the value instead of exiting the inline editor.
+  - *selectedRange* The range of text that should be selected.  If omitted, then the insertion point will be placed at the end of the value.
+  - *commitOnBlur* If YES then bluring will commit the value, otherwise it will discard the current value.  Defaults to YES.
+  - *validator* Optional validator will be attached to the field.
+  
+  If the inline editor is currently in use elsewhere, it will automatically
+  close itself over there and begin editing for your view instead.  The 
+  editor expects your source view to implement the InlineTextFieldViewDelegate
+  protocol.
+
+  h2. Commiting or Discarding Changes
+  
+  Normally the editor will automatically commit or discard its changes 
+  whenever the user exits the edit mode.  If you need to force the editor to
+  end editing, you can do so by calling commitEditing() or discardEditing():
+  
+  {{{
+    SC.InlineTextFieldView.commitEditing();
+    SC.InlineTextFieldView.discardEditing();
+  }}}
+  
+  Both methods will try to end the editing context and will call the 
+  relevent delegate methods on the delegate you passed to beginEditing().
+  
+  Note that it is possible an editor may not be able to commit editing 
+  changes because either the delegate disallowed it or because its validator
+  failed.  In this case commitEditing() will return NO.  If you want to
+  end editing anyway, you can discard the editing changes instead by calling
+  discardEditing().  This method will generally suceed unless your delegate
+  refuses it as well.
+  
+  @extends SC.View
+  @extends SC.DelegateSupport
+  @extends SC.InlineEditorDelegate
+  @since SproutCore 1.0
+*/
+SC.InlineTextFieldView = SC.TextFieldView.extend(SC.DelegateSupport, SC.InlineEditorDelegate,
+/** @scope SC.InlineTextFieldView.prototype */ {
+
+  /**
+    Invoked by the class method to begin editing on an inline editor.
+    
+    You generally should call the class method beginEditing() instead of
+    this one since it will make sure to create and use the shared editor
+    instance.
+
+    @params options {Hash} hash of options for editing
+    @returns {Boolean} YES if editor began editing, NO if it failed.
+  */
+  beginEditing: function(options) {
+    var layout={}, pane;
+    // end existing editing if necessary
+    this.beginPropertyChanges();
+    if (this.get('isEditing') && !this.blurEditor()) {
+      this.endPropertyChanges();  return NO ;
+    }
+
+    this._optframe = options.frame ;
+    this._optIsCollection = options.isCollection;
+    this._exampleElement = options.exampleElement ;
+    this._delegate = options.delegate ;
+
+    if (!this._optframe || !this._delegate) {
+      throw "At least frame and delegate options are required for inline editor";
+    }
+    
+    this._originalValue = options.value || '' ;
+    this._multiline = (options.multiline !== undefined) ? options.multiline : NO ;
+    this._commitOnBlur =  (options.commitOnBlur !== undefined) ? options.commitOnBlur : YES ;
+
+    // set field values
+    this.set('validator', options.validator) ;
+    this.set('value', this._originalValue) ;
+    //this.set('selectedRange', options.selectedRange || { start: this._originalValue.length, length: 0 }) ;
+
+    this.set('isEditing', YES) ;
+    
+    // add to window.
+    
+    pane = this._delegate.pane();
+    
+    layout.height = this._optframe.height;
+    layout.width=this._optframe.width;
+    if(this._optIsCollection && this._delegate.get('layout').left){
+      layout.left=this._optframe.x-this._delegate.get('layout').left;
+    }else{
+      layout.left=this._optframe.x;
+    }
+    layout.left=this._optframe.x;
+    if(this._optIsCollection && this._delegate.get('layout').top){
+      layout.top=this._optframe.y-this._delegate.get('layout').top;
+    }else{
+      layout.top=this._optframe.y;  
+    }
+
+    this.set('layout', layout);
+  
+    this.set('parentNode', pane);
+    // get style for view.
+   
+    pane.appendChild(this);
+    
+    SC.RunLoop.begin().end();
+    
+    
+    var del = this._delegate ;
+
+    this._className = this.getDelegateProperty(del,"inlineEditorClassName");
+    if(this._className && !this.hasClassName(this._className)) {
+        this.setClassName(this._className,true);
+      }
+    
+    this.invokeDelegateMethod(del, 'inlineEditorWillBeginEditing', this) ;
+    // this.resizeToFit(this.getFieldValue()) ;
+
+    // allow notifications to go
+    this.endPropertyChanges() ;
+    
+    // and become first responder
+    this.becomeFirstResponder() ;
+
+    this.invokeDelegateMethod(del, 'inlineEditorDidBeginEditing', this) ;
+  },
+  
+  
+  /**
+    Tries to commit the current value of the field and end editing.  
+    
+    Do not use this method, use the class method instead.
+  */
+  commitEditing: function() {
+    // try to validate field.  If it fails, return false.  
+    if (!SC.$ok(this.validateSubmit())) return NO ;
+    return this._endEditing(this.get('value')) ;
+  },
+  
+  /**
+    Tries to discard the current value of the field and end editing.
+    
+    Do not use this method, use the class method instead.
+  */
+  discardEditing: function() {
+    return this._endEditing(this._originalValue) ;
+  },
+  
+  /**
+    Invoked whenever the editor loses (or should lose) first responder 
+    status to commit or discard editing.
+  */
+  blurEditor: function() {
+    if (!this.get('isEditing')) return YES ;
+    return this._commitOnBlur ? this.commitEditing() : this.discardEditing();  
+  },
+  
+  /** @private
+    Called by commitEditing and discardEditing to actually end editing.
+
+    @returns {Boolean} NO if editing did not exit
+  */
+  _endEditing: function(finalValue) {
+    if (!this.get('isEditing')) return YES ;
+    
+    // get permission from the delegate.
+    var del = this._delegate ;
+    if (!this.invokeDelegateMethod(del, 'inlineEditorShouldEndEditing', this, finalValue)) return NO ; 
+
+    // OK, we are allowed to end editing.  Notify delegate of final value
+    // and clean up.
+    this.invokeDelegateMethod(del, 'inlineEditorDidEndEditing', this, finalValue) ;
+
+    // If the delegate set a class name, let's clean it up:
+    if(this._className) this.setClassName(this._className, false);
+    
+    // cleanup cached values
+    this._originalValue = this._delegate = this._exampleElement =  this._optframe = this._className = null ;
+    this.set('isEditing', NO) ;
+
+    // resign first responder if not done already.  This may call us in a 
+    // loop but since isEditing is already NO, nothing will happen.
+    if (this.get('isFirstResponder')) this.resignFirstResponder();
+    if (this.get('parentNode')) this.removeFromParent() ;  
+    
+    return YES ;
+  },
+  
+  /**
+    YES if the editor is currently visible and editing.
+  
+    @type {Boolean}
+  */
+  isEditing: NO,
+  
+  /**
+    Collects the appropriate style information from the targetView to 
+    make the inline editor appear similar.
+  */
+  
+  
+  /**
+    Resizes the visible textarea to fix the actual text in the text area.
+    
+    This method works by keeping a div positioned immediately beneath the 
+    text area with an opacity of 0 that contains the same text as the 
+    input text field itself.  This is then used to calculate the required 
+    size for the text area.
+  */
+  resizeToFit: function(newValue)
+  {
+    
+    // TODO: make this function work for 1.0
+  
+  
+    // var sizer  = this.outlet('sizer');
+    //     var field  = this.outlet('field');
+    //     
+    //     // XSS attack waiting to happen... escape the form input;
+    //     var text = (newValue || '').escapeHTML();
+    // 
+    //     // convert the textarea's newlines into something comparable for the sizer 
+    //     // div appending a space to give a line with no text a visible height.
+    //     text = text.replace((/ {2}/g), "&nbsp; ").replace(/\n/g, "<br />&nbsp;");
+    //     
+    //     // get the text size
+    //     sizer.set('innerHTML', text || "&nbsp;");
+    //     sizer.recacheFrames() ;
+    //     var h = sizer.get('frame').height;
+    //     this.set('frame', { height: h }) ;
+  },
+  
+  mouseDown: function(e) {
+    arguments.callee.base.call(this, e) ;
+    return this.get('isEditing');
+  },
+  
+  
+  keyDown: function(evt) {
+    var ret = this.interpretKeyEvents(evt) ;
+    if(!ret) this.fieldValueDidChange(true);
+    return !ret ? NO : ret ;
+  },
+  
+  insertText: null,
+  
+  //keyUp: function() { return true; },
+
+  // [Safari] if you don't take key focus away from an element before you 
+  // remove it from the DOM key events are no longer sent to the browser.
+  willRemoveFromParent: function() {
+    this.$('input')[0].blur();
+  },
+  
+  // ask owner to end editing.
+  willLoseFirstResponder: function(responder) {
+    if (responder !== this) return;
+    
+    // should have been covered by willRemoveFromParent, but this was needed 
+    // too.
+    this.$('input')[0].blur();
+    return this.blurEditor() ;
+  },
+
+  // invoked when the user presses escape.  Returns true to ignore
+  // keystroke
+  cancel: function() { 
+    this.discardEditing(); 
+    return YES;
+  },
+  
+  // do it here instead of waiting on the binding to make sure the UI
+  // updates immediately.
+  fieldValueDidChange: function(partialChange) {
+    arguments.callee.base.call(this, partialChange) ;
+    //this.resizeToFit(this.getFieldValue()) ;
+  },
+  
+  // invoked when the user presses return.  If this is a multi-line field,
+  // then allow the newine to proceed.  Otherwise, try to commit the 
+  // edit.
+  insertNewline: function(evt) { 
+    if (this._multiline) {
+      return arguments.callee.base.call(this, evt) ;
+    } else {
+      // TODO : this is a work around. There is a bug where the 
+      // last character would get dropped 
+      // if the editing was completed by pressing return
+      // needs to be fixed
+      if (this.get('value') != this.$input().val()) {
+        this.set('value', this.$input().val());
+      }
+      
+      
+      this.commitEditing() ;
+      return YES ;
+    }
+  },
+  
+  // Tries to find the next key view when tabbing.  If the next view is 
+  // editable, begins editing.
+  
+  insertTab: function(evt)
+  {
+    var next = this.get("owner")._delegate.nextValidKeyView();
+    this.commitEditing() ;
+    if(next) next.beginEditing();
+    return YES ;
+  },
+
+  insertBacktab: function(evt)
+  {
+    var prev = this.get("owner")._delegate.previousValidKeyView();
+    this.commitEditing() ;
+    if(prev) prev.beginEditing();
+    return YES ;
+  }
+
+
+});
+
+
+SC.InlineTextFieldView.mixin(
+/** @static SC.InlineTextFieldView */ {
+  /** Call this method to make the inline editor begin editing for your view.
+      
+      If the inline editor is already being used for another value it will
+      try to dismiss itself from the other editor and attach itself to the
+      new view instead.  If this process fails for some reason (for example
+      if the other view did not allow the view to end editing) then this
+      method will return false.
+
+      You should pass a set of options that at least includes the target
+      view.  See class definition for options.
+      
+      @params options {Hash} hash of options for editing
+      @returns {Boolean} YES if editor began editing, NO if it failed.
+  */
+  beginEditing: function(options) {
+    this._exampleElement = options.exampleElement ;
+    var layout = options.delegate.get('layout');
+    var s = this.updateViewStyle();
+    
+    var str= ".inline-editor input{"+s+"} ";
+    str= str+".inline-editor textarea{"+s+"}";
+    var pa= document.getElementsByTagName('head')[0] ;
+    var el= document.createElement('style');
+    el.type= 'text/css';
+    el.media= 'screen';
+    if(el.styleSheet) el.styleSheet.cssText= str;// IE method
+    else el.appendChild(document.createTextNode(str));// others
+    pa.appendChild(el);
+    
+    this.editor = this.create({ classNames: 'inline-editor', layout: layout}) ;
+    return this.editor.beginEditing(options) ;
+    
+  },
+  
+  /** Save the current value of the inline editor and exit edit mode.
+  
+    If the inline editor is being used it will try to end the editing and
+    close.  If the inline editor could not end for some reason (for example
+    if the delegate did not allow the editing to end) then this method will
+    return NO.
+    
+    @returns {Boolean} YES if the inline editor ended or no edit was in 
+      progress.
+  */
+  commitEditing: function() {
+    return this.editor ? this.editor.commitEditing() : YES ;
+  },
+
+  /** Discard the current value of the inline editor and exit edit mode.
+  
+    If the inline editor is in use, this method will try to end the editing,
+    restoring the original value of the target view.  If the inline editor
+    could not end for some reason (for example if the delegate did not 
+    allow editing to end) then this method will return NO.
+    
+    @returns {Boolean} YES if the inline editor ended or no edit was in progress.
+  */
+  discardEditing: function() {
+    return this.editor ? this.editor.discardEditing() : YES ;  
+  },
+  
+  updateViewStyle: function() {
+    var el = this._exampleElement[0] ;   
+    var styles = '';
+    var s=SC.getStyle(el,'font-size');
+    if(s && s.length>0) styles = styles + "font-size: "+ s + "; ";
+    s=SC.getStyle(el,'font-family');
+    if(s && s.length>0) styles = styles + "font-family: " + s + "; ";
+    s=SC.getStyle(el,'font-weight');
+    if(s && s.length>0) styles = styles + "font-weight: " + s + "; ";
+    s=SC.getStyle(el,'z-index');
+    if(s && s.length>0) styles = styles + "z-index: " + s + "; ";
+    s=SC.getStyle(el,'padding-left');
+    if(s && s.length>0) styles = styles + "padding-left: " + s + "; ";
+    s=SC.getStyle(el,'padding-bottom');
+    if(s && s.length>0) styles = styles + "padding-bottom: " + s + "; ";
+    s=SC.getStyle(el,'line-height');
+    if(s && s.length>0) styles = styles + "line-height: " + s + "; ";
+    s=SC.getStyle(el,'text-align');
+    if(s && s.length>0) styles = styles + "text-align: " + s + "; ";
+    
+    return styles;
+  },
+
+  
+  /**
+    The current shared inline editor.  This property will often remain NULL
+    until you actually begin editing for the first time.
+    
+    @type {SC.InlineTextFieldView}
+  */
+  editor: null
+  
+}) ;