spade 0.0.1 → 0.0.2

data/sproutcore/frameworks/desktop/tests/views/static_content.js

@@ -1,46 +0,0 @@
-// ==========================================================================
-// Project:   SproutCore - JavaScript Application Framework
-// Copyright: ©2006-2011 Strobe Inc. and contributors.
-//            portions copyright ©2010 Apple Inc.
-// License:   Licensed under MIT license (see license.js)
-// ==========================================================================
-
-module('SC.StaticContentView - Basic UI');
-
-test("Frame Recalculation", function() {
-  var callCount = 0, baseCount, content;
-  var pane = SC.PanelPane.create({
-    layout: { width: 500, height: 500, centerX: 0, centerY: 0 },
-    contentView: SC.ScrollView.design({
-      layout: { top: 10, right: 10, bottom: 10, left: 10 }
-    })
-  });
-  var view = SC.StaticContentView.create({
-        content: '<p style="position: relative; margin-top: 80px; font-size: 3em">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>',
-        frameDidChange: function() {
-          callCount += 1;
-        }.observes('frame')
-      });
-
-   pane.setPath('contentView.contentView', view);
-   pane.append();
-   baseCount = callCount;
-   ok(callCount > 0, 'precond - frame should be called at least once when displayed');
-   callCount = 0;
-
-   SC.run(function() { pane.adjust('width', 499); });
-   ok(callCount > 1, 'frame should recompute after parent resizes');
-   callCount = 0;
-
-   content = 'For today, we celebrate the first glorious anniversary of the Information Purification Directives. We have created, for the first time in all history, a garden of pure ideology. Where each worker may bloom secure from the pests of contradictory and confusing truths.Our Unification of Thought is more powerful a weapon than any fleet or army on earth. We are one people. With one will. One resolve. One cause. Our enemies shall talk themselves to death. And we will bury them with their own confusion. We shall prevail!';
-   view.set('content', content);
-   ok(callCount > 0, 'frame should recompute after content changes');
-   callCount = 0;
-
-   SC.RunLoop.begin().end();
-   ok(view.get('layer').textContent.indexOf(content) > -1, 'view should rerender when content changes');
-   view.contentLayoutDidChange();
-   ok(callCount > 0, 'frame should recompute after calling contentLayoutDidChange()');
-
-   pane.remove();
-});

data/sproutcore/frameworks/desktop/tests/views/tab/methods.js

@@ -1,54 +0,0 @@
-// ==========================================================================
-// Project:   SproutCore - JavaScript Application Framework
-// Copyright: ©2006-2011 Strobe Inc. and contributors.
-//            portions copyright @2009 Apple Inc.
-// License:   Licensed under MIT license (see license.js)
-// ==========================================================================
-
-/*global module test htmlbody ok equals same stop start */
-
-var iconURL= "http://www.freeiconsweb.com/Icons/16x16_people_icons/People_046.gif";
-var pane, view;
-module("SC.TabView", {
-  setup: function() {
-    SC.RunLoop.begin();
-    pane = SC.MainPane.create({
-      childViews: [
-        SC.TabView.extend({
-          nowShowing: 'tab2',
-
-          items: [
-            { title: "tab1", value: "tab1" , icon: iconURL},
-            { title: "tab2", value: "tab2" , icon: iconURL},
-            { title: "tab3", value: "tab3" , icon: iconURL}
-          ],
-
-          itemTitleKey: 'title',
-          itemValueKey: 'value',
-          itemIconKey: 'icon',
-          layout: { left:12, height: 200, right:12, top:12 }
-          
-        })]
-    });
-    pane.append(); // make sure there is a layer...
-    SC.RunLoop.end();
-    
-    view = pane.childViews[0];
-  }, 
-  
-  teardown: function() {
-    pane.remove();
-    pane = view = null ;
-  }
-});
-
-test("Check that all segmentedViews are visible", function() {
-   ok(true, 'hello');
- });
-
-
-//_tab_nowShowingDidChange: function() {
-
-//_tab_saveUserDefault: function() {
-
-//_tab_itemsDidChange: function() {

data/sproutcore/frameworks/desktop/tests/views/tab/ui.js

