spade 0.0.1 → 0.0.2

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

@@ -1,214 +0,0 @@
-// ==========================================================================
-// Project:   SproutCore - JavaScript Application Framework
-// Copyright: ©2006-2011 Strobe Inc. and contributors.
-//            Portions ©2008-2010 Apple Inc. All rights reserved.
-// License:   Licensed under MIT license (see license.js)
-// ==========================================================================
-
-/**
-  You can mix in SC.Gesturable to your views to add some support for recognizing
-  gestures.
-  
-  SproutCore views have built-in touch events. However, sometimes you may want
-  to recognize gestures like tap, pinch, swipe, etc. This becomes tedious if you
-  need to do this often, and moreso if you need to check for multiple possible
-  gestures on the same view.
-  
-  SC.Gesturable allows you to define a collection of gestures (SC.Gesture objects)
-  that your view should recognize. When a gesture is recognized, methods will be
-  called on the view:
-  
-  - [gestureName](gesture, args...): called when the gesture has occurred. This is 
-    useful for event-style gestures, where you aren't interested in when it starts or
-    ends, but just that it has occurred. SC.SwipeGesture triggers this after the
-    swipe has moved a minimum amount—40px by default.
-
-  - [gestureName]Start(gesture, args...): called when the gesture is first recognized. 
-    For instance, a swipe gesture may be recognized after the finger has moved a 
-    minimum distance in a horizontal.
-    
-  - [gestureName]Changed(gesture, args...): called when some property of the gesture 
-    has changed. For instance, this may be called continuously as the user swipes as 
-    the swipe's distance changes.
-  
-  - [gestureName]Cancelled(gesture, args...): called when a gesture, for one reason 
-    or another, is no longer recognized. For instance, a horizontal swipe gesture 
-    could cancel if the user moves too far in a vertical direction.
-  
-  - [gestureName]End(gesture, args...): called when a gesture ends. A swipe would end
-    when the user lifts their finger.
-  
-  Each of these methods is passed the gesture instance, in addition to any arguments
-  the gesture sends for your convenience. The default swipe gesture sends an SC.Touch
-  instance, the swipe direction, and the distance the swipe has moved in that direction.
-  
-  Using SC.Gesturable
-  ------------------------
-  To make your view recognize gestures, mix in Gesturable and add items to the 'gestures'
-  property:
-  
-      SC.View.extend(SC.Gesturable, {
-        gestures: [SC.PinchGesture, 'mySwipeGesture'],
-        
-        // specifying as a string allows you to configure it:
-        mySwipeGesture: SC.SwipeGesture.extend({
-          direction: SC.SWIPE_VERTICAL,
-          startDistance: 3,
-          swipeDistance: 20
-        }),
-        
-        // handle the swipe action
-        swipe: function(touch, direction) {
-          console.error("Swiped! In direction: " + direction);
-        },
-        
-        swipeStart: function(touch, direction, delta) {
-          console.error("Swipe started in direction: " + direction + "; dist: " + delta);
-        },
-        
-        swipeChanged: function(touch, direction, delta) {
-          console.error("Swipe continued in direction: " + direction + "; dist: " + delta);
-        },
-        
-        swipeEnd: function(touch, direction, delta) {
-          console.error("Completed swipe in direction: " + direction + "; dist: " + delta);
-        }
-        
-      })
-  
-*/
-SC.Gesturable = {
-  concatenatedProperties: ["gestures"],
-  gestures: [],
-  
-  /**
-    @private
-    When SC.Gesturable initializes, any gestures on the view must be instantiated.
-  */
-  initMixin: function() {
-    this.createGestures();
-  },
-  
-  /**
-    @private
-    Instantiates the gestures.
-  */
-  createGestures: function() {
-    var gestures = this.get("gestures"), idx, len = gestures.length, g, _g = [];
-
-    // loop through all gestures
-    for (idx = 0; idx < len; idx++) {
-      // get the proper gesture
-      if (SC.typeOf(gestures[idx]) === SC.T_STRING) {
-        g = this.get(gestures[idx]);
-      } else {
-        g = gestures[idx];
-      }
-      
-      // if it was not found, well, that's an error.
-      if (!g) {
-        throw "Could not find gesture named '" + gestures[idx] + "' on view.";
-      }
-      
-      // if it is a class, instantiate (it really ought to be a class...)
-      if (g.isClass) {
-        g = g.create({
-          view: this
-        });
-      }
-      
-      // and set the gesture instance and add it to the array.
-      if (SC.typeOf(gestures[idx]) === SC.T_STRING) this[gestures[idx]] = g;
-      _g.push(g);
-    }
-    
-    this.set("gestures", _g);
-  },
-  
-  /**
-    Handles touch start by handing it to the gesture recognizing code.
-    
-    If you override touchStart, you will need to call gestureTouchStart to
-    give the gesture system control of the touch. You will continue to get
-    events until if and when a gesture decides to take "posession" of a touch—
-    at this point, you will get a [gestureName]Start event.
-    
-    You do not have to call gestureTouchStart immediately; you can call it
-    at any time. This allows you to avoid passing control until _after_ you
-    have determined your own touchStart, touchesDragged, and touchEnd methods
-    are not going to handle it.
-  */
-  touchStart: function(touch) {
-    this.gestureTouchStart(touch);
-  },
-  
-  /**
-    Tells the gesture recognizing code about touches moving.
-    
-    If you override touchesDragged, you will need to call gestureTouchesDragged
-    (at least for any touches you called gestureTouchStart for in touchStart) to 
-    allow the gesture system to update.
-  */
-  touchesDragged: function(evt, touches) {
-    this.gestureTouchesDragged(evt, touches);
-  },
-  
-  /**
-    Tells the gesture recognizing code about a touch ending.
-    
-    If you override touchEnd, you will need to call gestureTouchEnd
-    for any touches you called touchStart for.
-  */
-  touchEnd: function(touch) {
-    this.gestureTouchEnd(touch);
-  },
-  
-  /**
-    Tells the gesture recognizing system about a new touch.
-    
-    This informs all gestures that a new touch, "unassigned" to any gesture,
-    has been located. Later, each gesture has an opportunity to claim the touch.
-    
-    Once they have claimed the touch, further events will go _directly_ to them—
-    this view will cease receiving the touchesDragged and will not receive a touchEnd.
-  */
-  gestureTouchStart: function(touch) {
-    touch.isInteresting = 0;
-    
-    var gestures = this.get("gestures"), idx, len = gestures.length, g;
-    for (idx = 0; idx < len; idx++) {
-      g = gestures[idx];
-      g.unassignedTouchDidStart(touch);
-    }
-  },
-  
-  /**
-    Tells the gesture recognition system that some touches have moved.
-    
-    This informs all gestures that these touches have changed. All such touches
-    are "unassigned" because all "assigned" touches already get sent directly
-    to the gesture.
-  */
-  gestureTouchesDragged: function(evt, touches) {
-    var gestures = this.get("gestures"), idx, len = gestures.length, g;
-    for (idx = 0; idx < len; idx++) {
-      g = gestures[idx];
-      g.unassignedTouchesDidChange(evt, touches);
-    }
-  },
-  
-  /**
-    Tells the gesture recognition system that a touch have ended.
-    
-    This informs all of the gestures that the touch ended. The touch is
-    an unassigned touch as, if it were assigned to a gesture, it would have
-    been sent directly to the gesture, bypassing this view.
-  */
-  gestureTouchEnd: function(touch) {
-    var gestures = this.get("gestures"), idx, len = gestures.length, g;
-    for (idx = 0; idx < len; idx++) {
-      g = gestures[idx];
-      g.unassignedTouchDidEnd(touch);
-    }
-  }
-};

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

