diff options
Diffstat (limited to 'src/main/webapp/js/jquery.ui.menu.js')
| -rw-r--r-- | src/main/webapp/js/jquery.ui.menu.js | 425 |
1 files changed, 425 insertions, 0 deletions
diff --git a/src/main/webapp/js/jquery.ui.menu.js b/src/main/webapp/js/jquery.ui.menu.js new file mode 100644 index 0000000..41b2e7a --- /dev/null +++ b/src/main/webapp/js/jquery.ui.menu.js @@ -0,0 +1,425 @@ +/* + * jQuery UI Menu @VERSION + * + * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Menu + * + * Depends: + * jquery.ui.core.js + * jquery.ui.widget.js + */ +(function($) { + +var idIncrement = 0; + +$.widget("ui.menu", { + defaultElement: "<ul>", + delay: 150, + options: { + position: { + my: "left top", + at: "right top" + } + }, + _create: function() { + var self = this; + this.activeMenu = this.element; + this.menuId = this.element.attr( "id" ) || "ui-menu-" + idIncrement++; + if (this.element.find(".ui-icon").length) { + this.element.addClass("ui-menu-icons"); + } + this.element + .addClass( "ui-menu ui-widget ui-widget-content ui-corner-all" ) + .attr({ + id: this.menuId, + role: "menu" + }) + .bind( "click.menu", function( event ) { + var item = $( event.target ).closest( ".ui-menu-item:has(a)" ); + if ( self.options.disabled ) { + return false; + } + if ( !item.length ) { + return; + } + // it's possible to click an item without hovering it (#7085) + if ( !self.active || ( self.active[ 0 ] !== item[ 0 ] ) ) { + self.focus( event, item ); + } + self.select( event ); + }) + .bind( "mouseover.menu", function( event ) { + if ( self.options.disabled ) { + return; + } + var target = $( event.target ).closest( ".ui-menu-item" ); + if ( target.length ) { + self.focus( event, target ); + } + }) + .bind("mouseout.menu", function( event ) { + if ( self.options.disabled ) { + return; + } + var target = $( event.target ).closest( ".ui-menu-item" ); + if ( target.length ) { + self.blur( event ); + } + }); + this.refresh(); + + this.element.attr( "tabIndex", 0 ).bind( "keydown.menu", function( event ) { + if ( self.options.disabled ) { + return; + } + switch ( event.keyCode ) { + case $.ui.keyCode.PAGE_UP: + self.previousPage( event ); + event.preventDefault(); + event.stopImmediatePropagation(); + break; + case $.ui.keyCode.PAGE_DOWN: + self.nextPage( event ); + event.preventDefault(); + event.stopImmediatePropagation(); + break; + case $.ui.keyCode.UP: + self.previous( event ); + event.preventDefault(); + event.stopImmediatePropagation(); + break; + case $.ui.keyCode.DOWN: + self.next( event ); + event.preventDefault(); + event.stopImmediatePropagation(); + break; + case $.ui.keyCode.LEFT: + if (self.left( event )) { + event.stopImmediatePropagation(); + } + event.preventDefault(); + break; + case $.ui.keyCode.RIGHT: + if (self.right( event )) { + event.stopImmediatePropagation(); + } + event.preventDefault(); + break; + case $.ui.keyCode.ENTER: + if (self.active.children("a[aria-haspopup='true']").length) { + if (self.right( event )) { + event.stopImmediatePropagation(); + } + } + else { + self.select( event ); + event.stopImmediatePropagation(); + } + event.preventDefault(); + break; + case $.ui.keyCode.ESCAPE: + if ( self.left( event ) ) { + event.stopImmediatePropagation(); + } + event.preventDefault(); + break; + default: + event.stopPropagation(); + clearTimeout(self.filterTimer); + var prev = self.previousFilter || ""; + var character = String.fromCharCode(event.keyCode); + var skip = false; + if (character == prev) { + skip = true; + } else { + character = prev + character; + } + function escape(value) { + return value.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"); + } + var match = self.activeMenu.children(".ui-menu-item").filter(function() { + return new RegExp("^" + escape(character), "i").test($(this).children("a").text()); + }); + var match = skip && match.index(self.active.next()) != -1 ? self.active.nextAll(".ui-menu-item") : match; + if (!match.length) { + character = String.fromCharCode(event.keyCode); + match = self.activeMenu.children(".ui-menu-item").filter(function() { + return new RegExp("^" + escape(character), "i").test($(this).children("a").text()); + }); + } + if (match.length) { + self.focus(event, match); + if (match.length > 1) { + self.previousFilter = character; + self.filterTimer = setTimeout(function() { + delete self.previousFilter; + }, 1000); + } else { + delete self.previousFilter; + } + } else { + delete self.previousFilter; + } + } + }); + }, + + _destroy: function() { + //destroy (sub)menus + this.element + .removeAttr( "aria-activedescendant" ) + .find("ul") + .andSelf() + .removeClass( "ui-menu ui-widget ui-widget-content ui-corner-all" ) + .removeAttr( "role" ) + .removeAttr("tabIndex") + .removeAttr( "aria-labelledby" ) + .removeAttr( "aria-expanded" ) + .removeAttr( "aria-hidden" ) + .show(); + + //destroy menu items + this.element.find( ".ui-menu-item" ) + .unbind( ".menu" ) + .removeClass( "ui-menu-item" ) + .removeAttr( "role" ) + .children( "a" ) + .removeClass( "ui-corner-all ui-state-hover" ) + .removeAttr( "tabIndex" ) + .removeAttr( "role" ) + .removeAttr( "aria-haspopup" ) + .removeAttr( "id" ) + .children(".ui-icon").remove(); + }, + + refresh: function() { + var self = this; + // initialize nested menus + var submenus = this.element.find("ul:not(.ui-menu)") + .addClass( "ui-menu ui-widget ui-widget-content ui-corner-all" ) + .attr("role", "menu") + .hide() + .attr("aria-hidden", "true") + .attr("aria-expanded", "false") + ; + + // don't refresh list items that are already adapted + var items = submenus.add(this.element).children( "li:not(.ui-menu-item):has(a)" ) + .addClass( "ui-menu-item" ) + .attr( "role", "presentation" ); + + items.children( "a" ) + .addClass( "ui-corner-all" ) + .attr( "tabIndex", -1 ) + .attr( "role", "menuitem" ) + .attr("id", function(i) {return self.element.attr("id") + "-" + i}); + + submenus.each(function() { + var menu = $(this); + var item = menu.prev("a") + item.attr("aria-haspopup", "true") + .prepend('<span class="ui-menu-icon ui-icon ui-icon-carat-1-e"></span>'); + menu.attr("aria-labelledby", item.attr("id")); + }); + }, + + focus: function( event, item ) { + var self = this; + + this.blur(); + + if ( this._hasScroll() ) { + var borderTop = parseFloat( $.curCSS( this.element[0], "borderTopWidth", true) ) || 0, + paddingTop = parseFloat( $.curCSS( this.element[0], "paddingTop", true) ) || 0, + offset = item.offset().top - this.element.offset().top - borderTop - paddingTop, + scroll = this.element.scrollTop(), + elementHeight = this.element.height(), + itemHeight = item.height(); + if ( offset < 0 ) { + this.element.scrollTop( scroll + offset ); + } else if ( offset + itemHeight > elementHeight ) { + this.element.scrollTop( scroll + offset - elementHeight + itemHeight ); + } + } + + this.active = item.first() + .children( "a" ) + .addClass( "ui-state-focus" ) + .end(); + self.element.attr("aria-activedescendant", self.active.children("a").attr("id")) + + // highlight active parent menu item, if any + this.active.parent().closest(".ui-menu-item").children("a:first").addClass("ui-state-active"); + + self.timer = setTimeout(function() { + self._close(); + }, self.delay) + var nested = $(">ul", item); + if (nested.length && /^mouse/.test(event.type)) { + self._startOpening(nested); + } + this.activeMenu = item.parent(); + + this._trigger( "focus", event, { item: item } ); + }, + + blur: function(event) { + if (!this.active) { + return; + } + + clearTimeout(this.timer); + + this.active.children( "a" ).removeClass( "ui-state-focus" ); + this.active = null; + }, + + _startOpening: function(submenu) { + clearTimeout(this.timer); + var self = this; + self.timer = setTimeout(function() { + self._close(); + self._open(submenu); + }, self.delay); + }, + + _open: function(submenu) { + clearTimeout(this.timer); + this.element.find(".ui-menu").not(submenu.parents()).hide().attr("aria-hidden", "true"); + var position = $.extend({}, { + of: this.active + }, $.type(this.options.position) == "function" + ? this.options.position(this.active) + : this.options.position + ); + submenu.show().removeAttr("aria-hidden").attr("aria-expanded", "true").position(position); + }, + + closeAll: function() { + this.element + .find("ul").hide().attr("aria-hidden", "true").attr("aria-expanded", "false").end() + .find("a.ui-state-active").removeClass("ui-state-active"); + this.blur(); + this.activeMenu = this.element; + }, + + _close: function() { + this.active.parent() + .find("ul").hide().attr("aria-hidden", "true").attr("aria-expanded", "false").end() + .find("a.ui-state-active").removeClass("ui-state-active"); + }, + + left: function(event) { + var newItem = this.active && this.active.parents("li:not(.ui-menubar-item)").first(); + if (newItem && newItem.length) { + this.active.parent().attr("aria-hidden", "true").attr("aria-expanded", "false").hide(); + this.focus(event, newItem); + return true; + } + }, + + right: function(event) { + var self= this; + var newItem = this.active && this.active.children("ul").children("li").first(); + if (newItem && newItem.length) { + this._open(newItem.parent()); + var current = this.active; + //timeout so Firefox will not hide activedescendant change in expanding submenu from AT + setTimeout(function(){self.focus(event, newItem)}, 20); + return true; + } + }, + + next: function(event) { + this._move( "next", ".ui-menu-item", "first", event ); + }, + + previous: function(event) { + this._move( "prev", ".ui-menu-item", "last", event ); + }, + + first: function() { + return this.active && !this.active.prevAll( ".ui-menu-item" ).length; + }, + + last: function() { + return this.active && !this.active.nextAll( ".ui-menu-item" ).length; + }, + + _move: function(direction, edge, filter, event) { + if ( !this.active ) { + this.focus( event, this.activeMenu.children(edge)[filter]() ); + return; + } + var next = this.active[ direction + "All" ]( ".ui-menu-item" ).eq( 0 ); + if ( next.length ) { + this.focus( event, next ); + } else { + this.focus( event, this.activeMenu.children(edge)[filter]() ); + } + }, + + nextPage: function( event ) { + if ( this._hasScroll() ) { + if ( !this.active || this.last() ) { + this.focus( event, this.activeMenu.children( ".ui-menu-item" ).first() ); + return; + } + var base = this.active.offset().top, + height = this.element.height(), + result; + this.active.nextAll( ".ui-menu-item" ).each( function() { + result = $( this ); + return $( this ).offset().top - base - height < 0; + }); + + this.focus( event, result ); + } else { + this.focus( event, this.activeMenu.children( ".ui-menu-item" ) + [ !this.active || this.last() ? "first" : "last" ]() ); + } + }, + + previousPage: function( event ) { + if ( this._hasScroll() ) { + if ( !this.active || this.first() ) { + this.focus( event, this.activeMenu.children( ".ui-menu-item" ).last() ); + return; + } + + var base = this.active.offset().top, + height = this.element.height(), + result; + this.active.prevAll( ".ui-menu-item" ).each( function() { + result = $( this ); + return $(this).offset().top - base + height > 0; + }); + + this.focus( event, result ); + } else { + this.focus( event, this.activeMenu.children( ".ui-menu-item" ) + [ !this.active || this.first() ? ":last" : ":first" ]() ); + } + }, + + _hasScroll: function() { + // TODO: just use .prop() when we drop support for jQuery <1.6 + return this.element.height() < this.element[ $.fn.prop ? "prop" : "attr" ]( "scrollHeight" ); + }, + + select: function( event ) { + // save active reference before closeAll triggers blur + var ui = { + item: this.active + }; + this.closeAll(); + this._trigger( "select", event, ui ); + } +}); + +$.ui.menu.version = "@VERSION"; + +}( jQuery )); |