@@ -1,92 +0,0 @@
-// ==========================================================================
-// Project:   SproutCore - JavaScript Application Framework
-// Copyright: ©2006-2011 Strobe Inc. and contributors.
-//            portions copyright @2009 Apple Inc.
-// License:   Licensed under MIT license (see license.js)
-// ==========================================================================
-
-/*global module test htmlbody ok equals same stop start */
-
-
-(function() {
-  var iconURL= "http://www.freeiconsweb.com/Icons/16x16_people_icons/People_046.gif";
-
-  var pane = SC.ControlTestPane.design()
-
-    .add("tabView1", SC.TabView, {
-      nowShowing: 'tab2',
-
-      items: [
-        { title: "tab1", value: "tab1" , icon: iconURL},
-        { title: "tab2", value: "tab2" , icon: iconURL},
-        { title: "tab3", value: "tab3" , icon: iconURL}
-      ],
-
-      itemTitleKey: 'title',
-      itemValueKey: 'value',
-      itemIconKey: 'icon',
-      layout: { left:12, height: 200, right:12, top:12 }
-
-  })
-
-  .add("tabView2", SC.TabView, {
-    nowShowing: 'tab3',
-
-    items: [
-      { title: "tab1", value: "tab1" },
-      { title: "tab2", value: "tab2" },
-      { title: "tab3", value: "tab3" }
-    ],
-
-    itemTitleKey: 'title',
-    itemValueKey: 'value',
-    layout: { left:12, height: 200, right:12, top:12 }
-
-    })
-    .add("tabView3", SC.TabView, {
-
-      items: [
-        { title: "tab1", value: "tab1" },
-        { title: "tab2", value: "tab2" },
-        { title: "tab3", value: "tab3" }
-      ],
-
-      itemTitleKey: 'title',
-      itemValueKey: 'value',
-      layout: { left:12, height: 200, right:12, top:12}
-    });
-
-  pane.show(); // add a test to show the test pane
-
-  // ..........................................................
-  // TEST VIEWS
-  //
-  module('SC.TabView ui', {
-    setup: function(){
-      htmlbody('<style> .sc-static-layout { border: 1px red dotted; } </style>');
-      pane.standardSetup().setup();
-    },
-    teardown: function(){
-      pane.standardSetup().teardown();
-      clearHtmlbody();
-    }
-  });
-
-  test("Check that all tabViews are visible", function() {
-    ok(pane.view('tabView1').get('isVisibleInWindow'), 'tabView1.isVisibleInWindow should be YES');
-    ok(pane.view('tabView2').get('isVisibleInWindow'), 'tabView2.isVisibleInWindow should be YES');
-    ok(pane.view('tabView3').get('isVisibleInWindow'), 'tabView3.isVisibleInWindow should be YES');
-   });
-
-
-   test("Check that the tabView has the right classes set", function() {
-     var view = pane.view('tabView1');
-     var viewElem = view.$();
-     ok(viewElem.hasClass('sc-view'), 'tabView1.hasClass(sc-view) should be YES');
-     ok(viewElem.hasClass('sc-tab-view'), 'tabView1.hasClass(sc-tab-view) should be YES');
-     ok(view.$('.sc-segmented-view').length, 'tabView1 should contain a segmented view');
-     ok(view.$('.sc-container-view').length, 'tabView1 should contain a container view');
-   });
-
-
-})();

data/sproutcore/frameworks/desktop/tests/views/toolbar/method.js

@@ -1,33 +0,0 @@
-// ==========================================================================
-// Project:   SproutCore - JavaScript Application Framework
-// Copyright: ©2006-2010 Sprout Systems, Inc. and contributors.
-//            portions copyright @2009 Apple Inc.
-// License:   Licensed under MIT license (see license.js)
-// ==========================================================================
-
-/*global module test htmlbody ok equals same stop start */
-
-var pane, view;
-module("SC.ToolbarView", {
-  setup: function() {
-    SC.RunLoop.begin();
-    pane = SC.MainPane.create({
-      childViews: [
-        SC.ToolbarView.extend({
-          layout: { left:12, height: 200, right:12, top:12 }
-          
-        })]
-    });
-    pane.append(); // make sure there is a layer...
-    SC.RunLoop.end();
-    
-    view = pane.childViews[0];
-  }, 
-  
-  teardown: function() {
-    pane.remove();
-    pane = view = null ;
-  }
-});
-
-

data/sproutcore/frameworks/desktop/tests/views/toolbar/ui.js

