text: /*
   * Ext JS Library 2.2
   * Copyright(c) 2006-2008, Ext JS, LLC.
   * licensing@extjs.com
   * 
   * http://extjs.com/license
   */
  
  /**
   * @class Ext.menu.Separator
   * @extends Ext.menu.BaseItem
   * Adds a separator bar to a menu, used to divide logical groups of menu items. Generally you will
   * add one of these by using "-" in you call to add() or in your items config rather than creating one directly.
   * @constructor
   * @param {Object} config Configuration options
   */
  Ext.menu.Separator = function(config){
      Ext.menu.Separator.superclass.constructor.call(this, config);
  };
  
  Ext.extend(Ext.menu.Separator, Ext.menu.BaseItem, {
      /**
       * @cfg {String} itemCls The default CSS class to use for separators (defaults to "x-menu-sep")
       */
      itemCls : "x-menu-sep",
      /**
       * @cfg {Boolean} hideOnClick True to hide the containing menu after this item is clicked (defaults to false)
       */
      hideOnClick : false,
  
      // private
      onRender : function(li){
          var s = document.createElement("span");
          s.className = this.itemCls;
          s.innerHTML = "&#160;";
          this.el = s;
          li.addClass("x-menu-sep-li");
          Ext.menu.Separator.superclass.onRender.apply(this, arguments);
      }
  });