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

spade 0.0.1 → 0.0.2

Files changed (1660) hide show

data/sproutcore/frameworks/desktop/views/master_detail.js DELETED Viewed

@@ -1,257 +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
-  Master/Detail view is a simple view which manages a master view and a detail view.
-  This is not all that different from a SplitView, except that, for the moment (this
-  will hopefully change when SplitView becomes more palatable) the split point is not
-  actually changeable and the split is always vertical.
-  So, why use it when it is limited? Well, simple: it can hide the left side. Completely.
-  As in, there will be no split divider anymore. There will be no nothing. It will be gone.
-  Removed from DOM. Gone on to meet its maker, bereft of life, it rests in peace. If it weren't
-  for the possibility of opening it up in a picker it would be pushing up the daisies!
-  Yes, it has a built-in option for opening the master portion in a PickerPane. This is THE KILLER
-  FEATURES. It is a command on the view: popupMasterPicker. And it is really really easy to call:
-  make a toolbar button with an action "popupMasterPicker". That's it.
-  An interesting feature is that it sets the master and detail views' masterIsVisible settings,
-  allowing them to know if the master is visible.
-  @since SproutCore 1.2
-*/
-require("views/workspace");
-require("views/toolbar");
-SC.VERTICAL_ORIENTATION = "vertical";
-SC.HORIZONTAL_ORIENTATION = "horizontal";
-SC.MasterDetailView = SC.View.extend({
-  classNames: ["sc-master-detail-view"],
-  /**
-    The master view. For your development pleasure, it defaults to a
-    WorkspaceView with a top toolbar.
-  */
-  masterView: SC.WorkspaceView.extend({
-    topToolbar: SC.ToolbarView.extend({
-    }),
-    contentView: SC.View.extend({ backgroundColor: "white" })
-  }),
-  /**
-    The detail view. For your development experience, it defaults to holding
-    a top toolbar view with a button that closes/shows master. Come take a peek at
-    the code to see what it looks like--it is so simple.
-  */
-  detailView: SC.WorkspaceView.extend({
-    topToolbar: SC.ToolbarView.extend({
-      childViews: "showHidePicker".w(),
-      showHidePicker: SC.ButtonView.extend({
-        layout: { left: 7, centerY: 0, height: 30, width: 100 },
-        controlSize: SC.AUTO_CONTROL_SIZE,
-        title: "Picker",
-        action: "toggleMasterPicker",
-        isVisible: NO,
-        isVisibleBinding: ".parentView.masterIsHidden"
-      })
-    })
-  }),
-  /**
-    Whether to automatically hide the master panel in portrait orientation.
-    By default, this property is a computed property based on whether the browser is a touch
-    browser. Your purpose in overriding it is either to disable it from automatically
-    disappearing on iPad and other touch devices, or force it to appear when a desktop
-    browser changes.
-  */
-  autoHideMaster: function() {
-    if (SC.platform.touch) return YES;
-    return NO;
-  }.property().cacheable(),
-  /**
-    The width of the master view.
-    @default 250
-  */
-  masterWidth: 250,
-  /**
-    A property (computed) that says whether the master view is hidden.
-  */
-  masterIsHidden: function() {
-    if (!this.get("autoHideMaster")) return NO;
-    if (this.get("orientation") === SC.HORIZONTAL_ORIENTATION) return NO;
-    return YES;
-  }.property("autoHideMaster", "orientation"),
-  /**
-    Tracks the orientation of the view.
-  */
-  orientation: SC.VERTICAL_ORIENTATION,
-  _scmd_frameDidChange: function() {
-    var f = this.get("frame"), ret;
-    if (f.width > f.height) ret = SC.HORIZONTAL_ORIENTATION;
-    else ret = SC.VERTICAL_ORIENTATION;
-    this.setIfChanged('orientation', ret);
-  }.observes('frame'),
-  // have to calculate the initial orientation when added to parent at
-  // startup (frame doesn't invalidate in this case)
-  init: function() {
-    sc_super();
-    this._scmd_frameDidChange();
-    this._scmd_masterIsHiddenDidChange();
-  },
-  /**
-    If the master is hidden, this toggles the master picker pane.
-    Of course, since pickers are modal, this actually only needs to handle showing.
-  */
-  toggleMasterPicker: function(view) {
-    if (!this.get("masterIsHidden")) return;
-    if (this._picker && this._picker.get("isVisibleInWindow")) {
-      this.hideMasterPicker();
-    } else {
-      this.showMasterPicker(view);
-    }
-  },
-  showMasterPicker: function(view) {
-    if (this._picker && this._picker.get("isVisibleInWindow")) return;
-    if (!this._picker) {
-      var pp = this.get("pickerPane");
-      this._picker = pp.create({ });
-    }
-    this._picker.set("contentView", this.get("masterView"));
-    this._picker.set("extraRightOffset", this.get("pointerDistanceFromEdge"));
-    this.showPicker(this._picker, view);
-  },
-  hideMasterPicker: function() {
-    if (this._picker && this._picker.get("isVisibleInWindow")) {
-      this.hidePicker(this._picker);
-    }
-  },
-  showPicker: function(p, view) {
-    p.popup(view, SC.PICKER_POINTER, [3, 0, 1, 2, 3], [9, -9, -18, 18]);
-  },
-  hidePicker: function(p) {
-    p.remove();
-  },
-  /**
-    The picker pane class from which to create a picker pane.
-    This defaults to one with a special theme.
-  */
-  pickerPane: SC.PickerPane.extend({
-    layout: { width: 250, height: 480 },
-    themeName: 'popover'
-  }),
-  /// INTERNAL CODE. HERE, THERE BE MONSTERS!
-  _picker: null,
-  pointerDistanceFromEdge: 46,
-  renderDelegateName: 'masterDetailRenderDelegate',
-  /**
-    @private
-    Updates masterIsHidden in child views.
-  */
-  _scmd_masterIsHiddenDidChange: function() {
-    var mih = this.get("masterIsHidden");
-    this.get("masterView").set("masterIsHidden", mih);
-    this.get("detailView").set("masterIsHidden", mih);
-  }.observes("masterIsHidden"),
-  /**
-    @private
-    When the frame changes, we don't need to do anything. We use smart positioning.
-    However, if the orientation were to change, well, then we might need to do something.
-  */
-  _scmd_orientationDidChange: function() {
-    this.invokeOnce("_scmd_tile");
-  }.observes("orientation"),
-  /**
-    Observes properties which require retiling.
-  */
-  _scmd_retileProperties: function() {
-    this.invokeOnce("_scmd_tile");
-  }.observes("masterIsHidden", "masterWidth"),
-  /**
-    Creates the child views. Specifically, instantiates master and detail views.
-  */
-  createChildViews: function() {
-    var master = this.get("masterView");
-    master = this.masterView = this.createChildView(master);
-    var detail = this.get("detailView");
-    detail = this.detailView = this.createChildView(detail);
-    this.appendChild(detail);
-    this.invokeOnce("_scmd_tile");
-  },
-  _masterIsDrawn: NO, // whether the master is in the view
-  /**
-    @private
-    Tiles the views as necessary.
-  */
-  _scmd_tile: function() {
-    // first, determine what is and is not visible.
-    var masterIsVisible = !this.get('masterIsHidden');
-    // now, tile
-    var masterWidth = this.get('masterWidth'),
-        master = this.get('masterView'),
-        detail = this.get('detailView');
-    if (masterIsVisible) {
-      // hide picker if needed
-      this.hideMasterPicker();
-      // draw master if needed
-      if (!this._masterIsDrawn) {
-        if (this._picker) this._picker.set('contentView', null);
-        this.appendChild(master);
-        this._masterIsDrawn = YES;
-      }
-      // set master layout
-      master.set('layout', {
-        left: 0, top: 0, bottom: 0, width: masterWidth
-      });
-      // and child, naturally
-      var extra = this.getThemedProperty('dividerWidth', 'MASTER_DETAIL_DIVIDER_WIDTH');
-      detail.set("layout", { left: masterWidth + extra, right: 0, top: 0, bottom: 0 });
-    } else {
-      // remove master if needed
-      if (this._masterIsDrawn) {
-        this.removeChild(master);
-        this._masterIsDrawn = NO;
-      }
-      // and child, naturally
-      detail.set('layout', { left: 0, right: 0, top: 0, bottom: 0 });
-    }
-  }
-});

