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/desktop/panes/menu.js DELETED Viewed

@@ -1,1141 +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)
-// ==========================================================================
-require('panes/picker');
-require('views/menu_item');
-/**
-  @class
-  SC.MenuPane allows you to display a standard menu. Menus appear over other
-  panes, and block input to other views until a selection is made or the pane
-  is dismissed by clicking outside of its bounds.
-  You can create a menu pane and manage it yourself, or you can use the
-  SC.SelectButtonView and SC.PopupButtonView controls to manage the menu for
-  you.
-  h2. Specifying Menu Items
-  The menu pane examines the @items@ property to determine what menu items
-  should be presented to the user.
-  In its most simple form, you can provide an array of strings. Every item
-  will be converted into a menu item whose title is the string.
-  If you need more control over the menu items, such as specifying a keyboard
-  shortcut, enabled state, custom height, or submenu, you can provide an array
-  of content objects.
-  Out of the box, the menu pane has some default keys it uses to get
-  information from the objects. For example, to find out the title of the menu
-  item, the menu pane will ask your object for its @title@ property. If you
-  need to change this key, you can set the @itemTitleKey@ property on the pane
-  itself.
-  {{{
-    var menuItems = [
-      { title: 'Menu Item', keyEquivalent: 'ctrl_shift_n' },
-      { title: 'Checked Menu Item', isChecked: YES, keyEquivalent: 'ctrl_a' },
-      { title: 'Selected Menu Item', keyEquivalent: 'backspace' },
-      { isSeparator: YES },
-      { title: 'Menu Item with Icon', icon: 'inbox', keyEquivalent: 'ctrl_m' },
-      { title: 'Menu Item with Icon', icon: 'folder', keyEquivalent: 'ctrl_p' }
-    ];
-    var menu = SC.MenuPane.create({
-      items: menuItems
-    });
-  }}}
-  h2. Observing User Selections
-  To determine when a user clicks on a menu item, you can observe the
-  @selectedItem@ property for changes.
-  @extends SC.PickerPane
-  @since SproutCore 1.0
-*/
-SC.MenuPane = SC.PickerPane.extend(
-/** @scope SC.MenuPane.prototype */ {
-  classNames: ['sc-menu'],
-  /**
-    The WAI-ARIA role for menu pane. This property's value should not be
-    changed.
-    @property {String}
-  */
-  ariaRole: 'menu',
-  // ..........................................................
-  // PROPERTIES
-  //
-  /**
-    The array of items to display. This can be a simple array of strings,
-    objects or hashes. If you pass objects or hashes, you can also set the
-    various itemKey properties to tell the menu how to extract the information
-    it needs.
-    @type String
-  */
-  items: [],
-  /**
-    The size of the menu. This will set a CSS style on the menu that can be
-    used by the current theme to style the appearance of the control. This
-    value will also determine the default itemHeight, itemSeparatorHeight,
-    menuHeightPadding, and submenuOffsetX if you don't explicitly set these
-    properties.
-    Your theme can override the default values for each control size. For
-    example, to set the height of menu items for small menus, you could set
-    {{{
-      SC.MenuPane.SMALL_MENU_ITEM_HEIGHT = 10;
-    }}}
-    Changing the controlSize once the menu is instantiated has no effect.
-    @type String
-    @default SC.REGULAR_CONTROL_SIZE
-  */
-  controlSize: SC.REGULAR_CONTROL_SIZE,
-  /**
-    The height of each menu item, in pixels.
-    You can override this on a per-item basis by setting the (by default)
-    @height@ property on your object.
-    If you don't specify a value, the item height will be inferred from
-    controlSize.
-    @type Number
-    @default null
-  */
-  itemHeight: null,
-  /**
-    The height of separator menu items.
-    You can override this on a per-item basis by setting the (by default)
-    @height@ property on your object.
-    If you don't specify a value, the height of the separator menu items will
-    be inferred from controlSize.
-    @type Number
-    @default null
-  */
-  itemSeparatorHeight: null,
-  /**
-    The height of the menu pane.  This is updated every time menuItemViews
-    is recalculated.
-    @type Number
-    @isReadOnly
-  */
-  menuHeight: 0,
-  /**
-    The amount of padding to add to the height of the pane.
-    The first menu item is offset by half this amount, and the other half is
-    added to the height of the menu, such that a space between the top and the
-    bottom is created.
-    If you don't specify a value, the padding will be inferred from the
-    controlSize.
-    @type Number
-    @default null
-  */
-  menuHeightPadding: null,
-  /**
-    The amount of offset x while positioning submenu.
-    If you don't specify a value, the padding will be inferred from the
-    controlSize.
-    @type Number
-    @default null
-  */
-  submenuOffsetX: null,
-  /**
-    The last menu item to be selected by the user.
-    You can place an observer on this property to be notified when the user
-    makes a selection.
-    @type SC.Object
-    @default null
-    @isReadOnly
-  */
-  selectedItem: null,
-  /**
-    The view class to use when creating new menu item views.
-    The menu pane will automatically create an instance of the view class you
-    set here for each item in the @items@ array. You may provide your own
-    subclass for this property to display the customized content.
-    @default SC.MenuItemView
-    @type SC.View
-  */
-  exampleView: SC.MenuItemView,
-  /**
-    The view or element to which the menu will anchor itself.
-    When the menu pane is shown, it will remain anchored to the view you
-    specify, even if the window is resized. You should specify the anchor as a
-    parameter when calling @popup()@, rather than setting it directly.
-    @type SC.View
-    @isReadOnly
-  */
-  anchor: null,
-  /**
-    YES if this menu pane was generated by a parent SC.MenuPane.
-    @type Boolean
-    @isReadOnly
-  */
-  isSubMenu: NO,
-  /**
-    Whether the title of menu items should be localized before display.
-    @type Boolean
-    @default YES
-  */
-  localize: YES,
-  /**
-    Whether or not this menu pane should accept the “current menu pane”
-    designation when visible, which is the highest-priority pane when routing
-    events.  Generally you want this set to YES so that your menu pane can
-    intercept keyboard events.
-    @type Boolean
-    @default YES
-  */
-  acceptsMenuPane: YES,
-  /**
-    Disable context menu.
-  */
-  isContextMenuEnabled: NO,
-  // ..........................................................
-  // METHODS
-  //
-  /**
-    Makes the menu visible and adds it to the HTML document.
-    If you provide a view or element as the first parameter, the menu will
-    anchor itself to the view, and intelligently reposition itself if the
-    contents of the menu exceed the available space.
-    @param SC.View anchorViewOrElement the view or element to which the menu
-    should anchor.
-    @param preferMatrix The prefer matrix used to position the pane.
-    (optional)
-  */
-  popup: function(anchorViewOrElement, preferMatrix) {
-    var anchor;
-    this.beginPropertyChanges();
-    if (anchorViewOrElement) {
-      anchor = anchorViewOrElement.isView ? anchorViewOrElement.get('layer') : anchorViewOrElement;
-    }
-    this.set('anchorElement',anchor) ;
-    this.set('anchor',anchorViewOrElement);
-    if (preferMatrix) this.set('preferMatrix',preferMatrix) ;
-    this.adjust('height', this.get('menuHeight'));
-    this.positionPane();
-    // Because panes themselves do not receive key events, we need to set the
-    // pane's defaultResponder to itself. This way key events can be
-    // interpreted in keyUp.
-    this.set('defaultResponder', this);
-    this.endPropertyChanges();
-    this._hideOverflow();
-    this.append();
-  },
-  /**
-    Removes the menu from the screen.
-    @returns {SC.MenuPane} receiver
-  */
-  remove: function() {
-    var parentMenu = this.get('parentMenu');
-    this.set('currentMenuItem', null);
-    this.closeOpenMenus();
-    this.resignMenuPane();
-    if (parentMenu) {
-      parentMenu.becomeMenuPane();
-    }
-    return sc_super();
-  },
-  // ..........................................................
-  // ITEM KEYS
-  //
-  /**
-    The name of the property that contains the title for each item.
-    @type String
-    @default "title"
-    @commonTask Menu Item Properties
-  */
-  itemTitleKey: 'title',
-  /**
-    The name of the property that determines whether the item is enabled.
-    @type String
-    @default "isEnabled"
-    @commonTask Menu Item Properties
-  */
-  itemIsEnabledKey: 'isEnabled',
-  /**
-    The name of the property that contains the value for each item.
-    @type String
-    @default "value"
-    @commonTask Menu Item Properties
-  */
-  itemValueKey: 'value',
-  /**
-    The name of the property that contains the icon for each item.
-    @type String
-    @default "icon"
-    @commonTask Menu Item Properties
-  */
-  itemIconKey: 'icon',
-  /**
-    The name of the property that contains the height for each item.
-    @readOnly
-    @type String
-    @default "height"
-    @commonTask Menu Item Properties
-  */
-  itemHeightKey: 'height',
-  /**
-    The name of the property that contains an optional submenu for each item.
-    @type String
-    @default "subMenu"
-    @commonTask Menu Item Properties
-  */
-  itemSubMenuKey: 'subMenu',
-  /**
-    The name of the property that determines whether the item is a menu
-    separator.
-    @type String
-    @default "separator"
-    @commonTask Menu Item Properties
-  */
-  itemSeparatorKey: 'separator',
-  /**
-    The name of the property that contains the target for the action that is triggered when the user clicks the menu item.
-    Note that this property is ignored if the menu item has a submenu.
-    @type String
-    @default "target"
-    @commonTask Menu Item Properties
-  */
-  itemTargetKey: 'target',
-  /**
-    The name of the property that contains the action that is triggered when
-    the user clicks the menu item.
-    Note that this property is ignored if the menu item has a submenu.
-    @type String
-    @default "action"
-    @commonTask Menu Item Properties
-  */
-  itemActionKey: 'action',
-  /**
-    The name of the property that determines whether the menu item should
-    display a checkbox.
-    @type String
-    @default "checkbox"
-    @commonTask Menu Item Properties
-  */
-  itemCheckboxKey: 'checkbox',
-  /**
-    The name of the property that contains the shortcut to be displayed.
-    The shortcut should communicate the keyboard equivalent to the user.
-    @type String
-    @default "shortcut"
-    @commonTask Menu Item Properties
-  */
-  itemShortCutKey: 'shortcut',
-  /**
-    The name of the property that contains the key equivalent of the menu
-    item.
-    The action of the menu item will be fired, and the menu pane's
-    @selectedItem@ property set to the menu item, if the user presses this
-    key combination on the keyboard.
-    @type String
-    @default "keyEquivalent"
-    @commonTask Menu Item Properties
-  */
-  itemKeyEquivalentKey: 'keyEquivalent',
-  /**
-    The name of the property that determines whether menu flash should be
-    disabled.
-    When you click on a menu item, it will flash several times to indicate
-    selection to the user. Some browsers block windows from opening outside of
-    a mouse event, so you may wish to disable menu flashing if the action of
-    the menu item should open a new window.
-    @type String
-    @default "disableMenuFlash"
-    @commonTask Menu Item Properties
-  */
-  itemDisableMenuFlashKey: 'disableMenuFlash',
-  /**
-    The array of keys used by SC.MenuItemView when inspecting your menu items
-    for display properties.
-    @private
-    @isReadOnly
-    @property Array
-  */
-  menuItemKeys: 'itemTitleKey itemValueKey itemIsEnabledKey itemIconKey itemSeparatorKey itemActionKey itemCheckboxKey itemShortCutKey itemHeightKey itemSubMenuKey itemKeyEquivalentKey itemTargetKey'.w(),
-  // ..........................................................
-  // INTERNAL PROPERTIES
-  //
-  /** @private */
-  preferType: SC.PICKER_MENU,
-  /**
-    Create a modal pane beneath the menu that will prevent any mouse clicks
-    that fall outside the menu pane from triggering an inadvertent action.
-    @type Boolean
-    @private
-  */
-  isModal: YES,
-  /**
-    The view that contains the MenuItemViews that are visible on screen.
-    This is created and set in createChildViews.
-    @property SC.View
-    @private
-  */
-  _menuView: null,
-  // ..........................................................
-  // INTERNAL METHODS
-  //
-  /**
-    If an itemHeight, itemSeparatorHeight, or menuHeightPadding have not been
-    explicitly set, we set them here based on the controlSize.
-    @returns {SC.MenuPane} the newly instantiated menu pane
-    @private
-  */
-  init: function() {
-    switch (this.get('controlSize')) {
-      case SC.TINY_CONTROL_SIZE:
-        this.setIfNull('itemHeight', SC.MenuPane.TINY_MENU_ITEM_HEIGHT);
-        this.setIfNull('itemSeparatorHeight', SC.MenuPane.TINY_MENU_ITEM_SEPARATOR_HEIGHT);
-        this.setIfNull('menuHeightPadding', SC.MenuPane.TINY_MENU_HEIGHT_PADDING);
-        this.setIfNull('submenuOffsetX', SC.MenuPane.TINY_SUBMENU_OFFSET_X);
-        break;
-      case SC.SMALL_CONTROL_SIZE:
-        this.setIfNull('itemHeight', SC.MenuPane.SMALL_MENU_ITEM_HEIGHT);
-        this.setIfNull('itemSeparatorHeight', SC.MenuPane.SMALL_MENU_ITEM_SEPARATOR_HEIGHT);
-        this.setIfNull('menuHeightPadding', SC.MenuPane.SMALL_MENU_HEIGHT_PADDING);
-        this.setIfNull('submenuOffsetX', SC.MenuPane.SMALL_SUBMENU_OFFSET_X);
-        break;
-      case SC.REGULAR_CONTROL_SIZE:
-        this.setIfNull('itemHeight', SC.MenuPane.REGULAR_MENU_ITEM_HEIGHT);
-        this.setIfNull('itemSeparatorHeight', SC.MenuPane.REGULAR_MENU_ITEM_SEPARATOR_HEIGHT);
-        this.setIfNull('menuHeightPadding', SC.MenuPane.REGULAR_MENU_HEIGHT_PADDING);
-        this.setIfNull('submenuOffsetX', SC.MenuPane.REGULAR_SUBMENU_OFFSET_X);
-        break;
-      case SC.LARGE_CONTROL_SIZE:
-        this.setIfNull('itemHeight', SC.MenuPane.LARGE_MENU_ITEM_HEIGHT);
-        this.setIfNull('itemSeparatorHeight', SC.MenuPane.LARGE_MENU_ITEM_SEPARATOR_HEIGHT);
-        this.setIfNull('menuHeightPadding', SC.MenuPane.LARGE_MENU_HEIGHT_PADDING);
-        this.setIfNull('submenuOffsetX', SC.MenuPane.LARGE_SUBMENU_OFFSET_X);
-        break;
-      case SC.HUGE_CONTROL_SIZE:
-        this.setIfNull('itemHeight', SC.MenuPane.HUGE_MENU_ITEM_HEIGHT);
-        this.setIfNull('itemSeparatorHeight', SC.MenuPane.HUGE_MENU_ITEM_SEPARATOR_HEIGHT);
-        this.setIfNull('menuHeightPadding', SC.MenuPane.HUGE_MENU_HEIGHT_PADDING);
-        this.setIfNull('submenuOffsetX', SC.MenuPane.HUGE_SUBMENU_OFFSET_X);
-        break;
-    }
-    return sc_super();
-  },
-  /**
-    Helper method that only sets a property if it is null.
-    @param {String} key the property to set
-    @param {Object} value
-    @private
-  */
-  setIfNull: function(key, value) {
-    if (this.get(key) === null) {
-      this.set(key, value);
-    }
-  },
-  renderDelegateName: 'menuRenderDelegate',
-  /** @private
-    The render method is responsible for adding the control size class
-    name to the menu pane.
-    @param {SC.RenderContext} context the render context
-    @param {Boolean} firstTime YES if this is creating a layer
-  */
-  render: function(context, firstTime) {
-    context.addClass(this.get('controlSize'));
-    return sc_super();
-  },
-  /**
-    Creates the child scroll view, and sets its contentView to a new
-    view.  This new view is saved and managed by the SC.MenuPane,
-    and contains the visible menu items.
-    @private
-    @returns {SC.View} receiver
-  */
-  createChildViews: function() {
-    var scroll, menuView, menuItemViews;
-    scroll = this.createChildView(SC.MenuScrollView, {
-      borderStyle: SC.BORDER_NONE,
-      controlSize: this.get('controlSize')
-    });
-    menuView = this._menuView = SC.View.create();
-    menuItemViews = this.get('menuItemViews');
-    menuView.set('layout', { top: 0, left: 0, height : this.get('menuHeight')});
-    menuView.replaceAllChildren(menuItemViews);
-    scroll.set('contentView', menuView);
-    this.childViews = [scroll];
-    return this;
-  },
-  /**
-    When the pane is attached to a DOM element in the window, set up the
-    view to be visible in the window and register with the RootResponder.
-    We don't call sc_super() here because PanelPane sets the current pane to
-    be the key pane when attached.
-    @returns {SC.MenuPane} receiver
-  */
-  paneDidAttach: function() {
-    // hook into root responder
-    var responder = (this.rootResponder = SC.RootResponder.responder);
-    responder.panes.add(this);
-    // set currentWindowSize
-    this.set('currentWindowSize', responder.computeWindowSize()) ;
-    // update my own location
-    this.set('isPaneAttached', YES) ;
-    this.parentViewDidChange() ;
-    //notify that the layers have been appended to the document
-    this._notifyDidAppendToDocument();
-    this.becomeMenuPane();
-    return this ;
-  },
-  /**
-    Make the pane the menu pane. When you call this, all key events will
-    temporarily be routed to this pane. Make sure that you call
-    resignMenuPane; otherwise all key events will be blocked to other panes.
-    @returns {SC.Pane} receiver
-  */
-  becomeMenuPane: function() {
-    if (this.rootResponder) this.rootResponder.makeMenuPane(this) ;
-    return this ;
-  },
-  /**
-    Remove the menu pane status from the pane.  This will simply set the
-    menuPane on the rootResponder to null.
-    @returns {SC.Pane} receiver
-  */
-  resignMenuPane: function() {
-    if (this.rootResponder) this.rootResponder.makeMenuPane(null);
-    return this ;
-  },
-  /**
-    The array of child menu item views that compose the menu.
-    This computed property parses @displayItems@ and constructs an SC.MenuItemView (or whatever class you have set as the @exampleView@) for every item.
-    @property
-    @type Array
-    @readOnly
-  */
-  menuItemViews: function() {
-    var views = [], items = this.get('displayItems'),
-        exampleView = this.get('exampleView'), item, view,
-        height, heightKey, separatorKey, defaultHeight, separatorHeight,
-        menuHeight, menuHeightPadding, keyEquivalentKey, keyEquivalent,
-        keyArray, idx,
-        len;
-    if (!items) return views; // return an empty array
-    heightKey = this.get('itemHeightKey');
-    separatorKey = this.get('itemSeparatorKey');
-    defaultHeight = this.get('itemHeight');
-    keyEquivalentKey = this.get('itemKeyEquivalentKey');
-    separatorHeight = this.get('itemSeparatorHeight');
-    menuHeightPadding = Math.floor(this.get('menuHeightPadding')/2);
-    menuHeight = menuHeightPadding;
-    keyArray = this.menuItemKeys.map(SC._menu_fetchKeys, this);
-    len = items.get('length');
-    for (idx = 0; idx < len; idx++) {
-      item = items[idx];
-      height = item.get(heightKey);
-      if (!height) {
-        height = item.get(separatorKey) ? separatorHeight : defaultHeight;
-      }
-      view = this._menuView.createChildView(exampleView, {
-        layout: { height: height, top: menuHeight },
-        contentDisplayProperties: keyArray,
-        content: item,
-        parentMenu: this
-      });
-      views[idx] = view;
-      menuHeight += height;
-      keyEquivalent = item.get(keyEquivalentKey);
-      if (keyEquivalent) {
-        this._keyEquivalents[keyEquivalent] = view;
-      }
-    }
-    this.set('menuHeight', menuHeight+menuHeightPadding);
-    return views;
-  }.property('displayItems').cacheable(),
-  /**
-    Returns the menu item view for the content object at the specified index.
-    @param {Number} idx the item index
-    @returns {SC.MenuItemView} instantiated view
-  */
-  menuItemViewForContentIndex: function(idx) {
-    var menuItemViews = this.get('menuItemViews');
-    if (!menuItemViews) return undefined;
-    return menuItemViews.objectAt(idx);
-  },
-  /**
-    An associative array of the shortcut keys. The key is the shortcut in the
-    form 'ctrl_z', and the value is the menu item of the action to trigger.
-    @private
-  */
-  _keyEquivalents: { },
-  /**
-    If this is a submenu, this property corresponds to the
-    top-most parent menu. If this is the root menu, it returns
-    itself.
-    @type SC.MenuPane
-    @isReadOnly
-    @property
-  */
-  rootMenu: function() {
-    if (this.get('isSubMenu')) return this.getPath('parentMenu.rootMenu');
-    return this;
-  }.property('isSubMenu').cacheable(),
-  /**
-    Close the menu if the user resizes the window.
-    @private
-  */
-  windowSizeDidChange: function(oldSize, newSize) {
-    this.remove();
-    return sc_super();
-  },
-  /**
-    Returns an array of normalized display items.
-    Because the items property can be provided as either an array of strings,
-    or an object with key-value pairs, or an exotic mish-mash of both, we need
-    to normalize it for our display logic.
-    If an @items@ member is an object, we can assume it is formatted properly
-    and leave it as-is.
-    If an @items@ member is a string, we create a hash with the title value
-    set to that string, and some sensible defaults for the other properties.
-    As a last resort, if an @items@ member is an array, we have a legacy
-    handler that converts the array into a hash. This behavior is deprecated
-    and is not guaranteed to be supported in the future.
-    A side effect of running this computed property is that the menuHeight
-    property is updated.
-    @displayItems@ should never be set directly; instead, set @items@ and
-    @displayItems@ will update automatically.
-    @property
-    @type Array
-    @isReadOnly
-  */
-  displayItems: function() {
-    var items = this.get('items'), localize = this.get('localize'),
-        itemHeight = this.get('itemHeight'), len,
-        ret = [], idx, item, itemType;
-    if (!items) return null;
-    len = items.get('length');
-    // Loop through the items property and transmute as needed, then
-    // copy the new objects into the ret array.
-    for (idx = 0; idx < len; idx++) {
-      item = items.objectAt(idx) ;
-      // fast track out if we can't do anything with this item
-      if (!item) continue;
-      itemType = SC.typeOf(item);
-      if (itemType === SC.T_STRING) {
-        item = SC.Object.create({ title: item,
-                                  value: item,
-                                  isEnabled: YES
-                               });
-      } else if (itemType === SC.T_HASH) {
-        item = SC.Object.create(item);
-      } else if (itemType === SC.T_ARRAY) {
-        item = this.convertArrayMenuItemToObject(item);
-      }
-      item.contentIndex = idx;
-      ret.push(item);
-    }
-    return ret;
-  }.property('items').cacheable(),
-  _sc_menu_itemsDidChange: function() {
-    var views = this.get('menuItemViews');
-    this._menuView.replaceAllChildren(views);
-    this._menuView.adjust('height', this.get('menuHeight'));
-  }.observes('items'),
-  /**
-    Takes an array of values and places them in a hash that can be used
-    to render a menu item.
-    The mapping goes a little something like this:
-    0: title
-    1: value
-    2: isEnabled
-    3: icon
-    4: isSeparator
-    5: action
-    6: isCheckbox
-    7: isShortCut
-    8: isBranch
-    9: itemHeight
-    10: subMenu
-    11: keyEquivalent
-    12: target
-    @private
-  */
-  convertArrayMenuItemToObject: function(item) {
-    SC.Logger.warn('Support for Array-based menu items has been deprecated.  Please update your menus to use a hash.');
-    var keys, fetchKeys = SC._menu_fetchKeys,
-        fetchItem = SC._menu_fetchItem, cur, ret = SC.Object.create(), idx, loc;
-    // Gets an array of all of the value keys
-    keys = this.menuItemKeys.map(fetchKeys, this);
-    // title
-    ret[keys[0]] = item[0];
-    ret[keys[1]] = item[1];
-    ret[keys[2]] = item[2];
-    ret[keys[3]] = item[3];
-    ret[keys[4]] = item[4];
-    ret[keys[5]] = item[5];
-    ret[keys[6]] = item[6];
-    ret[keys[7]] = item[7];
-    ret[keys[8]] = item[8];
-    ret[keys[9]] = item[9];
-    ret[keys[10]] = item[10];
-    ret[keys[11]] = item[11];
-    ret[keys[12]] = item[12];
-    return ret;
-  },
-  currentMenuItem: function(key, value) {
-    if (value !== undefined) {
-      if (this._currentMenuItem !== null) {
-        this.set('previousMenuItem', this._currentMenuItem);
-      }
-      this._currentMenuItem = value;
-      this.setPath('rootMenu.targetMenuItem', value);
-      return value;
-    }
-    return this._currentMenuItem;
-  }.property().cacheable(),
-  _sc_menu_currentMenuItemDidChange: function() {
-    var currentMenuItem = this.get('currentMenuItem'),
-        previousMenuItem = this.get('previousMenuItem');
-    if (previousMenuItem) {
-      if (previousMenuItem.get('hasSubMenu') && currentMenuItem === null) {
-      } else {
-        previousMenuItem.resignFirstResponder();
-        this.closeOpenMenusFor(previousMenuItem);
-      }
-    }
-    // Scroll to the selected menu item if it's not visible on screen.
-    // This is useful for keyboard navigation and programmaticaly selecting
-    // the selected menu item, as in SelectButtonView.
-    if (currentMenuItem && currentMenuItem.get('isEnabled')) {
-      currentMenuItem.scrollToVisible();
-    }
-  }.observes('currentMenuItem'),
-  closeOpenMenusFor: function(menuItem) {
-    if (!menuItem) return;
-    var menu = menuItem.get('parentMenu');
-    // Close any open menus if a root menu changes
-    while (menu && menuItem) {
-      menu = menuItem.get('subMenu');
-      if (menu) {
-        menu.remove();
-        menuItem.resignFirstResponder();
-        menuItem = menu.get('previousMenuItem');
-      }
-    }
-  },
-  closeOpenMenus: function() {
-    this.closeOpenMenusFor(this.get('previousMenuItem'));
-  },
-  //Mouse and Key Events
-  /** @private */
-  mouseDown: function(evt) {
-    this.modalPaneDidClick(evt);
-    return YES ;
-  },
-  /** @private
-    Note when the mouse has entered, so that if this is a submenu,
-    the menu item to which it belongs knows whether to maintain its highlight
-    or not.
-    @param {Event} evt
-  */
-  mouseEntered: function(evt) {
-    this.set('mouseHasEntered', YES);
-  },
-  keyUp: function(evt) {
-    var ret = this.interpretKeyEvents(evt) ;
-    return !ret ? NO : ret ;
-  },
-  /**
-    Selects the next enabled menu item above the currently
-    selected menu item when the up-arrow key is pressed.
-    @private
-  */
-  moveUp: function() {
-    var currentMenuItem = this.get('currentMenuItem'),
-        items = this.get('menuItemViews'),
-        currentIndex, parentMenu, idx;
-    if (!currentMenuItem) {
-      idx = items.get('length')-1;
-    } else {
-      currentIndex = currentMenuItem.getPath('content.contentIndex');
-      if (currentIndex === 0) return YES;
-      idx = currentIndex-1;
-    }
-    while (idx >= 0) {
-      if (items[idx].get('isEnabled')) {
-        this.set('currentMenuItem', items[idx]);
-        items[idx].becomeFirstResponder();
-        break;
-      }
-      idx--;
-    }
-    return YES;
-  },
-  /**
-    Selects the next enabled menu item below the currently
-    selected menu item when the down-arrow key is pressed.
-    @private
-  */
-  moveDown: function() {
-    var currentMenuItem = this.get('currentMenuItem'),
-        items = this.get('menuItemViews'),
-        len = items.get('length'),
-        currentIndex, parentMenu, idx;
-    if (!currentMenuItem) {
-      idx = 0;
-    } else {
-      currentIndex = currentMenuItem.getPath('content.contentIndex');
-      if (currentIndex === len) return YES;
-      idx = currentIndex+1;
-    }
-    while (idx < len) {
-      if (items[idx].get('isEnabled')) {
-        this.set('currentMenuItem', items[idx]);
-        items[idx].becomeFirstResponder();
-        break;
-      }
-      idx++;
-    }
-    return YES;
-  },
-  insertText: function(chr, evt) {
-    var timer = this._timer, keyBuffer = this._keyBuffer;
-    if (timer) {
-      timer.invalidate();
-    }
-    timer = this._timer = SC.Timer.schedule({
-      target: this,
-      action: 'clearKeyBuffer',
-      interval: 500,
-      isPooled: NO
-    });
-    keyBuffer = keyBuffer || '';
-    keyBuffer += chr.toUpperCase();
-    this.selectMenuItemForString(keyBuffer);
-    this._keyBuffer = keyBuffer;
-    return YES;
-  },
-  /** @private
-    Called by the view hierarchy when the menu should respond to a shortcut
-    key being pressed.
-    Normally, the menu will only respond to key presses when it is visible.
-    However, when the menu is part of another control, such as an
-    SC.PopupButtonView, the menu should still respond if it is hidden but its
-    parent control is visible. In those cases, the parameter
-    fromVisibleControl will be set to YES.
-    @param keyEquivalent {String} the shortcut key sequence that was pressed
-    @param fromVisibleControl {Boolean} if the shortcut key press was proxied
-    to this menu by a visible parent control
-    @returns {Boolean}
-  */
-  performKeyEquivalent: function(keyEquivalent, evt, fromVisibleControl) {
-    //If menu is not visible
-    if (!fromVisibleControl && !this.get('isVisibleInWindow')) return NO;
-    // Look for menu item that has this key equivalent
-    var menuItem = this._keyEquivalents[keyEquivalent];
-    // If found, have it perform its action
-    if (menuItem) {
-      menuItem.performAction(YES);
-      return YES;
-    }
-    // If escape key or the enter key was pressed and no menu item handled it,
-    // close the menu pane and return YES that the event was handled
-    if (keyEquivalent === 'escape'|| keyEquivalent === 'return') {
-      this.remove();
-      return YES;
-    }
-    return NO;
-  },
-  selectMenuItemForString: function(buffer) {
-    var items = this.get('menuItemViews'), item, title, idx, len, bufferLength;
-    if (!items) return;
-    bufferLength = buffer.length;
-    len = items.get('length');
-    for (idx = 0; idx < len; idx++) {
-      item = items.objectAt(idx);
-      title = item.get('title');
-      if (!title) continue;
-      title = title.replace(/ /g,'').substr(0,bufferLength).toUpperCase();
-      if (title === buffer) {
-        this.set('currentMenuItem', item);
-        item.becomeFirstResponder();
-        break;
-      }
-    }
-  },
-  /**
-    Clear the key buffer if the user does not enter any text after a certain
-    amount of time.
-    This is called by the timer created in the insertText method.
-    @private
-  */
-  clearKeyBuffer: function() {
-    this._keyBuffer = '';
-  },
-  /**
-    Close the menu and any open submenus if the user clicks outside the menu.
-    Because only the root-most menu has a modal pane, this will only ever get
-    called once.
-    @returns Boolean
-    @private
-  */
-  modalPaneDidClick: function(evt) {
-    this.remove();
-    return YES;
-  }
-});
-SC._menu_fetchKeys = function(k) {
-  return this.get(k) ;
-};
-SC._menu_fetchItem = function(k) {
-  if (!k) return null ;
-  return this.get ? this.get(k) : this[k] ;
-};
-/**
-  Default metrics for the different control sizes.
-*/
-SC.MenuPane.TINY_MENU_ITEM_HEIGHT = 10;
-SC.MenuPane.TINY_MENU_ITEM_SEPARATOR_HEIGHT = 2;
-SC.MenuPane.TINY_MENU_HEIGHT_PADDING = 2;
-SC.MenuPane.TINY_SUBMENU_OFFSET_X = 0;
-SC.MenuPane.SMALL_MENU_ITEM_HEIGHT = 16;
-SC.MenuPane.SMALL_MENU_ITEM_SEPARATOR_HEIGHT = 7;
-SC.MenuPane.SMALL_MENU_HEIGHT_PADDING = 4;
-SC.MenuPane.SMALL_SUBMENU_OFFSET_X = 2;
-SC.MenuPane.REGULAR_MENU_ITEM_HEIGHT = 20;
-SC.MenuPane.REGULAR_MENU_ITEM_SEPARATOR_HEIGHT = 9;
-SC.MenuPane.REGULAR_MENU_HEIGHT_PADDING = 6;
-SC.MenuPane.REGULAR_SUBMENU_OFFSET_X = 2;
-SC.MenuPane.LARGE_MENU_ITEM_HEIGHT = 60;
-SC.MenuPane.LARGE_MENU_ITEM_SEPARATOR_HEIGHT = 20;
-SC.MenuPane.LARGE_MENU_HEIGHT_PADDING = 0;
-SC.MenuPane.LARGE_SUBMENU_OFFSET_X = 4;
-SC.MenuPane.HUGE_MENU_ITEM_HEIGHT = 20;
-SC.MenuPane.HUGE_MENU_ITEM_SEPARATOR_HEIGHT = 9;
-SC.MenuPane.HUGE_MENU_HEIGHT_PADDING = 0;
-SC.MenuPane.HUGE_SUBMENU_OFFSET_X = 0;
-// If a menu pane exceeds the height of the viewport, it will
-// be truncated to fit. This value determines the amount by which
-// the menu will be offset from the top and bottom of the viewport.
-SC.MenuPane.VERTICAL_OFFSET = 23;