@@ -1,29 +0,0 @@
-// ==========================================================================
-// Project:   SproutCore - JavaScript Application Framework
-// Copyright: ©2006-2010 Sprout Systems, Inc. and contributors.
-//            portions copyright @2009 Apple Inc.
-// License:   Licensed under MIT license (see license.js)
-// ==========================================================================
-
-/*global module test htmlbody ok equals same stop start */
-
-
-var pane;
-(function() {
-
-  pane = SC.ControlTestPane.design()
-
-  .add("aria-role_ToolbarView", SC.ToolbarView, {
-    
-  });
-
-  pane.show();
-
-  module('SC.ToolbarView UI', pane.standardSetup());
-
-  test("Check that the toolbar view has role set", function(){
-    var viewElem = pane.view('aria-role_ToolbarView').$();
-
-    equals(viewElem.attr('role'), 'toolbar', "toolbar view has correct role set");
-  });
-})();

data/sproutcore/frameworks/desktop/tests/views/web/methods.js

@@ -1,10 +0,0 @@
-// ==========================================================================
-// Project:   SproutCore - JavaScript Application Framework
-// Copyright: ©2006-2011 Strobe Inc. and contributors.
-//            portions copyright @2009 Apple Inc.
-// License:   Licensed under MIT license (see license.js)
-// ==========================================================================
-
-/*global module test htmlbody ok equals same stop start */
-
-module("TODO: Test SC.WebView Methods");

data/sproutcore/frameworks/desktop/tests/views/web/ui.js

@@ -1,110 +0,0 @@
-// ==========================================================================
-// Project:   SproutCore - JavaScript Application Framework
-// Copyright: ©2006-2011 Strobe Inc. and contributors.
-//            portions copyright @2009 Apple Inc.
-// License:   Licensed under MIT license (see license.js)
-// ==========================================================================
-/*global module test htmlbody ok equals same stop start v*/
-
-(function() {
-  var pane = SC.ControlTestPane.design()
-
-  .add("basic", SC.WebView, {
-    value: "/clock",
-    layout: {
-      width: 250,
-      height: 150
-    }
-  }).add("change src/value", SC.WebView, {
-    value: "/clock",
-    layout: {
-      width: 250,
-      height: 150
-    }
-  }).add("auto resize", SC.WebView, {
-    value: sc_static('iframe'),
-    shouldAutoResize: YES,
-    layout: {
-      width: 250,
-      height: 150
-    }
-  }).add("don\'t auto resize", SC.WebView, {
-    shouldAutoResize: NO,
-    //set the value later when you need it
-    layout: {
-      width: 250,
-      height: 150
-    }
-  });
-
-  pane.show(); // add a test to show the test pane
-  // ..........................................................
-  // TEST VIEWS
-  // 
-  module('SC.WebView UI');
-
-  test("attributes tests",
-  function() {
-    var view = pane.view('basic');
-    var iframe = view.$('iframe');
-    var rootElement = view.$();
-    ok(view, 'view should exist');
-    ok(view.get('value'), 'should have value property');
-    equals(view.get('shouldAutoResize'), NO, 'should have autoresize off by default, shouldAutoResize');
-    ok(rootElement.hasClass('sc-view'), 'should have sc-view css class');
-    ok(rootElement.hasClass('sc-web-view'), 'should have sc-web-view css class');
-    equals(rootElement.height(), 150, 'should have height');
-    equals(rootElement.width(), 250, 'should have width');
-    ok(iframe, 'should have iframe element');
-    equals(iframe.attr('src'), "/clock", "should have source as /clock");
-    ok(iframe[0].contentWindow, 'should have content window if src is from the same domain');
-
-  });
-
-  test('change src/value',
-  function() {
-    var view = pane.view('change src/value');
-    var iframe = view.$('iframe');
-    equals(view.get('value'), "/clock", "should have value property in view as \'/clock\' before changing source");
-    SC.RunLoop.begin();
-    view.set('value', "/store_configurator");
-    SC.RunLoop.end();
-    equals(view.get('value'), "/store_configurator", "should have value property in view as \'/store_configurator\' after changing source");
-    equals(iframe.attr('src'), "/store_configurator", "should have source in the iframe as \'/store_configurator\'");
-  });
-
-  test('auto resize tests, shouldAutoResize:YES',
-  function() {
-    var view = pane.view('auto resize');
-    //set the test wrapper element's overflow to auto so that you can see the resize magic'
-    view.$()[0].parentNode.style.overflow = "auto";
-    equals(view.get('shouldAutoResize'), YES, 'should have auto resize flag as true');
-    stop();
-    SC.Event.add(view.$('iframe')[0], 'load', this,
-    function() {
-      ok(view.$().height() > 150, "height of view should change based on content");
-      ok(view.$().width() > 200, "width of view should change based on content");
-      start();
-    });
-  });
-
-  test('auto resize tests, shouldAutoResize:NO',
-  function() {
-    var view = pane.view('don\'t auto resize');
-    equals(view.get('shouldAutoResize'), NO, 'should have auto resize flag as false');
-    
-    /** set the src a bit late so that the following onload event get's hooked 
-    up before it actually loads
-    */
-    SC.RunLoop.begin();
-    view.set('value', sc_static('iframe'));
-    SC.RunLoop.end();
-    stop();
-    SC.Event.add(view.$('iframe')[0], 'load', this,
-    function() {
-      ok(view.$().height() === 150, "height of view should not change based on content");
-      ok(view.$().width() === 250, "width of view should not change based on content");
-      start();
-    });
-  });
-})();

