RubyGems - spade - Versions diffs - 0.0.1 → 0.0.2 - Mend

spade 0.0.1 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1660) hide show

data/sproutcore/frameworks/foundation/views/label.js DELETED Viewed

@@ -1,219 +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)
-// ==========================================================================
-sc_require('mixins/inline_editable');
-sc_require('mixins/inline_editor_delegate');
-SC.REGULAR_WEIGHT = 'normal';
-SC.BOLD_WEIGHT = 'bold';
-/**
-  @class
-  Displays a static string of text.
-  You use a label view anytime you need to display a static string of text
-  or to display text that may need to be edited using only an inline control.
-  @extends SC.View
-  @extends SC.Control
-  @extends SC.InlineEditable
-  @extends SC.InlineEditorDelegate
-  @since SproutCore 1.0
-*/
-SC.LabelView = SC.View.extend(SC.Control, SC.InlineEditorDelegate, SC.InlineEditable,
-/** @scope SC.LabelView.prototype */ {
-  classNames: ['sc-label-view'],
-  displayProperties: 'displayTitle textAlign fontWeight icon escapeHTML needsEllipsis hint'.w(),
-  /**
-    The WAI-ARIA attribute for the label view. This property is assigned to
-    'aria-labelledby' attribute, which defines a string value that labels the
-    element. Used to support voiceover. It should be assigned a non-empty string,
-    if the 'aria-labelledby' attribute has to be set for the element.
-    @property {String}
-  */
-  ariaLabeledBy: null,
-  isEditable: NO,
-  /**
-    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,
-  /**
-    LabelView is its own delegate by default, but you can change this to use a customized editor.
-  */
-  editorDelegate: null,
-  /**
-    Specify the font weight for this.  You may pass SC.REGULAR_WEIGHT, or SC.BOLD_WEIGHT.
-    @property {String} SC.REGULAR_WEIGHT|SC.BOLD_WEIGHT
-    @default null
-    @deprecated
-  */
-  fontWeight: null,
-  /**
-    If true, value will be escaped to avoid scripting attacks.
-    This is a default value that can be overridden by the
-    settings on the owner view.
-  */
-  escapeHTML: YES,
-  escapeHTMLBindingDefault: SC.Binding.oneWay().bool(),
-  /**
-    If true, then the value will be localized.
-    This is a default that can be overidden by the settings in the owner view.
-  */
-  localize: NO,
-  localizeBindingDefault: SC.Binding.oneWay().bool(),
-  /**
-    Set this to a validator or to a function and the value
-    will be passed through it before being set.
-    This is a default default that can be overidden by the
-    settings in the owner view.
-  */
-  formatter: null,
-  /**
-    The value of the label.
-    You may also set the value using a content object and a contentValueKey.
-    @field {String}
-  */
-  value: '',
-  /**
-    The hint to display if no value is set.  Should be used only if isEditable
-    is set to YES.
-  */
-  hint: null,
-  /**
-    An optional icon to display to the left of the label.  Set this value
-    to either a CSS class name (for spriting) or an image URL.
-  */
-  icon: null,
-  /**
-    Set the alignment of the label view.
-    @property {String} SC.ALIGN_LEFT|SC.ALIGN_MIDDLE|SC.ALIGN_RIGHT
-    @default null
-    @deprecated
-  */
-  textAlign: null,
-  /**
-    The name of the theme's SC.LabelView render delegate.
-    @property {String}
-  */
-  renderDelegateName: 'labelRenderDelegate',
-  /**
-    [RO] The value that will actually be displayed.
-    This property is dynamically computed by applying localization,
-    string conversion and other normalization utilities.
-    @field
-  */
-  displayTitle: function() {
-    var value, formatter;
-    value = this.get('value') ;
-    // 1. apply the formatter
-    formatter = this.getDelegateProperty('formatter', this.displayDelegate) ;
-    if (formatter) {
-      var formattedValue = (SC.typeOf(formatter) === SC.T_FUNCTION) ?
-          formatter(value, this) : formatter.fieldValueForObject(value, this) ;
-      if (!SC.none(formattedValue)) value = formattedValue ;
-    }
-    // 2. If the returned value is an array, convert items to strings and
-    // join with commas.
-    if (SC.typeOf(value) === SC.T_ARRAY) {
-      var ary = [];
-      for(var idx=0, idxLen = value.get('length'); idx< idxLen;idx++) {
-        var x = value.objectAt(idx) ;
-        if (!SC.none(x) && x.toString) x = x.toString() ;
-        ary.push(x) ;
-      }
-      value = ary.join(',') ;
-    }
-    // 3. If value is not a string, convert to string. (handles 0)
-    if (!SC.none(value) && value.toString) value = value.toString() ;
-    // 4. Localize
-    if (value && this.getDelegateProperty('localize', this.displayDelegate)) value = value.loc() ;
-    return value ;
-  }.property('value', 'localize', 'formatter').cacheable(),
-  /**
-    [RO] The hint value that will actually be displayed.
-    This property is dynamically computed by applying localization
-    and other normalization utilities.
-  */
-  hintValue: function() {
-    var hintVal = this.get('hint');
-    return hintVal ;
-  }.property('hint').cacheable(),
-  /**
-    Event dispatcher callback.
-    If isEditable is set to true, opens the inline text editor view.
-    @param {DOMMouseEvent} evt DOM event
-  */
-  doubleClick: function( evt ) { return this.beginEditing(); },
-  /** @private
-    Hide the label view while the inline editor covers it.
-  */
-  inlineEditorDidBeginEditing: function(editor) {
-    var layer = this.$();
-    // Cache the current opacity value
-    this._oldOpacity = layer.css('opacity');  //gets the opacity from the layer
-    // Hide the view by setting its opacity to 0
-    this.adjust('opacity', 0);
-  },
-  /** @private
-    Update the field value and make it visible again.
-  */
-  inlineEditorDidEndEditing: function(editor, finalValue) {
-    this.setIfChanged('value', finalValue) ;
-    this.adjust('opacity', this._oldOpacity);
-    this._oldOpacity = null ;
-    this.set('isEditing', NO) ;
-  }
-});