@@ -1,89 +0,0 @@
-// ==========================================================================
-// Project:   SproutCore - JavaScript Application Framework
-// Copyright: ©2006-2011 Strobe Inc. and contributors.
-//            Portions ©2008-2010 Apple Inc. All rights reserved.
-// License:   Licensed under MIT license (see license.js)
-// ==========================================================================
-
-/**
-  This mixin is used for views that show a seperate editor view to edit. If your view is itself editable, use SC.Editable.
-  
-  To use this, you must also implement an InlineEditorDelegate to manage the editor view and an InlineEditableDelegate to manage the result of editing. For simplicity these may all be implemented by your view itself, but for more complex views or editors they should be kept seperate.
-*/
-// TODO: ask juan if this should be combined with SC.Editable
-SC.InlineEditable = {
-  
-  editorDelegate: null,
-  /**
-    Enables editing using the inline editor.
-  */
-  isEditable: YES,
-
-  /**
-    YES if currently editing label view.
-  */
-  isEditing: NO,
-  
-  /**
-    Opens the inline text editor (closing it if it was already open for 
-    another view).
-    
-    @return {Boolean} YES if did begin editing
-  */
-  beginEditing: function() {
-    if(this.get('isEditing')) return YES;
-    
-    return this.invokeDelegateMethod(this.get('editorDelegate'), 'beginEditingFor', this, this.get('value'));
-  },
-  
-  /**
-    Cancels the current inline editor and then exits editor. 
-    
-    @return {Boolean} NO if the editor could not exit.
-  */
-  discardEditing: function() {
-    if (!this.get('isEditing')) return YES;
-    
-    return this.invokeDelegateMethod(this.get('editorDelegate'), 'discardEditingFor', this);
-  },
-  
-  /**
-    Commits current inline editor and then exits editor.
-    
-    @return {Boolean} NO if the editor could not exit
-  */
-  commitEditing: function() {
-    if (!this.get('isEditing')) return YES;
-    
-    return this.invokeDelegateMethod(this.get('editorDelegate'), 'commitEditingFor', this);
-  },
-  
-  /** @private
-    Set editing to true so edits will no longer be allowed.
-  */
-  inlineEditorWillBeginEditing: function(editor) {
-    this.set('isEditing', YES);
-  },
-
-  /** @private 
-    Hide the label view while the inline editor covers it.
-  */
-  inlineEditorDidBeginEditing: function(editor) {
-    return YES;
-  },
-  
-  // TODO: use validator
-  inlineEditorShouldCommitEditing: function(editor, finalValue) {
-    this.setIfChanged('value', finalValue) ;
-    return YES;
-  },
-  
-  /** @private
-    Update the field value and make it visible again.
-  */
-  inlineEditorDidEndEditing: function(editor, finalValue) {
-    this.inlineEditorShouldCommitEditing(editor, finalValue);
-    this.set('isEditing', NO) ;
-    return YES;
-  }
-};

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