data/sproutcore/frameworks/desktop/tests/views/well/ui.js

@@ -1,54 +0,0 @@
-// ==========================================================================
-// Project:   SproutCore - JavaScript Application Framework
-// Copyright: ©2006-2011 Strobe Inc. and contributors.
-//            portions copyright @2009 Apple Inc.
-// License:   Licensed under MIT license (see license.js)
-// ==========================================================================
-
-/*global module test htmlbody ok equals same stop start */
-
-var iconURL= "http://www.freeiconsweb.com/Icons/16x16_people_icons/People_046.gif";
-var pane, view;
-module("SC.TabView", {
-  setup: function() {
-    SC.RunLoop.begin();
-    pane = SC.MainPane.create({
-      childViews: [
-        SC.TabView.extend({
-          nowShowing: 'tab2',
-
-          items: [
-            { title: "tab1", value: "tab1" , icon: iconURL},
-            { title: "tab2", value: "tab2" , icon: iconURL},
-            { title: "tab3", value: "tab3" , icon: iconURL}
-          ],
-
-          itemTitleKey: 'title',
-          itemValueKey: 'value',
-          itemIconKey: 'icon',
-          layout: { left:12, height: 200, right:12, top:12 }
-          
-        })]
-    });
-    pane.append(); // make sure there is a layer...
-    SC.RunLoop.end();
-    
-    view = pane.childViews[0];
-  }, 
-  
-  teardown: function() {
-    pane.remove();
-    pane = view = null ;
-  }
-});
-
-test("Check that all segmentedViews are visible", function() {
-   ok(true, 'hello');
- });
-
-
-//_tab_nowShowingDidChange: function() {
-
-//_tab_saveUserDefault: function() {
-
-//_tab_itemsDidChange: function() {

data/sproutcore/frameworks/desktop/views/button.js