data/sproutcore/frameworks/foundation/views/text_field.js DELETED Viewed

@@ -1,1073 +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)
-// ==========================================================================
-sc_require('views/field') ;
-sc_require('system/text_selection') ;
-sc_require('mixins/static_layout') ;
-sc_require('mixins/editable');
-/**
-  @class
-  A text field is an input element with type "text".  This view adds support
-  for hinted values, etc.
-  @extends SC.FieldView
-  @extends SC.Editable
-  @author Charles Jolley
-*/
-SC.TextFieldView = SC.FieldView.extend(SC.StaticLayout, SC.Editable,
-/** @scope SC.TextFieldView.prototype */ {
-  tagName: 'label',
-  classNames: ['sc-text-field-view'],
-  isTextField: YES,
-  /**
-    The WAI-ARIA role for text field view. This property's value should not be
-    changed.
-    @property {String}
-  */
-  ariaRole: 'textbox',
-  // ..........................................................
-  // PROPERTIES
-  //
-  /**
-    When applyImmediately is turned on, every keystroke will set the value
-    of the underlying object. Turning it off will only set the value on blur.
-    @property
-    @type String
-  */
-  applyImmediately: YES,
-  /**
-    If YES, the field will hide its text from display. The default value is NO.
-    @property
-    @type Boolean
-  */
-  isPassword: NO,
-  /**
-    If YES then allow multi-line input.  This will also change the default
-    tag type from "input" to "textarea".  Otherwise, pressing return will
-    trigger the default insertion handler.
-    @property
-    @type Boolean
-  */
-  isTextArea: NO,
-  /**
-    The hint to display while the field is not active.
-    @property
-    @type String
-  */
-  hint: '',
-  /*
-  * Localizes the hint if necessary.
-  */
-  formattedHint: function() {
-    var hint = this.get('hint');
-    return this.get('localize') ? hint.loc() : hint;
-  }.property('hint', 'localize').cacheable(),
-  /*
-  * Whether the hint should be localized or not.
-  */
-  localize: YES,
-  /**
-    If YES then the text field is currently editing.
-    @property
-    @type Boolean
-  */
-  isEditing: NO,
-  /**
-    If you set this property to false the tab key won't trigger its default
-    behavior (tabbing to the next field).
-    @property
-    @type Boolean
-  */
-  defaultTabbingEnabled: YES,
-  /**
-    Enabled context menu for textfields.
-    @property
-    @type Boolean
-  */
-  isContextMenuEnabled: YES,
-  /**
-    If true, every change to the text in the text field updates 'value'.
-    If false, 'value' is only updated when commitEditing() is called (this
-    is called automatically when the text field loses focus), or whenever
-    the return key is pressed while editing the field.
-    @property
-    @type Boolean
-  */
-  continuouslyUpdatesValue: YES,
-  /**
-    If no, will not allow transform or validation errors (SC.Error objects)
-    to be passed to 'value'.  Upon focus lost, the text field will revert
-    to its previous value.
-    @property
-    @type Boolean
-  */
-  allowsErrorAsValue: YES,
-  /**
-    An optional view instance, or view class reference, which will be visible
-    on the left side of the text field.  Visually the accessory view will look
-    to be inside the field but the text editing will not overlap the accessory
-    view.
-    The view will be rooted to the top-left of the text field.  You should use
-    a layout with 'left' and/or 'top' specified if you would like to adjust
-    the offset from the top-left.
-    One example use would be for a web site's icon, found to the left of the
-    URL field, in many popular web browsers.
-    Note:  If you set a left accessory view, the left padding of the text
-    field (really, the left offset of the padding element) will automatically
-    be set to the width of the accessory view, overriding any CSS you may have
-    defined on the "padding" element.  If you would like to customize the
-    amount of left padding used when the accessory view is visible, make the
-    accessory view wider, with empty space on the right.
-    @property
-    @type SC.View
-  */
-  leftAccessoryView: null,
-  /**
-    An optional view instance, or view class reference, which will be visible
-    on the right side of the text field.  Visually the accessory view will
-    look to be inside the field but the text editing will not overlap the
-    accessory view.
-    The view will be rooted to the top-right of the text field.  You should
-    use a layout with 'right' and/or 'top' specified if you would like to
-    adjust the offset from the top-right.  If 'left' is specified in the
-    layout it will be cleared.
-    One example use would be for a button to clear the contents of the text
-    field.
-    Note:  If you set a right accessory view, the right padding of the text
-    field (really, the right offset of the padding element) will automatically
-    be set to the width of the accessory view, overriding any CSS you may have
-    defined on the "padding" element.  If you would like to customize the
-    amount of right padding used when the accessory view is visible, make the
-    accessory view wider, with empty space on the left.
-    @property
-    @type SC.View
-  */
-  rightAccessoryView: null,
-  /**
-    This property will enable disable HTML5 spell checking if available on the
-    browser. As of today Safari 4+, Chrome 3+ and Firefox 3+ support it
-    @property
-    @type Boolean
-  */
-  spellCheckEnabled: YES,
-  /**
-    Maximum amount of characters this field will allow.
-    @property
-    @type Number
-  */
-  maxLength: 5096,
-  /**
-    Whether to render a border or not.
-    @property
-    @type Boolean
-  */
-  shouldRenderBorder: YES,
-  /** @private
-    Whether to show hint or not
-  */
-  _hintON: YES,
-  init: function() {
-    var val = this.get('value');
-    this._hintON = (!val || val && val.length===0) ? YES : NO;
-    return sc_super();
-  },
-  /** isEditable maps to isEnabled with a TextField. */
-  isEditable: function() {
-    return this.get('isEnabled') ;
-  }.property('isEnabled').cacheable(),
-  /**
-    The current selection of the text field, returned as an SC.TextSelection
-    object.
-    Note that if the selection changes a new object will be returned -- it is
-    not the case that a previously-returned SC.TextSelection object will
-    simply have its properties mutated.
-    @property {SC.TextSelection}
-  */
-  selection: function(key, value) {
-    var element = this.$input()[0],
-        range, start, end;
-    // Are we being asked to set the value, or return the current value?
-    if (value === undefined) {
-      // The client is retrieving the value.
-      if (element) {
-        start = null;
-        end = null;
-        if (!element.value) {
-          start = end = 0 ;
-        }
-        else {
-          // In IE8, input elements don't have hasOwnProperty() defined.
-          try {
-            if ('selectionStart' in element) {
-              start = element.selectionStart ;
-            }
-            if ('selectionEnd' in element) {
-              end = element.selectionEnd ;
-            }
-          }
-          // In Firefox when you ask the selectionStart or End of a hidden
-          // input, sometimes it throws a weird error.
-          // Adding this to just ignore it.
-          catch (e){
-            return null;
-          }
-          // Support Internet Explorer.
-          if (start === null  ||  end === null ) {
-            var selection = document.selection ;
-            if (selection) {
-              var type = selection.type ;
-              if (type  &&  (type === 'None'  ||  type === 'Text')) {
-                range = selection.createRange() ;
-                if (!this.get('isTextArea')) {
-                  // Input tag support.  Figure out the starting position by
-                  // moving the range's start position as far left as possible
-                  // and seeing how many characters it actually moved over.
-                  var length = range.text.length ;
-                  start = Math.abs(range.moveStart('character', 0 - (element.value.length + 1))) ;
-                  end = start + length ;
-                }
-                else {
-                  // Textarea support.  Unfortunately, this case is a bit more
-                  // complicated than the input tag case.  We need to create a
-                  // "dummy" range to help in the calculations.
-                  var dummyRange = range.duplicate() ;
-                  dummyRange.moveToElementText(element) ;
-                  dummyRange.setEndPoint('EndToStart', range) ;
-                  start = dummyRange.text.length ;
-                  end = start + range.text.length ;
-                }
-              }
-            }
-          }
-        }
-        return SC.TextSelection.create({ start:start, end:end }) ;
-      }
-      else {
-        return null;
-      }
-    }
-    else {
-      // The client is setting the value.  Make sure the new value is a text
-      // selection object.
-      if (!value  ||  !value.kindOf  ||  !value.kindOf(SC.TextSelection)) {
-        throw "When setting the selection, you must specify an SC.TextSelection instance.";
-      }
-      if (element) {
-        if (element.setSelectionRange) {
-          element.setSelectionRange(value.get('start'), value.get('end')) ;
-        }
-        else {
-          // Support Internet Explorer.
-          range = element.createTextRange() ;
-          start = value.get('start') ;
-          range.move('character', start) ;
-          range.moveEnd('character', value.get('end') - start) ;
-          range.select() ;
-        }
-      }
-      return value;
-    }
-    // Implementation note:
-    // There are certain ways users can add/remove text that we can't identify
-    // via our key/mouse down/up handlers (such as the user choosing Paste
-    // from a menu).  So that's why we need to update our 'selection' property
-    // whenever the field's value changes.
-  }.property('fieldValue').cacheable(),
-  // ..........................................................
-  // INTERNAL SUPPORT
-  //
-  displayProperties: 'formattedHint fieldValue isEditing leftAccessoryView rightAccessoryView isTextArea'.w(),
-  createChildViews: function() {
-    sc_super();
-    this.accessoryViewObserver();
-  },
-  acceptsFirstResponder: function() {
-    return this.get('isEnabled');
-  }.property('isEnabled'),
-  accessoryViewObserver: function() {
-    var classNames,
-        viewProperties = ['leftAccessoryView', 'rightAccessoryView'],
-        len = viewProperties.length , i, viewProperty, previousView,
-        accessoryView;
-    for (i=0; i<len; i++) {
-      viewProperty = viewProperties[i] ;
-      // Is there an accessory view specified?
-      previousView = this['_'+viewProperty] ;
-      accessoryView = this.get(viewProperty) ;
-      // If the view is the same, there's nothing to do.  Otherwise, remove
-      // the old one (if any) and add the new one.
-      if (! (previousView
-             &&  accessoryView
-             &&  (previousView === accessoryView) ) ) {
-        // If there was a previous previous accessory view, remove it now.
-        if (previousView) {
-          // Remove the "sc-text-field-accessory-view" class name that we had
-          // added earlier.
-          classNames = previousView.get('classNames') ;
-          classNames = classNames.without('sc-text-field-accessory-view') ;
-          previousView.set('classNames', classNames) ;
-          this.removeChild(previousView) ;
-          previousView = null ;
-          this['_'+viewProperty] = null ;
-        }
-        // If there's a new accessory view to add, do so now.
-        if (accessoryView) {
-          // If the user passed in a class rather than an instance, create an
-          // instance now.
-          if (accessoryView.isClass) {
-            accessoryView = accessoryView.create({
-              layoutView: this
-            }) ;
-          }
-          // Add in the "sc-text-field-accessory-view" class name so that the
-          // z-index gets set correctly.
-          classNames = accessoryView.get('classNames') ;
-          var className = 'sc-text-field-accessory-view' ;
-          if (classNames.indexOf(className) < 0) {
-            classNames = SC.clone(classNames);
-            classNames.push(className) ;
-            accessoryView.set('classNames', classNames);
-          }
-          // Actually add the view to our hierarchy and cache a reference.
-          this.appendChild(accessoryView) ;
-          this['_'+viewProperty] = accessoryView ;
-        }
-      }
-    }
-  }.observes('leftAccessoryView', 'rightAccessoryView'),
-  layoutChildViewsIfNeeded: function(isVisible) {
-    // For the right accessory view, adjust the positioning such that the view
-    // is right-justified, unless 'right' is specified.
-    if (!isVisible) isVisible = this.get('isVisibleInWindow') ;
-    if (isVisible && this.get('childViewsNeedLayout')) {
-      var rightAccessoryView = this.get('rightAccessoryView') ;
-      if (rightAccessoryView  &&  rightAccessoryView.get) {
-        var layout = rightAccessoryView.get('layout') ;
-        if (layout) {
-          // Clear out any 'left' value.
-          layout.left = null;
-          // Unless the user specified a 'right' value, specify a default to
-          // right-justify the view.
-          if (!layout.right) layout.right = 0 ;
-          rightAccessoryView.adjust({ layout: layout }) ;
-        }
-      }
-    }
-    sc_super() ;
-  },
-  render: function(context, firstTime) {
-    sc_super() ;
-    var v, accessoryViewWidths, leftAdjustment, rightAdjustment;
-    // always have at least an empty string
-    v = this.get('fieldValue');
-    if (SC.none(v)) v = '';
-    v = String(v);
-    // update layer classes always
-    context.setClass('not-empty', v.length > 0);
-    //addressing accessibility
-    if(firstTime) {
-      context.attr('aria-multiline', this.get('isTextArea'));
-      context.attr('aria-disabled', !this.get('isEnabled'));
-    }
-    if(!SC.ok(this.get('value'))) {
-      context.attr('aria-invalid', YES);
-    }
-    // If we have accessory views, we'll want to update the padding on the
-    // hint to compensate for the width of the accessory view.  (It'd be nice
-    // if we could add in the original padding, too, but there's no efficient
-    // way to do that without first rendering the element somewhere on/off-
-    // screen, and we don't want to take the performance hit.)
-    accessoryViewWidths = this._getAccessoryViewWidths() ;
-    leftAdjustment  = accessoryViewWidths['left'] ;
-    rightAdjustment = accessoryViewWidths['right'] ;
-    if (leftAdjustment)  leftAdjustment  += 'px' ;
-    if (rightAdjustment) rightAdjustment += 'px' ;
-   this._renderField(context, firstTime, v, leftAdjustment, rightAdjustment) ;
-    if(SC.browser.mozilla) this.invokeLast(this._applyFirefoxCursorFix);
-  },
-  /** @private
-    If isTextArea is changed (this might happen in inlineeditor constantly)
-    force the field render to render like the firsttime to avoid writing extra
-    code. This can be useful also
-  */
-  _forceRenderFirstTime: NO,
-  /** @private */
-  _renderFieldLikeFirstTime: function(){
-    this.set('_forceRenderFirstTime', YES);
-  }.observes('isTextArea'),
-  /** @private */
-  _renderField: function(context, firstTime, value, leftAdjustment, rightAdjustment) {
-    // TODO:  The cleanest thing might be to create a sub- rendering context
-    //        here, but currently SC.RenderContext will render sibling
-    //        contexts as parent/child.
-    var hint = this.get('formattedHint'), disabled, name, adjustmentStyle, type,
-        hintElements, element, paddingElementStyle, fieldClassNames,
-        spellCheckEnabled=this.get('spellCheckEnabled'), spellCheckString,
-        maxLength = this.get('maxLength'), isOldSafari;
-    context.setClass('text-area', this.get('isTextArea'));
-    //Adding this to differentiate between older and newer versions of safari
-    //since the internal default field padding changed
-    isOldSafari= (parseInt(SC.browser.webkit,0)<532);
-    context.setClass('oldWebKitFieldPadding', isOldSafari);
-    spellCheckString = spellCheckEnabled ? ' spellcheck="true"' : ' spellcheck="false"';
-    if (firstTime || this._forceRenderFirstTime) {
-      this._forceRenderFirstTime = NO;
-      disabled = this.get('isEnabled') ? '' : 'disabled="disabled"' ;
-      name = this.get('layerId');
-      if(this.get('shouldRenderBorder')) context.push('<span class="border"></span>');
-      // Render the padding element, with any necessary positioning
-      // adjustments to accommodate accessory views.
-      adjustmentStyle = '' ;
-      if (leftAdjustment  ||  rightAdjustment) {
-        adjustmentStyle = 'style="' ;
-        if (leftAdjustment)  adjustmentStyle += 'left: '  + leftAdjustment  + '; ' ;
-        if (rightAdjustment) adjustmentStyle += 'right: ' + rightAdjustment + ';' ;
-        adjustmentStyle += '"' ;
-      }
-      context.push('<span class="padding" '+adjustmentStyle+'>');
-      value = this.get('escapeHTML') ? SC.RenderContext.escapeHTML(value) : value;
-      if(!this.get('_supportsPlaceHolder') && (!value || (value && value.length===0))) {
-        value = hint;
-        context.setClass('sc-hint', YES);
-      }
-      //for gecko pre 1.9 vertical aligment is completely broken so we need
-      //different styling.
-      fieldClassNames = (SC.browser.mozilla &&
-                          (parseFloat(SC.browser.mozilla)<1.9 ||
-                          SC.browser.mozilla.match(/1\.9\.0|1\.9\.1/))) ?
-                          "field oldGecko": "field";
-      // Render the input/textarea field itself, and close off the padding.
-      if (this.get('isTextArea')) {
-        context.push('<textarea class="',fieldClassNames,'" name="', name,
-                      '" ', disabled, ' placeholder="',hint, '"',
-                      spellCheckString,' maxlength="', maxLength, '">',
-                      value, '</textarea></span>') ;
-      }
-      else {
-        type = this.get('isPassword') ? 'password' : 'text' ;
-        context.push('<input class="',fieldClassNames,'" type="', type,
-                      '" name="', name, '" ', disabled, ' value="', value,
-                      '" placeholder="',hint,'"', spellCheckString,
-                      ' maxlength="', maxLength, '" /></span>') ;
-      }
-    }
-    else {
-      var input= this.$input();
-      if(!this.get('_supportsPlaceHolder')){
-        var val = this.get('value');
-        if((!val || (val && val.length===0))){
-          if(this._hintON && !this.get('isFirstResponder')){
-            context.setClass('sc-hint', YES);
-            input.val(hint);
-          }
-          else {
-            context.setClass('sc-hint', NO);
-            input.val('');
-          }
-        }
-      }else{
-        input.attr('placeholder', hint);
-      }
-      // Enable/disable the actual input/textarea as appropriate.
-      element = input[0];
-      if (element) {
-        if (!this.get('isEnabled')) {
-          element.disabled = 'true' ;
-        }
-        else {
-          element.disabled = null ;
-        }
-        // Adjust the padding element to accommodate any accessory views.
-        paddingElementStyle = element.parentNode.style;
-        if (leftAdjustment) {
-          if (paddingElementStyle.left !== leftAdjustment) {
-            paddingElementStyle.left = leftAdjustment ;
-          }
-        }
-        else {
-          paddingElementStyle.left = null ;
-        }
-        if (rightAdjustment) {
-          if (paddingElementStyle.right !== rightAdjustment) {
-            paddingElementStyle.right = rightAdjustment ;
-          }
-        }
-        else {
-          paddingElementStyle.right = null ;
-        }
-      }
-    }
-  },
-  _getAccessoryViewWidths: function() {
-    var widths = {},
-        accessoryViewPositions = ['left', 'right'],
-        numberOfAccessoryViewPositions = accessoryViewPositions.length, i,
-        position, accessoryView, frames, width, layout, offset, frame;
-    for (i = 0;  i < numberOfAccessoryViewPositions;  i++) {
-      position = accessoryViewPositions[i];
-      accessoryView = this.get(position + 'AccessoryView');
-      if (accessoryView) {
-        // need acessoryView as an instance, not class...
-        if (accessoryView.isClass) {
-          accessoryView = accessoryView.create({
-            layoutView: this
-          });
-        }
-        // sanity check
-        if (accessoryView.get) {
-          frame = accessoryView.get('frame');
-          if (frame) {
-            width = frame.width;
-            if (width) {
-              // Also account for the accessory view's inset.
-              layout = accessoryView.get('layout');
-              if (layout) {
-                offset = layout[position];
-                width += offset;
-              }
-              widths[position] = width;
-            }
-          }
-        }
-      }
-    }
-    return widths;
-  },
-  // ..........................................................
-  // HANDLE NATIVE CONTROL EVENTS
-  //
-  didCreateLayer: function() {
-    sc_super();
-    // For some strange reason if we add focus/blur events to textarea
-    // inmediately they won't work. However if I add them at the end of the
-    // runLoop it works fine.
-    if(!this.get('_supportsPlaceHolder') && this._hintON){
-      var currentValue = this.$input().val();
-      if(!currentValue || (currentValue && currentValue.length===0)){
-        this.$input().val(this.get('formattedHint'));
-      }
-    }
-    if(this.get('isTextArea')) {
-      this.invokeLast(this._addTextAreaEvents);
-    }
-    else {
-      this._addTextAreaEvents();
-      // In Firefox, for input fields only (that is, not textarea elements),
-      // if the cursor is at the end of the field, the "down" key will not
-      // result in a "keypress" event for the document (only for the input
-      // element), although it will be bubbled up in other contexts.  Since
-      // SproutCore's event dispatching requires the document to see the
-      // event, we'll manually forward the event along.
-      if (SC.browser.mozilla) {
-        var input = this.$input();
-        SC.Event.add(input, 'keypress', this, this._firefox_dispatch_keypress);
-      }
-    }
-  },
-  /**
-    Adds all the textarea events. This functions is called by didCreateLayer
-    at different moments depending if it is a textarea or not. Appending
-    events to text areas is not reliable unless the element is already added
-    to the DOM.
-  */
-  _addTextAreaEvents: function() {
-    var input = this.$input();
-    SC.Event.add(input, 'focus', this, this._textField_fieldDidFocus);
-    SC.Event.add(input, 'blur',  this, this._textField_fieldDidBlur);
-    // There are certain ways users can select text that we can't identify via
-    // our key/mouse down/up handlers (such as the user choosing Select All
-    // from a menu).
-    SC.Event.add(input, 'select', this, this._textField_selectionDidChange);
-    if(SC.browser.mozilla){
-      // cache references to layer items to improve firefox hack perf
-      this._cacheInputElement = this.$input();
-      this._cachePaddingElement = this.$('.padding');
-    }
-  },
-  /**
-    Removes all the events attached to the textfield
-  */
-  willDestroyLayer: function() {
-    sc_super();
-    var input = this.$input();
-    SC.Event.remove(input, 'focus',  this, this._textField_fieldDidFocus);
-    SC.Event.remove(input, 'blur',   this, this._textField_fieldDidBlur);
-    SC.Event.remove(input, 'select', this, this._textField_selectionDidChange);
-    SC.Event.remove(input, 'keypress',  this, this._firefox_dispatch_keypress);
-  },
-  /** @private
-    This function is called by the event when the textfield gets focus
-  */
-  _textField_fieldDidFocus: function(evt) {
-    SC.run(function() {
-      this.set('focused',YES);
-      this.fieldDidFocus(evt);
-      var val = this.get('value');
-      if(!this.get('_supportsPlaceHolder') && ((!val) || (val && val.length===0))) {
-        this._hintON = NO;
-      }
-    }, this);
-  },
-  /** @private
-    This function is called by the event when the textfield blurs
-  */
-  _textField_fieldDidBlur: function(evt) {
-    SC.run(function() {
-      this.set('focused',NO);
-      // passing the original event here instead that was potentially set from
-      // loosing the responder on the inline text editor so that we can
-      // use it for the delegate to end editing
-      this.fieldDidBlur(this._origEvent);
-      var val = this.get('value');
-      if(!this.get('_supportsPlaceHolder') && ((!val) || (val && val.length===0))) {
-        this._hintON = YES;
-      }
-    }, this);
-  },
-  fieldDidFocus: function(evt) {
-    this.beginEditing(evt);
-    // We have to hide the intercept pane, as it blocks the events.
-    // However, show any that we previously hid, first just in case something wacky happened.
-    if (this._didHideInterceptForPane) {
-      this._didHideInterceptForPane.showTouchIntercept();
-      this._didHideInterceptForPane = null;
-    }
-    // now, hide the intercept on this pane if it has one
-    var pane = this.get('pane');
-    if (pane && pane.get('hasTouchIntercept')) {
-      // hide
-      pane.hideTouchIntercept();
-      // and set our internal one so we can unhide it (even if the pane somehow changes)
-      this._didHideInterceptForPane = this.get("pane");
-    }
-  },
-  fieldDidBlur: function(evt) {
-    this.commitEditing(evt);
-    // get the pane we hid intercept pane for (if any)
-    var touchPane = this._didHideInterceptForPane;
-    if (touchPane) {
-      touchPane.showTouchIntercept();
-      touchPane = null;
-    }
-  },
-  _field_fieldValueDidChange: function(evt) {
-    if(this.get('focused')){
-      SC.run(function() {
-        this.fieldValueDidChange(NO);
-      }, this);
-    }
-  },
-  /** @private
-    Move magic number out so it can be over-written later in inline editor
-  */
-  _topOffsetForFirefoxCursorFix: 3,
-  /** @private
-    Mozilla had this bug until firefox 3.5 or gecko 1.8 They rewrote input text
-    and textareas and now they work better. But we have to keep this for older
-    versions.
-  */
-  _applyFirefoxCursorFix: function() {
-    // Be extremely careful changing this code.  !!!!!!!!
-    // Contact me if you need to change or improve the code. After several
-    // iterations the new way to apply the fix seems to be the most
-    // consistent.
-    // This fixes: selection visibility, cursor visibility, and the ability
-    // to fix the cursor at any position. As of FF 3.5.3 mozilla hasn't fixed this
-    // bug, even though related bugs that I've found on their database appear
-    // as fixed.
-    // UPDATE: Things seem to be working on FF3.6 therefore we are disabling the
-    // hack for the latest versions of FF.
-    //
-    // Juan Pinzon
-    if (parseFloat(SC.browser.mozilla)<1.9 && !this.get('useStaticLayout')) {
-      var top, left, width, height, p, layer, element, textfield;
-      // I'm caching in didCreateLayer this elements to improve perf
-      element = this._cacheInputElement;
-      textfield = this._cachePaddingElement;
-      if(textfield && textfield[0]){
-        layer = textfield[0];
-        p = SC.$(layer).offset() ;
-        // this is to take into account an styling issue.
-        // this is counterproductive in FF >= 3.6
-        if(SC.browser.compareVersion(1,9,2) < 0 &&
-           element[0].tagName.toLowerCase()==="input") {
-          top = p.top+this._topOffsetForFirefoxCursorFix;
-        }
-        else top = p.top;
-        left = p.left;
-        width = layer.offsetWidth;
-        height = layer.offsetHeight ;
-        var style = 'position: fixed; top: %@px; left: %@px; width: %@px; height: %@px;'.fmt(top, left, width, height) ;
-        // if the style is the same don't re-apply
-        if(!this._prevStyle || this._prevStyle!=style) element.attr('style', style) ;
-        this._prevStyle = style;
-      }
-    }
-    return this ;
-  },
-  /** @private
-    In Firefox, as of 3.6 -- including 3.0 and 3.5 -- for input fields only
-    (that is, not textarea elements), if the cursor is at the end of the
-    field, the "down" key will not result in a "keypress" event for the
-    document (only for the input element), although it will be bubbled up in
-    other contexts.  Since SproutCore's event dispatching requires the
-    document to see the event, we'll manually forward the event along.
-  */
-  _firefox_dispatch_keypress: function(evt) {
-    var selection = this.get('selection'),
-        value     = this.get('value'),
-        valueLen  = value ? value.length : 0,
-        responder;
-    if (!selection  ||  ((selection.get('length') === 0  &&  (selection.get('start') === 0)  ||  selection.get('end') === valueLen))) {
-      responder = SC.RootResponder.responder;
-      if(evt.keyCode===9) return;
-      responder.keypress.call(responder, evt);
-      evt.stopPropagation();
-    }
-  },
-  /** @private */
-  _textField_selectionDidChange: function() {
-    this.notifyPropertyChange('selection');
-  },
-  // ..........................................................
-  // FIRST RESPONDER SUPPORT
-  //
-  // When we become first responder, make sure the field gets focus and
-  // the hint value is hidden if needed.
-  /** @private
-    When we become first responder, focus the text field if needed and
-    hide the hint text.
-  */
-  willBecomeKeyResponderFrom: function(keyView) {
-    if(this.get('isVisibleInWindow')) {
-      var inp = this.$input()[0];
-      try{
-        if(inp) inp.focus();
-      }
-      catch(e){}
-      if(!this._txtFieldMouseDown){
-        this.invokeLast(this._selectRootElement) ;
-      }
-    }
-  },
-  /** @private
-    In IE, you can't modify functions on DOM elements so we need to wrap the
-    call to select() like this.
-  */
-  _selectRootElement: function() {
-    var inputElem = this.$input()[0];
-    // Make sure input element still exists, as a redraw could have remove it
-    // already.
-    if(inputElem) inputElem.select() ;
-    else this._textField_selectionDidChange();
-  },
-  /** @private
-    When we lose first responder, blur the text field if needed and show
-    the hint text if needed.
-  */
-  didLoseKeyResponderTo: function(keyView) {
-    var el = this.$input()[0];
-    if (el) el.blur();
-    this.invokeLater("scrollToOriginIfNeeded", 100);
-  },
-  /** @private
-    Scrolls to origin if necessary (if the pane's current firstResponder is not a text field).
-  */
-  scrollToOriginIfNeeded: function() {
-    var pane = this.get("pane");
-    if (!pane) return;
-    var first = pane.get("firstResponder");
-    if (!first || !first.get("isTextField")) {
-      document.body.scrollTop = document.body.scrollLeft = 0;
-    }
-  },
-  parentViewDidResize: function() {
-    if (SC.browser.mozilla) {
-      this.invokeLast(this._applyFirefoxCursorFix);
-    }
-    sc_super();
-  },
-  /**
-    Simply allow keyDown & keyUp to pass through to the default web browser
-    implementation.
-  */
-  keyDown: function(evt) {
-    var value, view;
-    // Handle return and escape.  this way they can be passed on to the
-    // responder chain.
-    // If the event is triggered by a return while entering IME input,
-    // don't got through this path.
-    var which = evt.which, maxLengthReached = false;
-    if ((which === 13 && !evt.isIMEInput) && !this.get('isTextArea')) {
-      // If we're not continuously updating 'value' as we type, force an update
-      // if return is pressed.
-      if (!this.get('continuouslyUpdatesValue')) {
-        value = this.getValidatedValueFromFieldValue(NO);
-        if ((SC.typeOf(value) !== SC.T_ERROR) || this.get('allowsErrorAsValue')) {
-          this.setIfChanged('value', value);
-          this.applyValueToField(value); // sync text in the text field
-        }
-      }
-      return NO;
-    }
-    if (which === 27) return NO ;
-    // handle tab key
-    if ((which === 9 || evt.keyCode===9) && this.get('defaultTabbingEnabled')) {
-      view = evt.shiftKey ? this.get('previousValidKeyView') : this.get('nextValidKeyView');
-      if (view) view.becomeFirstResponder();
-      else evt.allowDefault();
-      return YES ; // handled
-    }
-    // maxlength for textareas
-    if(!SC.browser.webkit && this.get('isTextArea')){
-      var val = this.get('value'),
-          code = evt.which;
-    // This code is nasty. It's thanks gecko .keycode table that has charters like & with the same keycode as up arrow key
-      if(val && ((!SC.browser.mozilla && code>47) ||
-        (SC.browser.mozilla && ((code>32 && code<43) || code>47) && !(evt.keyCode>36 && evt.keyCode<41))) &&
-        (val.length >= this.get('maxLength'))) {
-        maxLengthReached = true;
-      }
-    }
-    // validate keyDown...
-    // do not validate on touch, as it prevents return.
-    if ((this.performValidateKeyDown(evt) || SC.platform.touch) && !maxLengthReached) {
-      this._isKeyDown = YES ;
-      evt.allowDefault();
-    } else {
-      evt.stop();
-    }
-    if (this.get('applyImmediately')) {
-      // We need this invokeLater as we need to get the value of the field
-      // once the event has been processed. I tried with invokeLast , but
-      // I guess the field doesn't repaint until js execution finishes and
-      // therefore the field value doesn't update if we don't give it a break.
-      this.invokeLater(this.fieldValueDidChange,1); // notify change
-    }
-    return YES;
-  },
-  keyUp: function(evt) {
-    if(SC.browser.mozilla && evt.keyCode===13) this.fieldValueDidChange();
-    // The caret/selection could have moved.  In some browsers, though, the
-    // element's values won't be updated until after this event is finished
-    // processing.
-    this.notifyPropertyChange('selection');
-    this._isKeyDown = NO;
-    evt.allowDefault();
-    return YES;
-  },
-  mouseDown: function(evt) {
-    var fieldValue = this.get('fieldValue'); // use 'fieldValue' since we want actual text
-    this._txtFieldMouseDown=YES;
-    if (!this.get('isEnabled')) {
-      evt.stop();
-      return YES;
-    } else {
-      return sc_super();
-    }
-  },
-  mouseUp: function(evt) {
-    this._txtFieldMouseDown=NO;
-    // The caret/selection could have moved.  In some browsers, though, the
-    // element's values won't be updated until after this event is finished
-    // processing.
-    this.notifyPropertyChange('selection');
-    if (!this.get('isEnabled')) {
-      evt.stop();
-      return YES;
-    }
-    return sc_super();
-  },
-  /**
-    Adds mouse wheel support for textareas.
-  */
-  mouseWheel: function(evt) {
-    if(this.get('isTextArea')) {
-      evt.allowDefault();
-      return YES;
-    } else return NO;
-  },
-  /*
-    Allows text selection in IE. We block the IE only event selectStart to
-    block text selection in all other views.
-  */
-  selectStart: function(evt) {
-    return YES;
-  },
-  /** @private
-    This function is to notify if the browser supports the placeholder attribute
-    or not. Currently is disabled as in webkit there is a bug where the color
-    of the placeholder doesn't refresh all the time.
-  */
-  _supportsPlaceHolder: SC.platform.input.placeholder,
-  /** @private
-    This observer makes sure to hide the hint when a value is entered, or
-    show it if it becomes empty.
-  */
-  _valueObserver: function() {
-    var val = this.get('value'), max;
-    if (val && val.length>0) {
-      this._hintON = NO;
-      max = this.get('maxLength');
-      if(!SC.browser.webkit && val.length>max){
-        this.set('value', val.substr(0, max));
-      }
-    }
-    else {
-      this._hintON = YES;
-    }
-  }.observes('value')
-});