123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331 |
- goog.provide('goog.ui.MenuItem');
- goog.require('goog.a11y.aria.Role');
- goog.require('goog.array');
- goog.require('goog.dom');
- goog.require('goog.dom.classlist');
- goog.require('goog.math.Coordinate');
- goog.require('goog.string');
- goog.require('goog.ui.Component');
- goog.require('goog.ui.Control');
- goog.require('goog.ui.MenuItemRenderer');
- goog.require('goog.ui.registry');
- goog.forwardDeclare('goog.ui.Menu');
- goog.ui.MenuItem = function(content, opt_model, opt_domHelper, opt_renderer) {
- goog.ui.Control.call(
- this, content, opt_renderer || goog.ui.MenuItemRenderer.getInstance(),
- opt_domHelper);
- this.setValue(opt_model);
- };
- goog.inherits(goog.ui.MenuItem, goog.ui.Control);
- goog.tagUnsealableClass(goog.ui.MenuItem);
- goog.ui.MenuItem.prototype.mnemonicKey_;
- goog.ui.MenuItem.MNEMONIC_WRAPPER_CLASS_ =
- goog.getCssName('goog-menuitem-mnemonic-separator');
- goog.ui.MenuItem.ACCELERATOR_CLASS = goog.getCssName('goog-menuitem-accel');
- goog.ui.MenuItem.prototype.getValue = function() {
- var model = this.getModel();
- return model != null ? model : this.getCaption();
- };
- goog.ui.MenuItem.prototype.setValue = function(value) {
- this.setModel(value);
- };
- goog.ui.MenuItem.prototype.setSupportedState = function(state, support) {
- goog.ui.MenuItem.base(this, 'setSupportedState', state, support);
- switch (state) {
- case goog.ui.Component.State.SELECTED:
- this.setSelectableInternal_(support);
- break;
- case goog.ui.Component.State.CHECKED:
- this.setCheckableInternal_(support);
- break;
- }
- };
- goog.ui.MenuItem.prototype.setSelectable = function(selectable) {
- this.setSupportedState(goog.ui.Component.State.SELECTED, selectable);
- };
- goog.ui.MenuItem.prototype.setSelectableInternal_ = function(selectable) {
- if (this.isChecked() && !selectable) {
- this.setChecked(false);
- }
- var element = this.getElement();
- if (element) {
- this.getRenderer().setSelectable(this, element, selectable);
- }
- };
- goog.ui.MenuItem.prototype.setCheckable = function(checkable) {
- this.setSupportedState(goog.ui.Component.State.CHECKED, checkable);
- };
- goog.ui.MenuItem.prototype.setCheckableInternal_ = function(checkable) {
- var element = this.getElement();
- if (element) {
- this.getRenderer().setCheckable(this, element, checkable);
- }
- };
- goog.ui.MenuItem.prototype.getCaption = function() {
- var content = this.getContent();
- if (goog.isArray(content)) {
- var acceleratorClass = goog.ui.MenuItem.ACCELERATOR_CLASS;
- var mnemonicWrapClass = goog.ui.MenuItem.MNEMONIC_WRAPPER_CLASS_;
- var caption =
- goog.array
- .map(
- content,
- function(node) {
- if (goog.dom.isElement(node) &&
- (goog.dom.classlist.contains(
- (node), acceleratorClass) ||
- goog.dom.classlist.contains(
- (node),
- mnemonicWrapClass))) {
- return '';
- } else {
- return goog.dom.getRawTextContent(node);
- }
- })
- .join('');
- return goog.string.collapseBreakingSpaces(caption);
- }
- return goog.ui.MenuItem.superClass_.getCaption.call(this);
- };
- goog.ui.MenuItem.prototype.getAccelerator = function() {
- var dom = this.getDomHelper();
- var content = this.getContent();
- if (goog.isArray(content)) {
- var acceleratorEl = goog.array.find(content, function(e) {
- return goog.dom.classlist.contains(
- (e), goog.ui.MenuItem.ACCELERATOR_CLASS);
- });
- if (acceleratorEl) {
- return dom.getTextContent(acceleratorEl);
- }
- }
- return null;
- };
- goog.ui.MenuItem.prototype.handleMouseUp = function(e) {
- var parentMenu = (this.getParent());
- if (parentMenu) {
- var oldCoords = parentMenu.openingCoords;
-
- parentMenu.openingCoords = null;
- if (oldCoords && goog.isNumber(e.clientX)) {
- var newCoords = new goog.math.Coordinate(e.clientX, e.clientY);
- if (goog.math.Coordinate.equals(oldCoords, newCoords)) {
-
-
-
-
-
- return;
- }
- }
- }
- goog.ui.MenuItem.base(this, 'handleMouseUp', e);
- };
- goog.ui.MenuItem.prototype.handleKeyEventInternal = function(e) {
- if (e.keyCode == this.getMnemonic() && this.performActionInternal(e)) {
- return true;
- } else {
- return goog.ui.MenuItem.base(this, 'handleKeyEventInternal', e);
- }
- };
- goog.ui.MenuItem.prototype.setMnemonic = function(key) {
- this.mnemonicKey_ = key;
- };
- goog.ui.MenuItem.prototype.getMnemonic = function() {
- return this.mnemonicKey_;
- };
- goog.ui.registry.setDecoratorByClassName(
- goog.ui.MenuItemRenderer.CSS_CLASS, function() {
-
- return new goog.ui.MenuItem(null);
- });
- goog.ui.MenuItem.prototype.getPreferredAriaRole = function() {
- if (this.isSupportedState(goog.ui.Component.State.CHECKED)) {
- return goog.a11y.aria.Role.MENU_ITEM_CHECKBOX;
- }
- if (this.isSupportedState(goog.ui.Component.State.SELECTED)) {
- return goog.a11y.aria.Role.MENU_ITEM_RADIO;
- }
- return goog.ui.MenuItem.base(this, 'getPreferredAriaRole');
- };
- goog.ui.MenuItem.prototype.getParent = function() {
- return (
- goog.ui.Control.prototype.getParent.call(this));
- };
- goog.ui.MenuItem.prototype.getParentEventTarget = function() {
- return (
- goog.ui.Control.prototype.getParentEventTarget.call(this));
- };
|