data/sproutcore/frameworks/desktop/views/menu_item.js DELETED Viewed

@@ -1,704 +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/button') ;
-sc_require('views/separator') ;
-/**
-  @class
-  An SC.MenuItemView is created for every item in a menu.
-  @extends SC.ButtonView
-  @since SproutCore 1.0
-*/
-SC.MenuItemView = SC.View.extend(SC.ContentDisplay,
-/** @scope SC.MenuItemView.prototype */{
-  displayProperties: ['title', 'isEnabled', 'isSeparator'],
-  classNames: ['sc-menu-item'],
-  /**
-    The WAI-ARIA role for menu items. This property's value should not be
-    changed.
-    @property {String}
-  */
-  ariaRole: 'menuitem',
-  escapeHTML: YES,
-  /**
-    @private
-    @property
-    @type {Boolean}
-  */
-  acceptsFirstResponder: YES,
-  /**
-    IE only attribute to block bluring of other controls
-    @type Boolean
-  */
-  blocksIEDeactivate: YES,
-  /**
-    Disable context menu.
-  */
-  isContextMenuEnabled: NO,
-  // ..........................................................
-  // KEY PROPERTIES
-  //
-  /**
-    The content object the menu view will display.
-    @type Object
-  */
-  content: null,
-  /**
-    YES if this menu item represents a separator.
-    @property {Boolean}
-  */
-  isSeparator: function() {
-    return this.getContentProperty('itemSeparatorKey') === YES;
-  }.property('content').cacheable(),
-  /**
-    Whether the menu item is enabled.
-    @property {Boolean}
-  */
-  isEnabled: function() {
-    return this.getContentProperty('itemIsEnabledKey') !== NO &&
-           this.getContentProperty('itemSeparatorKey') !== YES;
-  }.property('content.isEnabled').cacheable(),
-  /**
-    This menu item's submenu, if it exists.
-    @property {SC.MenuView}
-  */
-  subMenu: function() {
-    var content = this.get('content'), menuItems, parentMenu;
-    if (!content) return null;
-    parentMenu = this.get('parentMenu');
-    menuItems = content.get(parentMenu.itemSubMenuKey );
-    if (menuItems) {
-      if (SC.kindOf(menuItems, SC.MenuPane)) {
-        menuItems.set('isModal', NO);
-        menuItems.set('isSubMenu', YES);
-        menuItems.set('parentMenu', parentMenu);
-        return menuItems;
-      } else {
-        return SC.MenuPane.create({
-          layout: { width: 200 },
-          items: menuItems,
-          isModal: NO,
-          isSubMenu: YES,
-          parentMenu: parentMenu,
-          controlSize: parentMenu.get('controlSize')
-        });
-      }
-    }
-    return null;
-  }.property('content').cacheable(),
-  /**
-    Whether or not this menu item has a submenu.
-    @property {Boolean}
-  */
-  hasSubMenu: function() {
-    return !!this.get('subMenu');
-  }.property('subMenu').cacheable(),
-  /**
-    @private
-  */
-  init: function() {
-    sc_super();
-    this.contentDidChange();
-  },
-  /**
-    Fills the passed html-array with strings that can be joined to form the
-    innerHTML of the receiver element.  Also populates an array of classNames
-    to set on the outer element.
-    @param {SC.RenderContext} context
-    @param {Boolean} firstTime
-    @returns {void}
-  */
-  render: function(context, firstTime) {
-    var content = this.get('content'),
-        key, val,
-        menu = this.get('parentMenu'),
-        itemWidth = this.get('itemWidth') || menu.layout.width,
-        itemHeight = this.get('itemHeight') || SC.DEFAULT_MENU_ITEM_HEIGHT ;
-    this.set('itemWidth',itemWidth);
-    this.set('itemHeight',itemHeight);
-    //addressing accessibility
-    if(content.get(menu.itemSeparatorKey)){
-      //assign the role of separator
-      context.attr('role', 'separator');
-    } else if (this.getContentProperty('itemCheckboxKey')) {
-      //assign the role of menuitemcheckbox
-      context.attr('role', 'menuitemcheckbox');
-      context.attr('aria-checked', true);
-    }
-    context = context.begin('a').addClass('menu-item');
-    if (content.get(menu.itemSeparatorKey)) {
-      context.push('<span class="separator"></span>');
-      context.addClass('disabled');
-    } else {
-      val = content.get(menu.itemIconKey);
-      if (val) {
-        this.renderImage(context, val);
-        context.addClass('has-icon');
-      }
-      val = this.get('title');
-      if (SC.typeOf(val) !== SC.T_STRING) val = val.toString();
-      this.renderLabel(context, val);
-      if (this.getContentProperty('itemCheckboxKey')) {
-        context.push('<div class="checkbox"></div>');
-      }
-      if (this.get('hasSubMenu')) {
-        this.renderBranch(context);
-      }
-      val = this.getContentProperty('itemShortCutKey');
-      if (val) {
-        this.renderShortcut(context, val);
-      }
-    }
-    context = context.end();
-  },
-  /**
-   Generates the image used to represent the image icon. override this to
-   return your own custom HTML
-   @param {SC.RenderContext} context the render context
-   @param {String} the source path of the image
-   @returns {void}
-  */
-  renderImage: function(context, image) {
-    // get a class name and url to include if relevant
-    var url, className ;
-    if (image && SC.ImageView.valueIsUrl(image)) {
-      url = image ;
-      className = '' ;
-    } else {
-      className = image ;
-      url = SC.BLANK_IMAGE_URL;
-    }
-    // generate the img element...
-    context.begin('img').addClass('image').addClass(className).attr('src', url).end() ;
-  },
-  /**
-   Generates the label used to represent the menu item. override this to
-   return your own custom HTML
-   @param {SC.RenderContext} context the render context
-   @param {String} menu item name
-   @returns {void}
-  */
-  renderLabel: function(context, label) {
-    if (this.get('escapeHTML')) {
-      label = SC.RenderContext.escapeHTML(label) ;
-    }
-    context.push("<span class='value ellipsis'>"+label+"</span>") ;
-  },
-  /**
-   Generates the string used to represent the branch arrow. override this to
-   return your own custom HTML
-   @param {SC.RenderContext} context the render context
-   @returns {void}
-  */
-  renderBranch: function(context) {
-    context.push('<span class="has-branch"></span>') ;
-  },
-  /**
-   Generates the string used to represent the short cut keys. override this to
-   return your own custom HTML
-   @param {SC.RenderContext} context the render context
-   @param {String} the shortcut key string to be displayed with menu item name
-   @returns {void}
-  */
-  renderShortcut: function(context, shortcut) {
-    context.push('<span class = "shortcut">' + shortcut + '</span>') ;
-  },
-  /**
-    This method will check whether the current Menu Item is still
-    selected and then create a submenu accordignly.
-    @param {}
-    @returns void
-  */
-  showSubMenu: function() {
-    var subMenu = this.get('subMenu') ;
-    if(subMenu) {
-      subMenu.set('mouseHasEntered', NO);
-      subMenu.popup(this,[0,0,0]) ;
-    }
-    this._subMenuTimer = null;
-  },
-  title: function() {
-    var ret = this.getContentProperty('itemTitleKey'),
-        localize = this.getPath('parentMenu.localize');
-    if (localize && ret) ret = ret.loc();
-    return ret||'';
-  }.property('content.title').cacheable(),
-  getContentProperty: function(property) {
-    var content = this.get('content'),
-        menu = this.get('parentMenu');
-    if (content) {
-      return content.get(menu.get(property));
-    }
-  },
-  //..........................................
-  // Mouse Events Handling
-  //
-  mouseUp: function(evt) {
-    // SproutCore's event system will deliver the mouseUp event to the view
-    // that got the mouseDown event, but for menus we want to track the mouse,
-    // so we'll do our own dispatching.
-    var targetMenuItem;
-    targetMenuItem = this.getPath('parentMenu.rootMenu.targetMenuItem');
-    if (targetMenuItem) targetMenuItem.performAction();
-    return YES ;
-  },
-  /** @private
-    Called on mouse down to send the action to the target.
-    This method will start flashing the menu item to indicate to the user that
-    their selection has been received, unless disableMenuFlash has been set to
-    YES on the menu item.
-    @returns {Boolean}
-  */
-  performAction: function() {
-    // Clicking on a disabled menu item should close the menu.
-    if (!this.get('isEnabled')) {
-      this.getPath('parentMenu.rootMenu').remove();
-      return YES;
-    }
-    // Menus that contain submenus should ignore clicks
-    if (this.get('hasSubMenu')) return NO;
-    var disableFlash = this.getContentProperty('itemDisableMenuFlashKey'),
-        menu;
-    if (disableFlash) {
-      // Menu flashing has been disabled for this menu item, so perform
-      // the action immediately.
-      this.sendAction();
-    } else {
-      // Flash the highlight of the menu item to indicate selection,
-      // then actually send the action once its done.
-      this._flashCounter = 0;
-      // Set a flag on the root menu to indicate that we are in a
-      // flashing state. In the flashing state, no other menu items
-      // should become selected.
-      menu = this.getPath('parentMenu.rootMenu');
-      menu._isFlashing = YES;
-      this.invokeLater(this.flashHighlight, 25);
-      this.invokeLater(this.sendAction, 150);
-    }
-    return YES;
-  },
-  /**
-    Actually sends the action of the menu item to the target.
-    @private
-  */
-  sendAction: function() {
-    var action = this.getContentProperty('itemActionKey'),
-        target = this.getContentProperty('itemTargetKey'),
-        rootMenu = this.getPath('parentMenu.rootMenu'),
-        responder;
-    // Close the menu
-    this.getPath('parentMenu.rootMenu').remove();
-    // We're no longer flashing
-    rootMenu._isFlashing = NO;
-    action = (action === undefined) ? rootMenu.get('action') : action;
-    target = (target === undefined) ? rootMenu.get('target') : target;
-    // Notify the root menu pane that the selection has changed
-    rootMenu.set('selectedItem', this.get('content'));
-    // Legacy support for actions that are functions
-    if (SC.typeOf(action) === SC.T_FUNCTION) {
-      action.apply(target, [rootMenu]);
-      //@if(debug)
-      SC.Logger.warn('Support for menu item action functions has been deprecated. Please use target and action.');
-      //@endif
-    } else {
-      responder = this.getPath('pane.rootResponder') || SC.RootResponder.responder;
-      if (responder) {
-        // Send the action down the responder chain
-        responder.sendAction(action, target, this);
-      }
-    }
-  },
-  /**
-    Toggles the focus class name on the menu item layer to quickly flash the
-    highlight. This indicates to the user that a selection has been made.
-    This is initially called by performAction(). flashHighlight then keeps
-    track of how many flashes have occurred, and calls itself until a maximum
-    has been reached.
-    @private
-  */
-  flashHighlight: function() {
-    var flashCounter = this._flashCounter, layer = this.$();
-    if (flashCounter % 2 === 0) {
-      layer.addClass('focus');
-    } else {
-      layer.removeClass('focus');
-    }
-    if (flashCounter <= 2) {
-      this.invokeLater(this.flashHighlight, 50);
-      this._flashCounter++;
-    }
-  },
-  /** @private*/
-  mouseDown: function(evt) {
-    return YES ;
-  },
-  /** @private */
-  mouseEntered: function(evt) {
-    var menu = this.get('parentMenu'),
-        rootMenu = menu.get('rootMenu');
-    // Ignore mouse entering if we're in the middle of
-    // a menu flash.
-    if (rootMenu._isFlashing) return;
-    menu.set('mouseHasEntered', YES);
-    this.set('mouseHasEntered', YES);
-    menu.set('currentMenuItem', this);
-    // Become first responder to show highlight
-    if (this.get('isEnabled')) {
-      this.becomeFirstResponder();
-    }
-    if(this.get('hasSubMenu')) {
-      this._subMenuTimer = this.invokeLater(this.showSubMenu,100) ;
-    }
-	  return YES ;
-  },
-  /** @private
-    Set the focus based on whether the current menu item is selected or not.
-    @returns Boolean
-  */
-  mouseExited: function(evt) {
-    var parentMenu, timer;
-    // If we have a submenu, we need to give the user's mouse time to get
-    // to the new menu before we remove highlight.
-    if (this.get('hasSubMenu')) {
-      // If they are exiting the view before we opened the submenu,
-      // make sure we don't open it once they've left.
-      timer = this._subMenuTimer;
-      if (timer) {
-        timer.invalidate();
-      } else {
-        this.invokeLater(this.checkMouseLocation, 100);
-      }
-    } else {
-      parentMenu = this.get('parentMenu');
-      if (parentMenu.get('currentMenuItem') === this) {
-        parentMenu.set('currentMenuItem', null);
-      }
-    }
-    return YES ;
-  },
-  touchStart: function(evt){
-    this.mouseEntered(evt);
-    return YES;
-  },
-  touchEnd: function(evt){
-    return this.mouseUp(evt);
-  },
-  touchEntered: function(evt){
-    return this.mouseEntered(evt);
-  },
-  touchExited: function(evt){
-    return this.mouseExited(evt);
-  },
-  checkMouseLocation: function() {
-    var subMenu = this.get('subMenu'), parentMenu = this.get('parentMenu'),
-        currentMenuItem, previousMenuItem;
-    if (!subMenu.get('mouseHasEntered')) {
-      currentMenuItem = parentMenu.get('currentMenuItem');
-      if (currentMenuItem === this || currentMenuItem === null) {
-        previousMenuItem = parentMenu.get('previousMenuItem');
-        if (previousMenuItem) {
-          previousMenuItem.resignFirstResponder();
-        }
-        this.resignFirstResponder();
-        subMenu.remove();
-      }
-    }
-  },
-  /** @private
-    Call the moveUp function on the parent Menu
-    @returns Boolean
-  */
-  moveUp: function(sender,evt) {
-    var menu = this.get('parentMenu') ;
-    if(menu) {
-      menu.moveUp(this) ;
-    }
-    return YES ;
-  },
-  /** @private
-    Call the moveDown function on the parent Menu
-    @returns Boolean
-  */
-  moveDown: function(sender,evt) {
-    var menu = this.get('parentMenu') ;
-    if(menu) {
-      menu.moveDown(this) ;
-    }
-    return YES ;
-  },
-  /** @private
-    Call the function to create a branch
-    @returns Boolean
-  */
-  moveRight: function(sender,evt) {
-    this.showSubMenu() ;
-    return YES;
-  },
-  /** @private
-    Proxies insertText events to the parent menu so items can be selected
-    by typing their titles.
-  */
-  insertText: function(chr, evt) {
-    var menu = this.get('parentMenu');
-    if (menu) {
-      menu.insertText(chr, evt);
-    }
-  },
-  /** @private*/
-  keyDown: function(evt) {
-    return this.interpretKeyEvents(evt) ;
-  },
-  /** @private*/
-  keyUp: function(evt) {
-    return YES ;
-  },
-  /** @private*/
-  cancel: function(evt) {
-    this.getPath('parentMenu.rootMenu').remove();
-    return YES ;
-  },
-  /** @private*/
-  didBecomeFirstResponder: function(responder) {
-    if (responder !== this) return;
-    var parentMenu = this.get('parentMenu') ;
-    if(parentMenu) {
-      parentMenu.set('currentSelectedMenuItem', this) ;
-    }
-  },
-  /** @private*/
-  willLoseFirstResponder: function(responder) {
-    if (responder !== this) return;
-    var parentMenu = this.get('parentMenu') ;
-    if(parentMenu) {
-      parentMenu.set('currentSelectedMenuItem', null) ;
-      parentMenu.set('previousSelectedMenuItem', this) ;
-    }
-  },
-  /** @private*/
-  insertNewline: function(sender, evt) {
-    this.mouseUp(evt) ;
-  },
-  /**
-    Close the parent Menu and remove the focus of the current Selected
-    Menu Item
-    @returns void
-  */
-  closeParent: function() {
-    this.$().removeClass('focus') ;
-    var menu = this.get('parentMenu') ;
-    if(menu) {
-      menu.remove() ;
-    }
-  },
-  /** @private*/
-  clickInside: function(frame, evt) {
-    return SC.pointInRect({ x: evt.pageX, y: evt.pageY }, frame) ;
-  },
-  // ..........................................................
-  // CONTENT OBSERVING
-  //
-  /**
-    @private
-    Add an observer to ensure that we invalidate our cached properties
-    whenever the content object’s associated property changes.
-  */
-  contentDidChange: function() {
-    var content    = this.get('content'),
-        oldContent = this._content;
-    if (content === oldContent) return ;
-    var f = this.contentPropertyDidChange;
-    // remove an observer from the old content if necessary
-    if (oldContent  &&  oldContent.removeObserver) oldContent.removeObserver('*', this, f) ;
-    // add observer to new content if necessary.
-    this._content = content ;
-    if (content  &&  content.addObserver) content.addObserver('*', this, f) ;
-    // notify that value did change.
-    this.contentPropertyDidChange(content, '*') ;
-  }.observes('content'),
-  /**
-    @private
-    Invalidate our cached property whenever the content object’s associated
-    property changes.
-  */
-  contentPropertyDidChange: function(target, key) {
-    // If the key that changed in the content is one of the fields for which
-    // we (potentially) cache a value, update our cache.
-    var menu = this.get('parentMenu') ;
-    if (!menu) return ;
-    var mapping           = SC.MenuItemView._contentPropertyToMenuItemPropertyMapping,
-        contentProperties = SC.keys(mapping),
-        i, len, contentProperty, menuItemProperty ;
-    // Are we invalidating all keys?
-    if (key === '*') {
-      for (i = 0, len = contentProperties.length;  i < len;  ++i) {
-        contentProperty  = contentProperties[i] ;
-        menuItemProperty = mapping[contentProperty] ;
-        this.notifyPropertyChange(menuItemProperty) ;
-      }
-    }
-    else {
-      for (i = 0, len = contentProperties.length;  i < len;  ++i) {
-        contentProperty  = contentProperties[i] ;
-        if (menu.get(contentProperty) === key) {
-          menuItemProperty = mapping[contentProperty] ;
-          this.notifyPropertyChange(menuItemProperty) ;
-          // Note:  We won't break here in case the menu is set up to map
-          //        multiple properties to the same content key.
-        }
-      }
-    }
-  }
-}) ;
-// ..........................................................
-// CLASS PROPERTIES
-//
-/** @private
-  A mapping of the "content property key" keys to the properties we use to
-  wrap them.  This hash is used in 'contentPropertyDidChange' to ensure that
-  when the content changes a property that is locally cached inside the menu
-  item, the cache is properly invalidated.
-  Implementor note:  If you add such a cached property, you must add it to
-                     this mapping.
-*/
-SC.MenuItemView._contentPropertyToMenuItemPropertyMapping = {
-  itemTitleKey:     'title',
-  itemIsEnabledKey: 'isEnabled',
-  itemSeparatorKey: 'isSeparator',
-  itemSubMenuKey:   'subMenu'
-};