@@ -1,139 +0,0 @@
-// ==========================================================================
-// Project:   SproutCore - JavaScript Application Framework
-// Copyright: ©2006-2011 Strobe Inc. and contributors.
-//            Portions ©2008-2010 Apple Inc. All rights reserved.
-// License:   Licensed under MIT license (see license.js)
-// ==========================================================================
-
-/**
-  This delegate controls the editing capability of a view. It allows you to customize when a view that uses it is allowed to begin and end editing, as well as the type of editor it uses.
-  
-  By default it edits an SC.LabelView using an SC.InlineTextFieldView.
-  
-  @since SproutCore 1.0
-*/
-SC.InlineEditorDelegate = {
-  // quack
-  isInlineEditorDelegate: YES,
-
-  /**
-    The exampleInlineTextFieldView property is by default a 
-    SC.InlineTextFieldView but it can be set to a customized inline text field
-    view.
-
-    @property
-    @type {SC.View}
-    @default {SC.InlineTextFieldView}
-  */
-  exampleInlineTextFieldView: SC.InlineTextFieldView,
-  
-  inlineEditorClassName: null,
-
-  /**
-    If you want the inline editor to be multiline set this property to YES.
-  
-    @type {Boolean}
-    @default {NO}
-  */
-  isInlineEditorMultiline: NO,
-
-  /**
-    Call to tell the delegate to begin editing the given view. Returns YES if it was able to begin editing.
-  
-    @param {SC.View} the view the user is trying to edit
-    @param {Object} the current value of the view
-    @returns {Boolean} YES if the view began editing
-  */
-  beginEditingFor: function(view, startingValue) {
-    if(!view.get('isEditable')) return NO;
-    if(view.get('isEditing')) return YES;
-    
-    var el = view.$(),
-        value = view.get('value') || '',
-        f = SC.viewportOffset(el[0]),
-        frameTemp = view.convertFrameFromView(view.get('frame'), null),
-        exampleEditor = this.get('exampleInlineTextFieldView');
-        f.width=frameTemp.width;
-        f.height=frameTemp.height;
-    
-    view.inlineEditorWillBeginEditing();
-    
-    exampleEditor.beginEditing({
-      pane: view.get('pane'),
-      frame: f,
-      layout: view.get('layout'),
-      exampleInlineTextFieldView: exampleEditor,
-      delegate: this,
-      inlineEditorClassName: this.get('inlineEditorClassName'),
-      exampleElement: el,
-      value: startingValue,
-      multiline: this.get('isInlineEditorMultiline'),
-      isCollection: NO
-    });
-    
-    exampleEditor.editor._target = view;
-  },
-
-  /**
-    The view the editor view should attach itself to as child. For example if you are editing a row of a formview inside a scrollview, you should attach to the scrollview's containerview or the formview's div, not the label itself. This way you will scroll with the target view but also be above it so editors can reuse views.
-  
-    @param {SC.View} the view attempting to begin editing
-    @returns {SC.View} the view that the editor should be a child of
-  */
-  parentViewForEditor: function(view) {
-    return view.get('parentView');
-  },
-
-  /**
-    Called to tell the editor associated with the given view that the user wants to end editing and save their changes.
-  
-    @param {SC.View} the view whose edit mode is being commited
-    @param {Object} the current value of the view
-    @returns {Boolean} YES if the editor was able to end and commit
-  */
-  commitEditingFor: function(view) {
-    if(!view.get('isEditing')) return NO;
-    
-    // TODO: figure out how a validator works without a form
-    return SC.InlineTextFieldView.commitEditing();
-  },
-  
-  /**
-    Called to tell the editor associated with the given view that the user wants to end editing and discard their changes.
-  
-    @param {SC.View} the view whose edit mode is ending
-    @param {Object} the current value of the view
-    @returns {Boolean} YES if the editor was able to end
-  */
-  discardEditingFor: function(view) {
-    if(!view.get('isEditing')) return NO;
-    
-    return SC.InlineTextFieldView.discardEditing();
-  },
-  
-  /*************
-    Calls from the editor to the view
-    These only have did, not will, because the delegate decides what to do with them.
-  *************/
-  // notify the view that its editor began editing
-  inlineEditorDidBeginEditing: function(editor) {
-    var view = editor._target;
-
-    return view.inlineEditorDidBeginEditing(editor);
-  },
-  
-  // returns true if the finalvalue is valid, false otherwise
-  // this is seperate function from inlineEditorDidCommitEditing because it could just be validiting without actually commiting, for example if a field validates as you type
-  inlineEditorShouldCommitEditing: function(editor, finalValue) {
-    var view = editor._target;
-    
-    return view.inlineEditorShouldCommitEditing(editor, finalValue);
-  },
-  
-  // ask the view if finalvalue is valid, and then commit it and cleanup the editor
-  inlineEditorDidEndEditing: function(editor, finalValue) {
-    var view = editor._target;
-    
-    return view.inlineEditorDidEndEditing(editor, finalValue);
-  }
-};

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