@@ -1,564 +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)
-// ==========================================================================
-
-/** @class
-
-  Implements a push-button-style button.  This class is used to implement
-  both standard push buttons and tab-style controls.  See also SC.CheckboxView
-  and SC.RadioView which are implemented as field views, but can also be
-  treated as buttons.
-
-  By default, a button uses the SC.Control mixin which will apply CSS
-  classnames when the state of the button changes:
-    - active     when button is active
-    - sel        when button is toggled to a selected state
-
-  @extends SC.View
-  @extends SC.Control
-  @extends SC.Button
-  @since SproutCore 1.0
-*/
-SC.ButtonView = SC.View.extend(SC.Control, SC.Button,
-/** @scope SC.ButtonView.prototype */ {
-
-  /**
-    The HTML representation of SC.ButtonView contains the 'sc-button-view'
-    class.
-
-    @property {Array}
-  */
-  classNames: ['sc-button-view'],
-
-  /**
-    The theme to apply to the button. By default, a subtheme with the name of
-    'square' is created for backwards-compatibility.
-
-    @property {String}
-  */
-  themeName: 'square',
-
-  /**
-    The behavioral mode of this button.
-
-    Possible values are:
-    - *SC.PUSH_BEHAVIOR* Pressing the button will trigger an action tied to the
-      button. Does not change the value of the button.
-    - *SC.TOGGLE_BEHAVIOR* Pressing the button will invert the current value of
-      the button. If the button has a mixed value, it will be set to true.
-    - *SC.TOGGLE_ON_BEHAVIOR* Pressing the button will set the current state to
-      true no matter the previous value.
-    - *SC.TOGGLE_OFF_BEHAVIOR* Pressing the button will set the current state to
-      false no matter the previous value.
-    - *SC.HOLD_BEHAVIOR* Pressing the button will cause the action to repeat at a
-      regular interval specifed by 'holdInterval'
-
-    @property {String}
-  */
-  buttonBehavior: SC.PUSH_BEHAVIOR,
-
-  /*
-    If buttonBehavior is SC.HOLD_BEHAVIOR, this specifies, in milliseconds,
-    how often to trigger the action. Ignored for other behaviors.
-
-    @property {Number}
-  */
-  holdInterval: 100,
-
-  /**
-    If YES, then this button will be triggered when you hit return.
-
-    This is the same as setting the keyEquivalent to 'return'.  This will also
-    apply the "def" classname to the button.
-
-    @property {Boolean}
-  */
-  isDefault: NO,
-  isDefaultBindingDefault: SC.Binding.oneWay().bool(),
-
-  /**
-    If YES, then this button will be triggered when you hit escape.
-    This is the same as setting the keyEquivalent to 'escape'.
-
-    @property {Boolean}
-  */
-  isCancel: NO,
-  isCancelBindingDefault: SC.Binding.oneWay().bool(),
-
-  /**
-    The name of the action you want triggered when the button is pressed.
-
-    This property is used in conjunction with the target property to execute
-    a method when a regular button is pressed.  These properties are not
-    relevant when the button is used in toggle mode.
-
-    If you do not set a target, then pressing a button will cause the
-    responder chain to search for a view that implements the action you name
-    here.  If you set a target, then the button will try to call the method
-    on the target itself.
-
-    For legacy support, you can also set the action property to a function.
-    Doing so will cause the function itself to be called when the button is
-    clicked.  It is generally better to use the target/action approach and
-    to implement your code in a controller of some type.
-
-    @property {String}
-  */
-  action: null,
-
-  /**
-    The target object to invoke the action on when the button is pressed.
-
-    If you set this target, the action will be called on the target object
-    directly when the button is clicked.  If you leave this property set to
-    null, then the button will search the responder chain for a view that
-    implements the action when the button is pressed instead.
-
-    @property {Object}
-  */
-  target: null,
-
-  /**
-    If YES, use a focus ring.
-    
-    TODO: When is this property ever changed? Is this redundant with
-    render delegates since it can now be turned on on a theme-by-theme
-    basis? --TD
-
-    @property {Boolean}
-  */
-  supportFocusRing: NO,
-
-  // TODO: What the hell is this? --TD
-  _labelMinWidthIE7: 0,
-
-  /**
-    Called when the user presses a shortcut key, such as return or cancel,
-    associated with this button.
-
-    Highlights the button to show that it is being triggered, then, after a
-    delay, performs the button's action.
-
-    Does nothing if the button is disabled.
-
-    @param {Event} evt
-    @returns {Boolean} success/failure of the request
-  */
-  triggerActionAfterDelay: function(evt) {
-    // If this button is disabled, we have nothing to do
-    if (!this.get('isEnabled')) return NO;
-
-    // Set active state of the button so it appears highlighted
-    this.set('isActive', YES);
-
-    // Invoke the actual action method after a small delay to give the user a
-    // chance to see the highlight. This is especially important if the button
-    // closes a pane, for example.
-    this.invokeLater('triggerAction', 200, evt);
-    return YES;
-  },
-
-  /** @private
-    Called by triggerActionAfterDelay; this method actually
-    performs the action and restores the button's state.
-
-    @param {Event} evt
-  */
-  triggerAction: function(evt) {
-    this._action(evt, YES);
-    this.didTriggerAction();
-    this.set('isActive', NO);
-  },
-
-  /**
-    Callback called anytime the button's action is triggered.  You can
-    implement this method in your own subclass to perform any cleanup needed
-    after an action is performed.
-  */
-  didTriggerAction: function() {},
-
-  /**
-    The minimum width the button title should consume.  This property is used
-    when generating the HTML styling for the title itself.  The default
-    width of 80 usually provides a nice looking style, but you can set it to 0
-    if you want to disable minimum title width.
-
-    Note that the title width does not exactly match the width of the button
-    itself.  Extra padding added by the theme can impact the final total
-    size.
-    
-    TODO: Why is this not set by the theme? --TD
-
-    @property {Number}
-  */
-  titleMinWidth: 80,
-
-  // ................................................................
-  // INTERNAL SUPPORT
-
-  /** @private - save keyEquivalent for later use */
-  init: function() {
-    sc_super();
-
-    var keyEquivalent = this.get('keyEquivalent');
-    // Cache the key equivalent. The key equivalent is saved so that if,
-    // for example, isDefault is changed from YES to NO, the old key
-    // equivalent can be restored.
-    if (keyEquivalent) {
-      this._defaultKeyEquivalent = keyEquivalent;
-    }
-  },
-
-  /**
-    The WAI-ARIA role of the button.
-  */
-  ariaRole: 'button',
-
-  // display properties that should automatically cause a refresh.
-  // isCancel and isDefault also cause a refresh but this is implemented as
-  // a separate observer (see below)
-
-  /** @private
-    The following properties affect how SC.ButtonView is rendered, and will
-    cause the view to be rerendered if they change.
-    
-    @property {Array}
-  */
-  displayProperties: [
-    'icon', 'displayTitle', 'value', 'displayToolTip', 'isDefault', 'isCancel', 
-    'escapeHTML', 'needsEllipsis', 'hint', 'titleMinWidth', 'supportFocusRing'
-  ],
-
-  /**
-    The name of the render delegate in the theme that should be used to
-    render the button.
-    
-    In this case, the 'button' property will be retrieved from the theme and
-    set to the render delegate of this view.
-    
-    @property {String}
-  */
-  renderDelegateName: 'buttonRenderDelegate',
-
-  /** @private
-    Used to store the keyboard equivalent.
-    
-    Setting the isDefault property to YES, for example, will cause the
-    keyEquivalent property to 'return'. This cached value is used to restore
-    the keyEquivalent property if isDefault is set back to NO.
-    
-    @property {String}
-  */
-  _defaultKeyEquivalent: null,
-
-  /** @private
-
-    Whenever the isDefault or isCancel property changes, re-render and change
-    the keyEquivalent property so that we respond to the return or escape key.
-  */
-  _isDefaultOrCancelDidChange: function() {
-    var isDefault = !!this.get('isDefault'),
-        isCancel = !isDefault && this.get('isCancel') ;
-
-    if (isDefault) {
-      this.set('keyEquivalent', 'return'); // change the key equivalent
-    } else if (isCancel) {
-      this.set('keyEquivalent', 'escape') ;
-    } else {
-      // Restore the default key equivalent
-      this.set('keyEquivalent', this._defaultKeyEquivalent);
-    }
-  }.observes('isDefault', 'isCancel'),
-
-  /** @private
-    On mouse down, set active only if enabled.
-  */
-  mouseDown: function(evt) {
-    var buttonBehavior = this.get('buttonBehavior');
-
-    if (!this.get('isEnabled')) return YES ; // handled event, but do nothing
-    this.set('isActive', YES);
-    this._isMouseDown = YES;
-
-    if (buttonBehavior === SC.HOLD_BEHAVIOR) {
-      this._action(evt);
-    } else if (!this._isFocused && (buttonBehavior!==SC.PUSH_BEHAVIOR)) {
-      this._isFocused = YES ;
-      this.becomeFirstResponder();
-      if (this.get('isVisibleInWindow')) {
-        this.get('layer').focus();
-      }
-    }
-
-    return YES ;
-  },
-
-  /** @private
-    Remove the active class on mouseExited if mouse is down.
-  */
-  mouseExited: function(evt) {
-    if (this._isMouseDown) {
-      this.set('isActive', NO);
-    }
-    return YES;
-  },
-
-  /** @private
-    If mouse was down and we renter the button area, set the active state again.
-  */
-  mouseEntered: function(evt) {
-    if (this._isMouseDown) {
-      this.set('isActive', YES);
-    }
-    return YES;
-  },
-
-  /** @private
-    ON mouse up, trigger the action only if we are enabled and the mouse was released inside of the view.
-  */
-  mouseUp: function(evt) {
-    if (this._isMouseDown) this.set('isActive', NO); // track independently in case isEnabled has changed
-    this._isMouseDown = false;
-
-    if (this.get('buttonBehavior') !== SC.HOLD_BEHAVIOR) {
-      var inside = this.$().within(evt.target);
-      if (inside && this.get('isEnabled')) this._action(evt) ;
-    }
-
-    return YES ;
-  },
-
-  touchStart: function(touch){
-    var buttonBehavior = this.get('buttonBehavior');
-
-    if (!this.get('isEnabled')) return YES ; // handled event, but do nothing
-    this.set('isActive', YES);
-
-    if (buttonBehavior === SC.HOLD_BEHAVIOR) {
-      this._action(touch);
-    } else if (!this._isFocused && (buttonBehavior!==SC.PUSH_BEHAVIOR)) {
-      this._isFocused = YES ;
-      this.becomeFirstResponder();
-      if (this.get('isVisibleInWindow')) {
-        this.$()[0].focus();
-      }
-    }
-
-    // don't want to do whatever default is...
-    touch.preventDefault();
-
-    return YES;
-  },
-
-  touchesDragged: function(evt, touches) {
-    if (!this.touchIsInBoundary(evt)) {
-      if (!this._touch_exited) this.set('isActive', NO);
-      this._touch_exited = YES;
-    } else {
-      if (this._touch_exited) this.set('isActive', YES);
-      this._touch_exited = NO;
-    }
-
-    evt.preventDefault();
-    return YES;
-  },
-
-  touchEnd: function(touch){
-    this._touch_exited = NO;
-    this.set('isActive', NO); // track independently in case isEnabled has changed
-
-    if (this.get('buttonBehavior') !== SC.HOLD_BEHAVIOR) {
-      if (this.touchIsInBoundary(touch) && this.get('isEnabled')) {
-        this._action();
-      }
-    }
-
-    touch.preventDefault();
-    return YES ;
-  },
-
-
-  /** @private */
-  keyDown: function(evt) {
-    // handle tab key
-    if (evt.which === 9 || evt.keyCode === 9) {
-      var view = evt.shiftKey ? this.get('previousValidKeyView') : this.get('nextValidKeyView');
-      if(view) view.becomeFirstResponder();
-      else evt.allowDefault();
-      return YES ; // handled
-    }
-    if (evt.which === 13) {
-      this.triggerActionAfterDelay(evt);
-      return YES ; // handled
-    }
-    return NO;
-  },
-
-  /** @private  Perform an action based on the behavior of the button.
-
-   - toggle behavior: switch to on/off state
-   - on behavior: turn on.
-   - off behavior: turn off.
-   - otherwise: invoke target/action
-  */
-  _action: function(evt, skipHoldRepeat) {
-    switch(this.get('buttonBehavior')) {
-
-    // When toggling, try to invert like values. i.e. 1 => 0, etc.
-    case SC.TOGGLE_BEHAVIOR:
-      var sel = this.get('isSelected') ;
-      if (sel) {
-        this.set('value', this.get('toggleOffValue')) ;
-      } else {
-        this.set('value', this.get('toggleOnValue')) ;
-      }
-      break ;
-
-    // set value to on.  change 0 => 1.
-    case SC.TOGGLE_ON_BEHAVIOR:
-      this.set('value', this.get('toggleOnValue')) ;
-      break ;
-
-    // set the value to false. change 1 => 0
-    case SC.TOGGLE_OFF_BEHAVIOR:
-      this.set('value', this.get('toggleOffValue')) ;
-      break ;
-
-    case SC.HOLD_BEHAVIOR:
-      this._runHoldAction(evt, skipHoldRepeat);
-      break ;
-
-    // otherwise, just trigger an action if there is one.
-    default:
-      //if (this.action) this.action(evt);
-      this._runAction(evt);
-    }
-  },
-
-  /** @private */
-  _runAction: function(evt) {
-    var action = this.get('action'),
-        target = this.get('target') || null,
-        rootResponder = this.getPath('pane.rootResponder');
-    
-    if (action) {
-      if (this._hasLegacyActionHandler()) {
-        // old school... V
-        this._triggerLegacyActionHandler(evt);
-      } else {
-        if (rootResponder) {
-          // newer action method + optional target syntax...
-          rootResponder.sendAction(action, target, this, this.get('pane'), null, this);
-        }
-      }
-    }
-  },
-
-  /** @private */
-  _runHoldAction: function(evt, skipRepeat) {
-    if (this.get('isActive')) {
-      this._runAction();
-
-      if (!skipRepeat) {
-        // This run loop appears to only be necessary for testing
-        SC.RunLoop.begin();
-        this.invokeLater('_runHoldAction', this.get('holdInterval'), evt);
-        SC.RunLoop.end();
-      }
-    }
-  },
-
-  /** @private */
-  _hasLegacyActionHandler: function()
-  {
-    var action = this.get('action');
-    if (action && (SC.typeOf(action) === SC.T_FUNCTION)) return true;
-    if (action && (SC.typeOf(action) === SC.T_STRING) && (action.indexOf('.') != -1)) return true;
-    return false;
-  },
-
-  /** @private */
-  _triggerLegacyActionHandler: function( evt )
-  {
-    if (!this._hasLegacyActionHandler()) return false;
-
-    var action = this.get('action');
-    if (SC.typeOf(action) === SC.T_FUNCTION) this.action(evt);
-    if (SC.typeOf(action) === SC.T_STRING) {
-      eval("this.action = function(e) { return "+ action +"(this, e); };");
-      this.action(evt);
-    }
-  },
-
-  /** tied to the isEnabled state */
-  acceptsFirstResponder: function() {
-    if(!SC.SAFARI_FOCUS_BEHAVIOR) return this.get('isEnabled');
-    else return NO;
-  }.property('isEnabled'),
-
-  willBecomeKeyResponderFrom: function(keyView) {
-    // focus the text field.
-    if (!this._isFocused) {
-      this._isFocused = YES ;
-      this.becomeFirstResponder();
-      if (this.get('isVisibleInWindow')) {
-        this.$().focus();
-      }
-    }
-  },
-
-  willLoseKeyResponderTo: function(responder) {
-    if (this._isFocused) this._isFocused = NO ;
-  },
-
-  didAppendToDocument: function() {
-    if(parseInt(SC.browser.msie, 0)===7 && this.get('useStaticLayout')){
-      var layout = this.get('layout'),
-          elem = this.$(), w=0;
-      if(elem && elem[0] && (w=elem[0].clientWidth) && w!==0 && this._labelMinWidthIE7===0){
-        var label = this.$('.sc-button-label'),
-            paddingRight = parseInt(label.css('paddingRight'),0),
-            paddingLeft = parseInt(label.css('paddingLeft'),0),
-            marginRight = parseInt(label.css('marginRight'),0),
-            marginLeft = parseInt(label.css('marginLeft'),0);
-        if(marginRight=='auto') SC.Logger.log(marginRight+","+marginLeft+","+paddingRight+","+paddingLeft);
-        if(!paddingRight && isNaN(paddingRight)) paddingRight = 0;
-        if(!paddingLeft && isNaN(paddingLeft)) paddingLeft = 0;
-        if(!marginRight && isNaN(marginRight)) marginRight = 0;
-        if(!marginLeft && isNaN(marginLeft)) marginLeft = 0;
-
-        this._labelMinWidthIE7 = w-(paddingRight + paddingLeft)-(marginRight + marginLeft);
-        label.css('minWidth', this._labelMinWidthIE7+'px');
-      }else{
-        this.invokeLater(this.didAppendToDocument, 1);
-      }
-    }
-  }
-
-}) ;
-
-// ..........................................................
-// CONSTANTS
-//
-SC.TOGGLE_BEHAVIOR = 'toggle';
-SC.PUSH_BEHAVIOR =   'push';
-SC.TOGGLE_ON_BEHAVIOR = 'on';
-SC.TOGGLE_OFF_BEHAVIOR = 'off';
-SC.HOLD_BEHAVIOR = 'hold';
-
-/**
-  The delay after which "click" behavior should transition to "click and hold"
-  behavior. This is used by subclasses such as PopupButtonView and
-  SelectButtonView.
-
-  @constant
-  @type Number
-*/
-SC.ButtonView.CLICK_AND_HOLD_DELAY = SC.browser.msie ? 600 : 300;
-
-SC.REGULAR_BUTTON_HEIGHT=24;
-
-SC.ButtonView.hasGivenDeprecationWarning = NO;