@@ -1,589 +0,0 @@
-// ========================================================================
-// SproutCore
-// copyright 2006-2011 Strobe Inc.
-// ========================================================================
-
-sc_require('views/text_field') ;
-sc_require('system/utils/misc') ;
-
-/**
-  @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 you 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)
-  - *delegate* Delegate to receive update notices. (REQ)
-  - *value* Initial value of the edit field.
-  - *exampleElement* A DOM element to use when copying styles.
-  - *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 blurring will commit the value, otherwise it will discard the current value.  Defaults to YES.
-  - *validator* Validator to 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. Committing 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 
-  relevant 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 succeed unless your delegate
-  refuses it as well.
-  
-  @extends SC.TextFieldView
-  @since SproutCore 1.0
-*/
-SC.InlineTextFieldView = SC.TextFieldView.extend(
-/** @scope SC.InlineTextFieldView.prototype */ {
-
-  /**
-    Over-write magic number from SC.TextFieldView
-  */
-  _topOffsetForFirefoxCursorFix: 0,
-
-  /**
-    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 {SC.InlineTextFieldView|Boolean} this if editor began editing, 
-      NO if it failed.
-  */
-  beginEditing: function(options) {
-
-    // options are required
-    //@if(debug)
-    if (!options) throw "InlineTextField.beginEditing() requires options";
-    //@end
-
-    // can't begin editing again if already editing
-    if (this.get('isEditing')) return NO ;
-    
-    var layout={}, pane, tarLayout, paneElem, del;
-
-    del = options.delegate ;
-    this.set('editorDelegate', del) ;
-    
-    this.beginPropertyChanges();
-    
-    this.set('isEditing', YES) ;
-    this.set('escapeHTML', options.escapeHTML) ;
-    
-    this._optframe = options.frame ;
-    this._optIsCollection = options.isCollection;
-    this._exampleElement = options.exampleElement ;
-
-    if (!this._optframe || !del) {
-      throw "At least frame and delegate options are required for inline editor";
-    }
-
-    this._originalValue = options.value;
-
-    if (SC.none(this._originalValue)){
-      this._originalValue = "";
-    }
-    this._multiline = (options.multiline !== undefined) ? options.multiline : NO ;
-    if (this._multiline) {
-      this.set('isTextArea', YES);
-    } else {
-      this.set('isTextArea', 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 }) ;
-
-    // add to window.
-
-
-    // First try to find the pane in the options hash.
-    // If it's not available, ask the delegate for it.
-    pane = options.pane;
-    if (!pane) {
-      pane = del.get('pane');
-    }
-    paneElem = pane.$()[0];
-
-    layout.height = this._optframe.height;
-    layout.width=this._optframe.width;
-
-    tarLayout = options.layout;
-    if (!tarLayout) {
-      tarLayout = del.get('layout');
-    }
-    if (this._optIsCollection && tarLayout.left) {
-      layout.left=this._optframe.x-tarLayout.left-paneElem.offsetLeft-1;
-      if(SC.browser.msie==7) layout.left--;
-    } else {
-      layout.left=this._optframe.x-paneElem.offsetLeft-1;
-      if(SC.browser.msie==7) layout.left--;
-    }
-    
-    if (this._optIsCollection && tarLayout.top) {
-      layout.top=this._optframe.y-tarLayout.top-paneElem.offsetTop;
-      if(SC.browser.msie==7) layout.top=layout.top-2;
-    } else {
-      layout.top=this._optframe.y-paneElem.offsetTop;
-      if(SC.browser.msie==7) layout.top=layout.top-2;  
-    }
-
-    this.set('layout', layout);
-  
-    this.set('parentNode', pane);
-    // get style for view.
-   
-    pane.appendChild(this);
-    
-    this._className = options.inlineEditorClassName;
-    if(this._className && !this.hasClassName(this._className)) {
-      this.setClassName(this._className,true);
-    }
-    
-    // this.resizeToFit(this.getFieldValue()) ;
-
-    this._previousFirstResponder = pane ? pane.get('firstResponder') : null;
-    this.becomeFirstResponder();
-    this.endPropertyChanges() ;
-    
-    // TODO: remove? if(SC.browser.mozilla)this.invokeOnce(this.becomeFirstResponder) ;
-      
-    // Become first responder and notify the delegate after run loop completes
-    this.invokeLast(function() {
-      del.inlineEditorDidBeginEditing(this);
-    });
-    
-    return YES;
-  },
-  
-  
-  /**
-    Tries to commit the current value of the field and end editing.  
-    
-    Do not use this method, use the class method instead.
-    
-    @param {Event} evt that triggered the commit to happen
-    @returns {Boolean}
-  */
-  commitEditing: function(evt) {
-    // try to validate field.  If it fails, return false.  
-    if (!SC.$ok(this.validateSubmit())) return NO ;
-    return this._endEditing(this.get('value'), evt) ;
-  },
-  
-  /**
-    Tries to discard the current value of the field and end editing.
-    
-    Do not use this method, use the class method instead.
-
-    @returns {Boolean}
-  */
-  discardEditing: function() {
-    return this._endEditing(this._originalValue) ;
-  },
-  
-  /**
-    Invoked whenever the editor loses (or should lose) first responder 
-    status to commit or discard editing.
-    
-    @returns {Boolean}
-  */
-  blurEditor: function(evt) {
-    if (!this.get('isEditing')) return YES ;
-    return this._commitOnBlur ? this.commitEditing(evt) : this.discardEditing(evt);
-  },
-  
-  /** @private
-    Called by commitEditing and discardEditing to actually end editing.
-    
-    @param {String} finalValue that will be set as value
-    @param {Event} evt that triggered the end editing to occur
-    @param {Boolean} didDiscard if called from discardEditing
-    @returns {Boolean} NO if editing did not exit
-  */
-  _endEditing: function(finalValue, evt, didDiscard) {
-    // get permission from the delegate.
-    var del = this.get('editorDelegate') ;
-    
-    if (!this.get('isEditing') || !del) return YES ;
-    
-    if (!del.inlineEditorShouldCommitEditing(this, finalValue)) {
-      //@if(debug)
-      SC.Logger.warn('InlineTextField._endEditing() cannot end without inlineEditorShouldCommitEditing() on the delegate.');
-      //@end
-      return NO;
-    }
-    // OK, we are allowed to end editing.  Notify delegate of final value
-    // and clean up.
-    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')) {
-      var pane = this.get('pane');
-      if (pane && this._previousFirstResponder) {
-        pane.makeFirstResponder(this._previousFirstResponder);
-      } else this.resignFirstResponder();
-    }
-    this._previousFirstResponder = null ; // clearout no matter what
-    
-    if (this.get('parentNode')) this.removeFromParent() ;  
-    
-    return YES ;
-  },
-  
-  /**
-    YES if the editor is currently visible and editing.
-  
-    @property {Boolean}
-  */
-  isEditing: NO,
-  
-  // TODO: make this function work for 1.0
-  // /**
-  //   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)
-  // {
-  //   
-  // 
-  // 
-  // 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 }) ;
-  // },
-  
-  /** @private */
-  mouseDown: function(e) {
-    arguments.callee.base.call(this, e) ;
-    return this.get('isEditing');
-  },
-  
-  touchStart: function(e){
-    this.mouseDown(e);
-  },
-  
-  /** @private */
-  keyDown: function(evt) {
-    var ret = this.interpretKeyEvents(evt) ;
-    this.fieldValueDidChange(true);
-    return !ret ? NO : ret ;
-  },
-  
-  /** @private */
-  insertText: null,
-  
-  //keyUp: function() { return true; },
-
-  _scitf_blurInput: function() {
-    var el = this.$input()[0];
-    if (el) el.blur();
-    el = null;
-  },
-
-  // [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.
-  /** @private */
-  willRemoveFromParent: function() {
-    return this._scitf_blurInput();
-  },
-  
-  // ask owner to end editing.
-  /** @private */
-  willLoseFirstResponder: function(responder, evt) {
-    if (responder !== this) return;
-
-    // if we're about to lose first responder for any reason other than
-    // ending editing, make sure we clear the previous first responder so 
-    // isn't cached
-    this._previousFirstResponder = null;
-    
-    // store the original event that caused this to loose focus so that
-    // it can be passed to the delegate
-    this._origEvent = evt;
-    
-    // should have been covered by willRemoveFromParent, but this was needed 
-    // too.
-    this._scitf_blurInput();
-    return this.blurEditor(evt) ;
-  },
-  
-  /**
-    invoked when the user presses escape.  Returns true to ignore keystroke
-    
-    @returns {Boolean}
-  */
-  cancel: function() { 
-    this.discardEditing(); 
-    return YES;
-  },
-  
-  // do it here instead of waiting on the binding to make sure the UI
-  // updates immediately.
-  /** @private */
-  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.
-  /** @private */
-  insertNewline: function(evt) { 
-    if (this._multiline) {
-      evt.allowDefault();
-      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.
-  /** @private */
-  insertTab: function(evt) {
-    var delegate = this._delegate; // removed by commitEditing()
-    this.resignFirstResponder();
-    this.commitEditing() ;
-    if(delegate){
-      var next = delegate.get('nextValidKeyView');
-      if(next && next.beginEditing) next.beginEditing();
-    }
-    return YES ;
-  },
-
-  /** @private */
-  insertBacktab: function(evt) {
-    var delegate = this._delegate; // removed by commitEditing()
-    this.resignFirstResponder();
-    this.commitEditing() ;
-    if(delegate){
-      var prev = delegate.get('previousValidKeyView');
-      if(prev && prev.beginEditing) prev.beginEditing();
-    }
-    return YES ;
-  },
-  
-  /** @private */
-  deleteForward: function(evt) {
-    evt.allowDefault();
-    return YES;
-  },
-  
-  /** @private */
-  deleteBackward: function(evt) {
-    evt.allowDefault();
-    return YES ;
-  }
-  
-});
-
-
-SC.InlineTextFieldView.mixin(
-/** @scope 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 ;
-    
-    // If exampleInlineTextFieldView is set, load this class otherwise use
-    // the default, this.
-    var klass = options.exampleInlineTextFieldView 
-              ? options.exampleInlineTextFieldView : this,
-        layout = options.layout,
-        s = this.updateViewStyle(),
-        p = this.updateViewPaddingStyle();
-    
-    var str= ".inline-editor input{"+s+"} ";
-    str= str+".inline-editor textarea{"+s+"} .inline-editor .padding{"+p+"}";
-    var pa= document.getElementsByTagName('head')[0],
-    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 = klass.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 ;  
-  },
-  
-  /** @private */
-  updateViewStyle: function() {
-    var el = this._exampleElement[0],
-        styles = '',
-        s=SC.getStyle(el,'font-size');
-    if(s && s.length>0) styles = styles + "font-size: "+ s + " !important; ";
-    s=SC.getStyle(el,'font-family');
-    if(s && s.length>0) styles = styles + "font-family: " + s + " !important; ";
-    s=SC.getStyle(el,'font-weight');
-    if(s && s.length>0) styles = styles + "font-weight: " + s + " !important; ";
-    s=SC.getStyle(el,'z-index');
-    if(s && s.length>0) styles = styles + "z-index: " + s + " !important; ";
-    s=SC.getStyle(el,'line-height');
-    if(s && s.length>0) styles = styles + "line-height: " + s + " !important; ";
-    s=SC.getStyle(el,'text-align');
-    if(s && s.length>0) styles = styles + "text-align: " + s + " !important; ";
-    s=SC.getStyle(el,'top-margin');
-    if(s && s.length>0) styles = styles + "top-margin: " + s + " !important; ";
-    s=SC.getStyle(el,'bottom-margin');
-    if(s && s.length>0) styles = styles + "bottom-margin: " + s + " !important; ";
-    s=SC.getStyle(el,'left-margin');
-    if(s && s.length>0) styles = styles + "left-margin: " + s + " !important; ";
-    s=SC.getStyle(el,'right-margin');
-    if(s && s.length>0) styles = styles + "right-margin: " + s + " !important; ";
-    
-    return styles;
-  },
-
-  /** @private */
-  updateViewPaddingStyle: function() {
-    var el = this._exampleElement[0] ;   
-    var styles = '';
-    var s=SC.getStyle(el,'padding-top');
-    if(s && s.length>0) styles = styles + "top: "+ s + " !important; ";
-    s=SC.getStyle(el,'padding-bottom');
-    if(s && s.length>0) styles = styles + "bottom: " + s + " !important; ";
-    s=SC.getStyle(el,'padding-left');
-    if(s && s.length>0) styles = styles + "left: " + s + " !important; ";
-    s=SC.getStyle(el,'padding-right');
-    if(s && s.length>0) styles = styles + "right: " + s + " !important; ";
-    
-    return styles;
-  },
-
-  
-  /**
-    The current shared inline editor.  This property will often remain NULL
-    until you actually begin editing for the first time.
-    
-    @property {SC.InlineTextFieldView}
-  */
-  editor: null
-  
-}) ;