",
Daniel@0: options: {
Daniel@0: disabled: false,
Daniel@0:
Daniel@0: // callbacks
Daniel@0: create: null
Daniel@0: },
Daniel@0: _createWidget: function( options, element ) {
Daniel@0: element = $( element || this.defaultElement || this )[ 0 ];
Daniel@0: this.element = $( element );
Daniel@0: this.uuid = widget_uuid++;
Daniel@0: this.eventNamespace = "." + this.widgetName + this.uuid;
Daniel@0: this.options = $.widget.extend( {},
Daniel@0: this.options,
Daniel@0: this._getCreateOptions(),
Daniel@0: options );
Daniel@0:
Daniel@0: this.bindings = $();
Daniel@0: this.hoverable = $();
Daniel@0: this.focusable = $();
Daniel@0:
Daniel@0: if ( element !== this ) {
Daniel@0: $.data( element, this.widgetFullName, this );
Daniel@0: this._on( true, this.element, {
Daniel@0: remove: function( event ) {
Daniel@0: if ( event.target === element ) {
Daniel@0: this.destroy();
Daniel@0: }
Daniel@0: }
Daniel@0: });
Daniel@0: this.document = $( element.style ?
Daniel@0: // element within the document
Daniel@0: element.ownerDocument :
Daniel@0: // element is window or document
Daniel@0: element.document || element );
Daniel@0: this.window = $( this.document[0].defaultView || this.document[0].parentWindow );
Daniel@0: }
Daniel@0:
Daniel@0: this._create();
Daniel@0: this._trigger( "create", null, this._getCreateEventData() );
Daniel@0: this._init();
Daniel@0: },
Daniel@0: _getCreateOptions: $.noop,
Daniel@0: _getCreateEventData: $.noop,
Daniel@0: _create: $.noop,
Daniel@0: _init: $.noop,
Daniel@0:
Daniel@0: destroy: function() {
Daniel@0: this._destroy();
Daniel@0: // we can probably remove the unbind calls in 2.0
Daniel@0: // all event bindings should go through this._on()
Daniel@0: this.element
Daniel@0: .unbind( this.eventNamespace )
Daniel@0: .removeData( this.widgetFullName )
Daniel@0: // support: jquery <1.6.3
Daniel@0: // http://bugs.jquery.com/ticket/9413
Daniel@0: .removeData( $.camelCase( this.widgetFullName ) );
Daniel@0: this.widget()
Daniel@0: .unbind( this.eventNamespace )
Daniel@0: .removeAttr( "aria-disabled" )
Daniel@0: .removeClass(
Daniel@0: this.widgetFullName + "-disabled " +
Daniel@0: "ui-state-disabled" );
Daniel@0:
Daniel@0: // clean up events and states
Daniel@0: this.bindings.unbind( this.eventNamespace );
Daniel@0: this.hoverable.removeClass( "ui-state-hover" );
Daniel@0: this.focusable.removeClass( "ui-state-focus" );
Daniel@0: },
Daniel@0: _destroy: $.noop,
Daniel@0:
Daniel@0: widget: function() {
Daniel@0: return this.element;
Daniel@0: },
Daniel@0:
Daniel@0: option: function( key, value ) {
Daniel@0: var options = key,
Daniel@0: parts,
Daniel@0: curOption,
Daniel@0: i;
Daniel@0:
Daniel@0: if ( arguments.length === 0 ) {
Daniel@0: // don't return a reference to the internal hash
Daniel@0: return $.widget.extend( {}, this.options );
Daniel@0: }
Daniel@0:
Daniel@0: if ( typeof key === "string" ) {
Daniel@0: // handle nested keys, e.g., "foo.bar" => { foo: { bar: ___ } }
Daniel@0: options = {};
Daniel@0: parts = key.split( "." );
Daniel@0: key = parts.shift();
Daniel@0: if ( parts.length ) {
Daniel@0: curOption = options[ key ] = $.widget.extend( {}, this.options[ key ] );
Daniel@0: for ( i = 0; i < parts.length - 1; i++ ) {
Daniel@0: curOption[ parts[ i ] ] = curOption[ parts[ i ] ] || {};
Daniel@0: curOption = curOption[ parts[ i ] ];
Daniel@0: }
Daniel@0: key = parts.pop();
Daniel@0: if ( arguments.length === 1 ) {
Daniel@0: return curOption[ key ] === undefined ? null : curOption[ key ];
Daniel@0: }
Daniel@0: curOption[ key ] = value;
Daniel@0: } else {
Daniel@0: if ( arguments.length === 1 ) {
Daniel@0: return this.options[ key ] === undefined ? null : this.options[ key ];
Daniel@0: }
Daniel@0: options[ key ] = value;
Daniel@0: }
Daniel@0: }
Daniel@0:
Daniel@0: this._setOptions( options );
Daniel@0:
Daniel@0: return this;
Daniel@0: },
Daniel@0: _setOptions: function( options ) {
Daniel@0: var key;
Daniel@0:
Daniel@0: for ( key in options ) {
Daniel@0: this._setOption( key, options[ key ] );
Daniel@0: }
Daniel@0:
Daniel@0: return this;
Daniel@0: },
Daniel@0: _setOption: function( key, value ) {
Daniel@0: this.options[ key ] = value;
Daniel@0:
Daniel@0: if ( key === "disabled" ) {
Daniel@0: this.widget()
Daniel@0: .toggleClass( this.widgetFullName + "-disabled", !!value );
Daniel@0:
Daniel@0: // If the widget is becoming disabled, then nothing is interactive
Daniel@0: if ( value ) {
Daniel@0: this.hoverable.removeClass( "ui-state-hover" );
Daniel@0: this.focusable.removeClass( "ui-state-focus" );
Daniel@0: }
Daniel@0: }
Daniel@0:
Daniel@0: return this;
Daniel@0: },
Daniel@0:
Daniel@0: enable: function() {
Daniel@0: return this._setOptions({ disabled: false });
Daniel@0: },
Daniel@0: disable: function() {
Daniel@0: return this._setOptions({ disabled: true });
Daniel@0: },
Daniel@0:
Daniel@0: _on: function( suppressDisabledCheck, element, handlers ) {
Daniel@0: var delegateElement,
Daniel@0: instance = this;
Daniel@0:
Daniel@0: // no suppressDisabledCheck flag, shuffle arguments
Daniel@0: if ( typeof suppressDisabledCheck !== "boolean" ) {
Daniel@0: handlers = element;
Daniel@0: element = suppressDisabledCheck;
Daniel@0: suppressDisabledCheck = false;
Daniel@0: }
Daniel@0:
Daniel@0: // no element argument, shuffle and use this.element
Daniel@0: if ( !handlers ) {
Daniel@0: handlers = element;
Daniel@0: element = this.element;
Daniel@0: delegateElement = this.widget();
Daniel@0: } else {
Daniel@0: element = delegateElement = $( element );
Daniel@0: this.bindings = this.bindings.add( element );
Daniel@0: }
Daniel@0:
Daniel@0: $.each( handlers, function( event, handler ) {
Daniel@0: function handlerProxy() {
Daniel@0: // allow widgets to customize the disabled handling
Daniel@0: // - disabled as an array instead of boolean
Daniel@0: // - disabled class as method for disabling individual parts
Daniel@0: if ( !suppressDisabledCheck &&
Daniel@0: ( instance.options.disabled === true ||
Daniel@0: $( this ).hasClass( "ui-state-disabled" ) ) ) {
Daniel@0: return;
Daniel@0: }
Daniel@0: return ( typeof handler === "string" ? instance[ handler ] : handler )
Daniel@0: .apply( instance, arguments );
Daniel@0: }
Daniel@0:
Daniel@0: // copy the guid so direct unbinding works
Daniel@0: if ( typeof handler !== "string" ) {
Daniel@0: handlerProxy.guid = handler.guid =
Daniel@0: handler.guid || handlerProxy.guid || $.guid++;
Daniel@0: }
Daniel@0:
Daniel@0: var match = event.match( /^([\w:-]*)\s*(.*)$/ ),
Daniel@0: eventName = match[1] + instance.eventNamespace,
Daniel@0: selector = match[2];
Daniel@0: if ( selector ) {
Daniel@0: delegateElement.delegate( selector, eventName, handlerProxy );
Daniel@0: } else {
Daniel@0: element.bind( eventName, handlerProxy );
Daniel@0: }
Daniel@0: });
Daniel@0: },
Daniel@0:
Daniel@0: _off: function( element, eventName ) {
Daniel@0: eventName = (eventName || "").split( " " ).join( this.eventNamespace + " " ) + this.eventNamespace;
Daniel@0: element.unbind( eventName ).undelegate( eventName );
Daniel@0: },
Daniel@0:
Daniel@0: _delay: function( handler, delay ) {
Daniel@0: function handlerProxy() {
Daniel@0: return ( typeof handler === "string" ? instance[ handler ] : handler )
Daniel@0: .apply( instance, arguments );
Daniel@0: }
Daniel@0: var instance = this;
Daniel@0: return setTimeout( handlerProxy, delay || 0 );
Daniel@0: },
Daniel@0:
Daniel@0: _hoverable: function( element ) {
Daniel@0: this.hoverable = this.hoverable.add( element );
Daniel@0: this._on( element, {
Daniel@0: mouseenter: function( event ) {
Daniel@0: $( event.currentTarget ).addClass( "ui-state-hover" );
Daniel@0: },
Daniel@0: mouseleave: function( event ) {
Daniel@0: $( event.currentTarget ).removeClass( "ui-state-hover" );
Daniel@0: }
Daniel@0: });
Daniel@0: },
Daniel@0:
Daniel@0: _focusable: function( element ) {
Daniel@0: this.focusable = this.focusable.add( element );
Daniel@0: this._on( element, {
Daniel@0: focusin: function( event ) {
Daniel@0: $( event.currentTarget ).addClass( "ui-state-focus" );
Daniel@0: },
Daniel@0: focusout: function( event ) {
Daniel@0: $( event.currentTarget ).removeClass( "ui-state-focus" );
Daniel@0: }
Daniel@0: });
Daniel@0: },
Daniel@0:
Daniel@0: _trigger: function( type, event, data ) {
Daniel@0: var prop, orig,
Daniel@0: callback = this.options[ type ];
Daniel@0:
Daniel@0: data = data || {};
Daniel@0: event = $.Event( event );
Daniel@0: event.type = ( type === this.widgetEventPrefix ?
Daniel@0: type :
Daniel@0: this.widgetEventPrefix + type ).toLowerCase();
Daniel@0: // the original event may come from any element
Daniel@0: // so we need to reset the target on the new event
Daniel@0: event.target = this.element[ 0 ];
Daniel@0:
Daniel@0: // copy original event properties over to the new event
Daniel@0: orig = event.originalEvent;
Daniel@0: if ( orig ) {
Daniel@0: for ( prop in orig ) {
Daniel@0: if ( !( prop in event ) ) {
Daniel@0: event[ prop ] = orig[ prop ];
Daniel@0: }
Daniel@0: }
Daniel@0: }
Daniel@0:
Daniel@0: this.element.trigger( event, data );
Daniel@0: return !( $.isFunction( callback ) &&
Daniel@0: callback.apply( this.element[0], [ event ].concat( data ) ) === false ||
Daniel@0: event.isDefaultPrevented() );
Daniel@0: }
Daniel@0: };
Daniel@0:
Daniel@0: $.each( { show: "fadeIn", hide: "fadeOut" }, function( method, defaultEffect ) {
Daniel@0: $.Widget.prototype[ "_" + method ] = function( element, options, callback ) {
Daniel@0: if ( typeof options === "string" ) {
Daniel@0: options = { effect: options };
Daniel@0: }
Daniel@0: var hasOptions,
Daniel@0: effectName = !options ?
Daniel@0: method :
Daniel@0: options === true || typeof options === "number" ?
Daniel@0: defaultEffect :
Daniel@0: options.effect || defaultEffect;
Daniel@0: options = options || {};
Daniel@0: if ( typeof options === "number" ) {
Daniel@0: options = { duration: options };
Daniel@0: }
Daniel@0: hasOptions = !$.isEmptyObject( options );
Daniel@0: options.complete = callback;
Daniel@0: if ( options.delay ) {
Daniel@0: element.delay( options.delay );
Daniel@0: }
Daniel@0: if ( hasOptions && $.effects && $.effects.effect[ effectName ] ) {
Daniel@0: element[ method ]( options );
Daniel@0: } else if ( effectName !== method && element[ effectName ] ) {
Daniel@0: element[ effectName ]( options.duration, options.easing, callback );
Daniel@0: } else {
Daniel@0: element.queue(function( next ) {
Daniel@0: $( this )[ method ]();
Daniel@0: if ( callback ) {
Daniel@0: callback.call( element[ 0 ] );
Daniel@0: }
Daniel@0: next();
Daniel@0: });
Daniel@0: }
Daniel@0: };
Daniel@0: });
Daniel@0:
Daniel@0: var widget = $.widget;
Daniel@0:
Daniel@0:
Daniel@0: /*!
Daniel@0: * jQuery UI Mouse 1.11.0
Daniel@0: * http://jqueryui.com
Daniel@0: *
Daniel@0: * Copyright 2014 jQuery Foundation and other contributors
Daniel@0: * Released under the MIT license.
Daniel@0: * http://jquery.org/license
Daniel@0: *
Daniel@0: * http://api.jqueryui.com/mouse/
Daniel@0: */
Daniel@0:
Daniel@0:
Daniel@0: var mouseHandled = false;
Daniel@0: $( document ).mouseup( function() {
Daniel@0: mouseHandled = false;
Daniel@0: });
Daniel@0:
Daniel@0: var mouse = $.widget("ui.mouse", {
Daniel@0: version: "1.11.0",
Daniel@0: options: {
Daniel@0: cancel: "input,textarea,button,select,option",
Daniel@0: distance: 1,
Daniel@0: delay: 0
Daniel@0: },
Daniel@0: _mouseInit: function() {
Daniel@0: var that = this;
Daniel@0:
Daniel@0: this.element
Daniel@0: .bind("mousedown." + this.widgetName, function(event) {
Daniel@0: return that._mouseDown(event);
Daniel@0: })
Daniel@0: .bind("click." + this.widgetName, function(event) {
Daniel@0: if (true === $.data(event.target, that.widgetName + ".preventClickEvent")) {
Daniel@0: $.removeData(event.target, that.widgetName + ".preventClickEvent");
Daniel@0: event.stopImmediatePropagation();
Daniel@0: return false;
Daniel@0: }
Daniel@0: });
Daniel@0:
Daniel@0: this.started = false;
Daniel@0: },
Daniel@0:
Daniel@0: // TODO: make sure destroying one instance of mouse doesn't mess with
Daniel@0: // other instances of mouse
Daniel@0: _mouseDestroy: function() {
Daniel@0: this.element.unbind("." + this.widgetName);
Daniel@0: if ( this._mouseMoveDelegate ) {
Daniel@0: this.document
Daniel@0: .unbind("mousemove." + this.widgetName, this._mouseMoveDelegate)
Daniel@0: .unbind("mouseup." + this.widgetName, this._mouseUpDelegate);
Daniel@0: }
Daniel@0: },
Daniel@0:
Daniel@0: _mouseDown: function(event) {
Daniel@0: // don't let more than one widget handle mouseStart
Daniel@0: if ( mouseHandled ) {
Daniel@0: return;
Daniel@0: }
Daniel@0:
Daniel@0: // we may have missed mouseup (out of window)
Daniel@0: (this._mouseStarted && this._mouseUp(event));
Daniel@0:
Daniel@0: this._mouseDownEvent = event;
Daniel@0:
Daniel@0: var that = this,
Daniel@0: btnIsLeft = (event.which === 1),
Daniel@0: // event.target.nodeName works around a bug in IE 8 with
Daniel@0: // disabled inputs (#7620)
Daniel@0: elIsCancel = (typeof this.options.cancel === "string" && event.target.nodeName ? $(event.target).closest(this.options.cancel).length : false);
Daniel@0: if (!btnIsLeft || elIsCancel || !this._mouseCapture(event)) {
Daniel@0: return true;
Daniel@0: }
Daniel@0:
Daniel@0: this.mouseDelayMet = !this.options.delay;
Daniel@0: if (!this.mouseDelayMet) {
Daniel@0: this._mouseDelayTimer = setTimeout(function() {
Daniel@0: that.mouseDelayMet = true;
Daniel@0: }, this.options.delay);
Daniel@0: }
Daniel@0:
Daniel@0: if (this._mouseDistanceMet(event) && this._mouseDelayMet(event)) {
Daniel@0: this._mouseStarted = (this._mouseStart(event) !== false);
Daniel@0: if (!this._mouseStarted) {
Daniel@0: event.preventDefault();
Daniel@0: return true;
Daniel@0: }
Daniel@0: }
Daniel@0:
Daniel@0: // Click event may never have fired (Gecko & Opera)
Daniel@0: if (true === $.data(event.target, this.widgetName + ".preventClickEvent")) {
Daniel@0: $.removeData(event.target, this.widgetName + ".preventClickEvent");
Daniel@0: }
Daniel@0:
Daniel@0: // these delegates are required to keep context
Daniel@0: this._mouseMoveDelegate = function(event) {
Daniel@0: return that._mouseMove(event);
Daniel@0: };
Daniel@0: this._mouseUpDelegate = function(event) {
Daniel@0: return that._mouseUp(event);
Daniel@0: };
Daniel@0:
Daniel@0: this.document
Daniel@0: .bind( "mousemove." + this.widgetName, this._mouseMoveDelegate )
Daniel@0: .bind( "mouseup." + this.widgetName, this._mouseUpDelegate );
Daniel@0:
Daniel@0: event.preventDefault();
Daniel@0:
Daniel@0: mouseHandled = true;
Daniel@0: return true;
Daniel@0: },
Daniel@0:
Daniel@0: _mouseMove: function(event) {
Daniel@0: // IE mouseup check - mouseup happened when mouse was out of window
Daniel@0: if ($.ui.ie && ( !document.documentMode || document.documentMode < 9 ) && !event.button) {
Daniel@0: return this._mouseUp(event);
Daniel@0:
Daniel@0: // Iframe mouseup check - mouseup occurred in another document
Daniel@0: } else if ( !event.which ) {
Daniel@0: return this._mouseUp( event );
Daniel@0: }
Daniel@0:
Daniel@0: if (this._mouseStarted) {
Daniel@0: this._mouseDrag(event);
Daniel@0: return event.preventDefault();
Daniel@0: }
Daniel@0:
Daniel@0: if (this._mouseDistanceMet(event) && this._mouseDelayMet(event)) {
Daniel@0: this._mouseStarted =
Daniel@0: (this._mouseStart(this._mouseDownEvent, event) !== false);
Daniel@0: (this._mouseStarted ? this._mouseDrag(event) : this._mouseUp(event));
Daniel@0: }
Daniel@0:
Daniel@0: return !this._mouseStarted;
Daniel@0: },
Daniel@0:
Daniel@0: _mouseUp: function(event) {
Daniel@0: this.document
Daniel@0: .unbind( "mousemove." + this.widgetName, this._mouseMoveDelegate )
Daniel@0: .unbind( "mouseup." + this.widgetName, this._mouseUpDelegate );
Daniel@0:
Daniel@0: if (this._mouseStarted) {
Daniel@0: this._mouseStarted = false;
Daniel@0:
Daniel@0: if (event.target === this._mouseDownEvent.target) {
Daniel@0: $.data(event.target, this.widgetName + ".preventClickEvent", true);
Daniel@0: }
Daniel@0:
Daniel@0: this._mouseStop(event);
Daniel@0: }
Daniel@0:
Daniel@0: mouseHandled = false;
Daniel@0: return false;
Daniel@0: },
Daniel@0:
Daniel@0: _mouseDistanceMet: function(event) {
Daniel@0: return (Math.max(
Daniel@0: Math.abs(this._mouseDownEvent.pageX - event.pageX),
Daniel@0: Math.abs(this._mouseDownEvent.pageY - event.pageY)
Daniel@0: ) >= this.options.distance
Daniel@0: );
Daniel@0: },
Daniel@0:
Daniel@0: _mouseDelayMet: function(/* event */) {
Daniel@0: return this.mouseDelayMet;
Daniel@0: },
Daniel@0:
Daniel@0: // These are placeholder methods, to be overriden by extending plugin
Daniel@0: _mouseStart: function(/* event */) {},
Daniel@0: _mouseDrag: function(/* event */) {},
Daniel@0: _mouseStop: function(/* event */) {},
Daniel@0: _mouseCapture: function(/* event */) { return true; }
Daniel@0: });
Daniel@0:
Daniel@0:
Daniel@0: /*!
Daniel@0: * jQuery UI Position 1.11.0
Daniel@0: * http://jqueryui.com
Daniel@0: *
Daniel@0: * Copyright 2014 jQuery Foundation and other contributors
Daniel@0: * Released under the MIT license.
Daniel@0: * http://jquery.org/license
Daniel@0: *
Daniel@0: * http://api.jqueryui.com/position/
Daniel@0: */
Daniel@0:
Daniel@0: (function() {
Daniel@0:
Daniel@0: $.ui = $.ui || {};
Daniel@0:
Daniel@0: var cachedScrollbarWidth, supportsOffsetFractions,
Daniel@0: max = Math.max,
Daniel@0: abs = Math.abs,
Daniel@0: round = Math.round,
Daniel@0: rhorizontal = /left|center|right/,
Daniel@0: rvertical = /top|center|bottom/,
Daniel@0: roffset = /[\+\-]\d+(\.[\d]+)?%?/,
Daniel@0: rposition = /^\w+/,
Daniel@0: rpercent = /%$/,
Daniel@0: _position = $.fn.position;
Daniel@0:
Daniel@0: function getOffsets( offsets, width, height ) {
Daniel@0: return [
Daniel@0: parseFloat( offsets[ 0 ] ) * ( rpercent.test( offsets[ 0 ] ) ? width / 100 : 1 ),
Daniel@0: parseFloat( offsets[ 1 ] ) * ( rpercent.test( offsets[ 1 ] ) ? height / 100 : 1 )
Daniel@0: ];
Daniel@0: }
Daniel@0:
Daniel@0: function parseCss( element, property ) {
Daniel@0: return parseInt( $.css( element, property ), 10 ) || 0;
Daniel@0: }
Daniel@0:
Daniel@0: function getDimensions( elem ) {
Daniel@0: var raw = elem[0];
Daniel@0: if ( raw.nodeType === 9 ) {
Daniel@0: return {
Daniel@0: width: elem.width(),
Daniel@0: height: elem.height(),
Daniel@0: offset: { top: 0, left: 0 }
Daniel@0: };
Daniel@0: }
Daniel@0: if ( $.isWindow( raw ) ) {
Daniel@0: return {
Daniel@0: width: elem.width(),
Daniel@0: height: elem.height(),
Daniel@0: offset: { top: elem.scrollTop(), left: elem.scrollLeft() }
Daniel@0: };
Daniel@0: }
Daniel@0: if ( raw.preventDefault ) {
Daniel@0: return {
Daniel@0: width: 0,
Daniel@0: height: 0,
Daniel@0: offset: { top: raw.pageY, left: raw.pageX }
Daniel@0: };
Daniel@0: }
Daniel@0: return {
Daniel@0: width: elem.outerWidth(),
Daniel@0: height: elem.outerHeight(),
Daniel@0: offset: elem.offset()
Daniel@0: };
Daniel@0: }
Daniel@0:
Daniel@0: $.position = {
Daniel@0: scrollbarWidth: function() {
Daniel@0: if ( cachedScrollbarWidth !== undefined ) {
Daniel@0: return cachedScrollbarWidth;
Daniel@0: }
Daniel@0: var w1, w2,
Daniel@0: div = $( "
" ),
Daniel@0: innerDiv = div.children()[0];
Daniel@0:
Daniel@0: $( "body" ).append( div );
Daniel@0: w1 = innerDiv.offsetWidth;
Daniel@0: div.css( "overflow", "scroll" );
Daniel@0:
Daniel@0: w2 = innerDiv.offsetWidth;
Daniel@0:
Daniel@0: if ( w1 === w2 ) {
Daniel@0: w2 = div[0].clientWidth;
Daniel@0: }
Daniel@0:
Daniel@0: div.remove();
Daniel@0:
Daniel@0: return (cachedScrollbarWidth = w1 - w2);
Daniel@0: },
Daniel@0: getScrollInfo: function( within ) {
Daniel@0: var overflowX = within.isWindow || within.isDocument ? "" :
Daniel@0: within.element.css( "overflow-x" ),
Daniel@0: overflowY = within.isWindow || within.isDocument ? "" :
Daniel@0: within.element.css( "overflow-y" ),
Daniel@0: hasOverflowX = overflowX === "scroll" ||
Daniel@0: ( overflowX === "auto" && within.width < within.element[0].scrollWidth ),
Daniel@0: hasOverflowY = overflowY === "scroll" ||
Daniel@0: ( overflowY === "auto" && within.height < within.element[0].scrollHeight );
Daniel@0: return {
Daniel@0: width: hasOverflowY ? $.position.scrollbarWidth() : 0,
Daniel@0: height: hasOverflowX ? $.position.scrollbarWidth() : 0
Daniel@0: };
Daniel@0: },
Daniel@0: getWithinInfo: function( element ) {
Daniel@0: var withinElement = $( element || window ),
Daniel@0: isWindow = $.isWindow( withinElement[0] ),
Daniel@0: isDocument = !!withinElement[ 0 ] && withinElement[ 0 ].nodeType === 9;
Daniel@0: return {
Daniel@0: element: withinElement,
Daniel@0: isWindow: isWindow,
Daniel@0: isDocument: isDocument,
Daniel@0: offset: withinElement.offset() || { left: 0, top: 0 },
Daniel@0: scrollLeft: withinElement.scrollLeft(),
Daniel@0: scrollTop: withinElement.scrollTop(),
Daniel@0: width: isWindow ? withinElement.width() : withinElement.outerWidth(),
Daniel@0: height: isWindow ? withinElement.height() : withinElement.outerHeight()
Daniel@0: };
Daniel@0: }
Daniel@0: };
Daniel@0:
Daniel@0: $.fn.position = function( options ) {
Daniel@0: if ( !options || !options.of ) {
Daniel@0: return _position.apply( this, arguments );
Daniel@0: }
Daniel@0:
Daniel@0: // make a copy, we don't want to modify arguments
Daniel@0: options = $.extend( {}, options );
Daniel@0:
Daniel@0: var atOffset, targetWidth, targetHeight, targetOffset, basePosition, dimensions,
Daniel@0: target = $( options.of ),
Daniel@0: within = $.position.getWithinInfo( options.within ),
Daniel@0: scrollInfo = $.position.getScrollInfo( within ),
Daniel@0: collision = ( options.collision || "flip" ).split( " " ),
Daniel@0: offsets = {};
Daniel@0:
Daniel@0: dimensions = getDimensions( target );
Daniel@0: if ( target[0].preventDefault ) {
Daniel@0: // force left top to allow flipping
Daniel@0: options.at = "left top";
Daniel@0: }
Daniel@0: targetWidth = dimensions.width;
Daniel@0: targetHeight = dimensions.height;
Daniel@0: targetOffset = dimensions.offset;
Daniel@0: // clone to reuse original targetOffset later
Daniel@0: basePosition = $.extend( {}, targetOffset );
Daniel@0:
Daniel@0: // force my and at to have valid horizontal and vertical positions
Daniel@0: // if a value is missing or invalid, it will be converted to center
Daniel@0: $.each( [ "my", "at" ], function() {
Daniel@0: var pos = ( options[ this ] || "" ).split( " " ),
Daniel@0: horizontalOffset,
Daniel@0: verticalOffset;
Daniel@0:
Daniel@0: if ( pos.length === 1) {
Daniel@0: pos = rhorizontal.test( pos[ 0 ] ) ?
Daniel@0: pos.concat( [ "center" ] ) :
Daniel@0: rvertical.test( pos[ 0 ] ) ?
Daniel@0: [ "center" ].concat( pos ) :
Daniel@0: [ "center", "center" ];
Daniel@0: }
Daniel@0: pos[ 0 ] = rhorizontal.test( pos[ 0 ] ) ? pos[ 0 ] : "center";
Daniel@0: pos[ 1 ] = rvertical.test( pos[ 1 ] ) ? pos[ 1 ] : "center";
Daniel@0:
Daniel@0: // calculate offsets
Daniel@0: horizontalOffset = roffset.exec( pos[ 0 ] );
Daniel@0: verticalOffset = roffset.exec( pos[ 1 ] );
Daniel@0: offsets[ this ] = [
Daniel@0: horizontalOffset ? horizontalOffset[ 0 ] : 0,
Daniel@0: verticalOffset ? verticalOffset[ 0 ] : 0
Daniel@0: ];
Daniel@0:
Daniel@0: // reduce to just the positions without the offsets
Daniel@0: options[ this ] = [
Daniel@0: rposition.exec( pos[ 0 ] )[ 0 ],
Daniel@0: rposition.exec( pos[ 1 ] )[ 0 ]
Daniel@0: ];
Daniel@0: });
Daniel@0:
Daniel@0: // normalize collision option
Daniel@0: if ( collision.length === 1 ) {
Daniel@0: collision[ 1 ] = collision[ 0 ];
Daniel@0: }
Daniel@0:
Daniel@0: if ( options.at[ 0 ] === "right" ) {
Daniel@0: basePosition.left += targetWidth;
Daniel@0: } else if ( options.at[ 0 ] === "center" ) {
Daniel@0: basePosition.left += targetWidth / 2;
Daniel@0: }
Daniel@0:
Daniel@0: if ( options.at[ 1 ] === "bottom" ) {
Daniel@0: basePosition.top += targetHeight;
Daniel@0: } else if ( options.at[ 1 ] === "center" ) {
Daniel@0: basePosition.top += targetHeight / 2;
Daniel@0: }
Daniel@0:
Daniel@0: atOffset = getOffsets( offsets.at, targetWidth, targetHeight );
Daniel@0: basePosition.left += atOffset[ 0 ];
Daniel@0: basePosition.top += atOffset[ 1 ];
Daniel@0:
Daniel@0: return this.each(function() {
Daniel@0: var collisionPosition, using,
Daniel@0: elem = $( this ),
Daniel@0: elemWidth = elem.outerWidth(),
Daniel@0: elemHeight = elem.outerHeight(),
Daniel@0: marginLeft = parseCss( this, "marginLeft" ),
Daniel@0: marginTop = parseCss( this, "marginTop" ),
Daniel@0: collisionWidth = elemWidth + marginLeft + parseCss( this, "marginRight" ) + scrollInfo.width,
Daniel@0: collisionHeight = elemHeight + marginTop + parseCss( this, "marginBottom" ) + scrollInfo.height,
Daniel@0: position = $.extend( {}, basePosition ),
Daniel@0: myOffset = getOffsets( offsets.my, elem.outerWidth(), elem.outerHeight() );
Daniel@0:
Daniel@0: if ( options.my[ 0 ] === "right" ) {
Daniel@0: position.left -= elemWidth;
Daniel@0: } else if ( options.my[ 0 ] === "center" ) {
Daniel@0: position.left -= elemWidth / 2;
Daniel@0: }
Daniel@0:
Daniel@0: if ( options.my[ 1 ] === "bottom" ) {
Daniel@0: position.top -= elemHeight;
Daniel@0: } else if ( options.my[ 1 ] === "center" ) {
Daniel@0: position.top -= elemHeight / 2;
Daniel@0: }
Daniel@0:
Daniel@0: position.left += myOffset[ 0 ];
Daniel@0: position.top += myOffset[ 1 ];
Daniel@0:
Daniel@0: // if the browser doesn't support fractions, then round for consistent results
Daniel@0: if ( !supportsOffsetFractions ) {
Daniel@0: position.left = round( position.left );
Daniel@0: position.top = round( position.top );
Daniel@0: }
Daniel@0:
Daniel@0: collisionPosition = {
Daniel@0: marginLeft: marginLeft,
Daniel@0: marginTop: marginTop
Daniel@0: };
Daniel@0:
Daniel@0: $.each( [ "left", "top" ], function( i, dir ) {
Daniel@0: if ( $.ui.position[ collision[ i ] ] ) {
Daniel@0: $.ui.position[ collision[ i ] ][ dir ]( position, {
Daniel@0: targetWidth: targetWidth,
Daniel@0: targetHeight: targetHeight,
Daniel@0: elemWidth: elemWidth,
Daniel@0: elemHeight: elemHeight,
Daniel@0: collisionPosition: collisionPosition,
Daniel@0: collisionWidth: collisionWidth,
Daniel@0: collisionHeight: collisionHeight,
Daniel@0: offset: [ atOffset[ 0 ] + myOffset[ 0 ], atOffset [ 1 ] + myOffset[ 1 ] ],
Daniel@0: my: options.my,
Daniel@0: at: options.at,
Daniel@0: within: within,
Daniel@0: elem: elem
Daniel@0: });
Daniel@0: }
Daniel@0: });
Daniel@0:
Daniel@0: if ( options.using ) {
Daniel@0: // adds feedback as second argument to using callback, if present
Daniel@0: using = function( props ) {
Daniel@0: var left = targetOffset.left - position.left,
Daniel@0: right = left + targetWidth - elemWidth,
Daniel@0: top = targetOffset.top - position.top,
Daniel@0: bottom = top + targetHeight - elemHeight,
Daniel@0: feedback = {
Daniel@0: target: {
Daniel@0: element: target,
Daniel@0: left: targetOffset.left,
Daniel@0: top: targetOffset.top,
Daniel@0: width: targetWidth,
Daniel@0: height: targetHeight
Daniel@0: },
Daniel@0: element: {
Daniel@0: element: elem,
Daniel@0: left: position.left,
Daniel@0: top: position.top,
Daniel@0: width: elemWidth,
Daniel@0: height: elemHeight
Daniel@0: },
Daniel@0: horizontal: right < 0 ? "left" : left > 0 ? "right" : "center",
Daniel@0: vertical: bottom < 0 ? "top" : top > 0 ? "bottom" : "middle"
Daniel@0: };
Daniel@0: if ( targetWidth < elemWidth && abs( left + right ) < targetWidth ) {
Daniel@0: feedback.horizontal = "center";
Daniel@0: }
Daniel@0: if ( targetHeight < elemHeight && abs( top + bottom ) < targetHeight ) {
Daniel@0: feedback.vertical = "middle";
Daniel@0: }
Daniel@0: if ( max( abs( left ), abs( right ) ) > max( abs( top ), abs( bottom ) ) ) {
Daniel@0: feedback.important = "horizontal";
Daniel@0: } else {
Daniel@0: feedback.important = "vertical";
Daniel@0: }
Daniel@0: options.using.call( this, props, feedback );
Daniel@0: };
Daniel@0: }
Daniel@0:
Daniel@0: elem.offset( $.extend( position, { using: using } ) );
Daniel@0: });
Daniel@0: };
Daniel@0:
Daniel@0: $.ui.position = {
Daniel@0: fit: {
Daniel@0: left: function( position, data ) {
Daniel@0: var within = data.within,
Daniel@0: withinOffset = within.isWindow ? within.scrollLeft : within.offset.left,
Daniel@0: outerWidth = within.width,
Daniel@0: collisionPosLeft = position.left - data.collisionPosition.marginLeft,
Daniel@0: overLeft = withinOffset - collisionPosLeft,
Daniel@0: overRight = collisionPosLeft + data.collisionWidth - outerWidth - withinOffset,
Daniel@0: newOverRight;
Daniel@0:
Daniel@0: // element is wider than within
Daniel@0: if ( data.collisionWidth > outerWidth ) {
Daniel@0: // element is initially over the left side of within
Daniel@0: if ( overLeft > 0 && overRight <= 0 ) {
Daniel@0: newOverRight = position.left + overLeft + data.collisionWidth - outerWidth - withinOffset;
Daniel@0: position.left += overLeft - newOverRight;
Daniel@0: // element is initially over right side of within
Daniel@0: } else if ( overRight > 0 && overLeft <= 0 ) {
Daniel@0: position.left = withinOffset;
Daniel@0: // element is initially over both left and right sides of within
Daniel@0: } else {
Daniel@0: if ( overLeft > overRight ) {
Daniel@0: position.left = withinOffset + outerWidth - data.collisionWidth;
Daniel@0: } else {
Daniel@0: position.left = withinOffset;
Daniel@0: }
Daniel@0: }
Daniel@0: // too far left -> align with left edge
Daniel@0: } else if ( overLeft > 0 ) {
Daniel@0: position.left += overLeft;
Daniel@0: // too far right -> align with right edge
Daniel@0: } else if ( overRight > 0 ) {
Daniel@0: position.left -= overRight;
Daniel@0: // adjust based on position and margin
Daniel@0: } else {
Daniel@0: position.left = max( position.left - collisionPosLeft, position.left );
Daniel@0: }
Daniel@0: },
Daniel@0: top: function( position, data ) {
Daniel@0: var within = data.within,
Daniel@0: withinOffset = within.isWindow ? within.scrollTop : within.offset.top,
Daniel@0: outerHeight = data.within.height,
Daniel@0: collisionPosTop = position.top - data.collisionPosition.marginTop,
Daniel@0: overTop = withinOffset - collisionPosTop,
Daniel@0: overBottom = collisionPosTop + data.collisionHeight - outerHeight - withinOffset,
Daniel@0: newOverBottom;
Daniel@0:
Daniel@0: // element is taller than within
Daniel@0: if ( data.collisionHeight > outerHeight ) {
Daniel@0: // element is initially over the top of within
Daniel@0: if ( overTop > 0 && overBottom <= 0 ) {
Daniel@0: newOverBottom = position.top + overTop + data.collisionHeight - outerHeight - withinOffset;
Daniel@0: position.top += overTop - newOverBottom;
Daniel@0: // element is initially over bottom of within
Daniel@0: } else if ( overBottom > 0 && overTop <= 0 ) {
Daniel@0: position.top = withinOffset;
Daniel@0: // element is initially over both top and bottom of within
Daniel@0: } else {
Daniel@0: if ( overTop > overBottom ) {
Daniel@0: position.top = withinOffset + outerHeight - data.collisionHeight;
Daniel@0: } else {
Daniel@0: position.top = withinOffset;
Daniel@0: }
Daniel@0: }
Daniel@0: // too far up -> align with top
Daniel@0: } else if ( overTop > 0 ) {
Daniel@0: position.top += overTop;
Daniel@0: // too far down -> align with bottom edge
Daniel@0: } else if ( overBottom > 0 ) {
Daniel@0: position.top -= overBottom;
Daniel@0: // adjust based on position and margin
Daniel@0: } else {
Daniel@0: position.top = max( position.top - collisionPosTop, position.top );
Daniel@0: }
Daniel@0: }
Daniel@0: },
Daniel@0: flip: {
Daniel@0: left: function( position, data ) {
Daniel@0: var within = data.within,
Daniel@0: withinOffset = within.offset.left + within.scrollLeft,
Daniel@0: outerWidth = within.width,
Daniel@0: offsetLeft = within.isWindow ? within.scrollLeft : within.offset.left,
Daniel@0: collisionPosLeft = position.left - data.collisionPosition.marginLeft,
Daniel@0: overLeft = collisionPosLeft - offsetLeft,
Daniel@0: overRight = collisionPosLeft + data.collisionWidth - outerWidth - offsetLeft,
Daniel@0: myOffset = data.my[ 0 ] === "left" ?
Daniel@0: -data.elemWidth :
Daniel@0: data.my[ 0 ] === "right" ?
Daniel@0: data.elemWidth :
Daniel@0: 0,
Daniel@0: atOffset = data.at[ 0 ] === "left" ?
Daniel@0: data.targetWidth :
Daniel@0: data.at[ 0 ] === "right" ?
Daniel@0: -data.targetWidth :
Daniel@0: 0,
Daniel@0: offset = -2 * data.offset[ 0 ],
Daniel@0: newOverRight,
Daniel@0: newOverLeft;
Daniel@0:
Daniel@0: if ( overLeft < 0 ) {
Daniel@0: newOverRight = position.left + myOffset + atOffset + offset + data.collisionWidth - outerWidth - withinOffset;
Daniel@0: if ( newOverRight < 0 || newOverRight < abs( overLeft ) ) {
Daniel@0: position.left += myOffset + atOffset + offset;
Daniel@0: }
Daniel@0: } else if ( overRight > 0 ) {
Daniel@0: newOverLeft = position.left - data.collisionPosition.marginLeft + myOffset + atOffset + offset - offsetLeft;
Daniel@0: if ( newOverLeft > 0 || abs( newOverLeft ) < overRight ) {
Daniel@0: position.left += myOffset + atOffset + offset;
Daniel@0: }
Daniel@0: }
Daniel@0: },
Daniel@0: top: function( position, data ) {
Daniel@0: var within = data.within,
Daniel@0: withinOffset = within.offset.top + within.scrollTop,
Daniel@0: outerHeight = within.height,
Daniel@0: offsetTop = within.isWindow ? within.scrollTop : within.offset.top,
Daniel@0: collisionPosTop = position.top - data.collisionPosition.marginTop,
Daniel@0: overTop = collisionPosTop - offsetTop,
Daniel@0: overBottom = collisionPosTop + data.collisionHeight - outerHeight - offsetTop,
Daniel@0: top = data.my[ 1 ] === "top",
Daniel@0: myOffset = top ?
Daniel@0: -data.elemHeight :
Daniel@0: data.my[ 1 ] === "bottom" ?
Daniel@0: data.elemHeight :
Daniel@0: 0,
Daniel@0: atOffset = data.at[ 1 ] === "top" ?
Daniel@0: data.targetHeight :
Daniel@0: data.at[ 1 ] === "bottom" ?
Daniel@0: -data.targetHeight :
Daniel@0: 0,
Daniel@0: offset = -2 * data.offset[ 1 ],
Daniel@0: newOverTop,
Daniel@0: newOverBottom;
Daniel@0: if ( overTop < 0 ) {
Daniel@0: newOverBottom = position.top + myOffset + atOffset + offset + data.collisionHeight - outerHeight - withinOffset;
Daniel@0: if ( ( position.top + myOffset + atOffset + offset) > overTop && ( newOverBottom < 0 || newOverBottom < abs( overTop ) ) ) {
Daniel@0: position.top += myOffset + atOffset + offset;
Daniel@0: }
Daniel@0: } else if ( overBottom > 0 ) {
Daniel@0: newOverTop = position.top - data.collisionPosition.marginTop + myOffset + atOffset + offset - offsetTop;
Daniel@0: if ( ( position.top + myOffset + atOffset + offset) > overBottom && ( newOverTop > 0 || abs( newOverTop ) < overBottom ) ) {
Daniel@0: position.top += myOffset + atOffset + offset;
Daniel@0: }
Daniel@0: }
Daniel@0: }
Daniel@0: },
Daniel@0: flipfit: {
Daniel@0: left: function() {
Daniel@0: $.ui.position.flip.left.apply( this, arguments );
Daniel@0: $.ui.position.fit.left.apply( this, arguments );
Daniel@0: },
Daniel@0: top: function() {
Daniel@0: $.ui.position.flip.top.apply( this, arguments );
Daniel@0: $.ui.position.fit.top.apply( this, arguments );
Daniel@0: }
Daniel@0: }
Daniel@0: };
Daniel@0:
Daniel@0: // fraction support test
Daniel@0: (function() {
Daniel@0: var testElement, testElementParent, testElementStyle, offsetLeft, i,
Daniel@0: body = document.getElementsByTagName( "body" )[ 0 ],
Daniel@0: div = document.createElement( "div" );
Daniel@0:
Daniel@0: //Create a "fake body" for testing based on method used in jQuery.support
Daniel@0: testElement = document.createElement( body ? "div" : "body" );
Daniel@0: testElementStyle = {
Daniel@0: visibility: "hidden",
Daniel@0: width: 0,
Daniel@0: height: 0,
Daniel@0: border: 0,
Daniel@0: margin: 0,
Daniel@0: background: "none"
Daniel@0: };
Daniel@0: if ( body ) {
Daniel@0: $.extend( testElementStyle, {
Daniel@0: position: "absolute",
Daniel@0: left: "-1000px",
Daniel@0: top: "-1000px"
Daniel@0: });
Daniel@0: }
Daniel@0: for ( i in testElementStyle ) {
Daniel@0: testElement.style[ i ] = testElementStyle[ i ];
Daniel@0: }
Daniel@0: testElement.appendChild( div );
Daniel@0: testElementParent = body || document.documentElement;
Daniel@0: testElementParent.insertBefore( testElement, testElementParent.firstChild );
Daniel@0:
Daniel@0: div.style.cssText = "position: absolute; left: 10.7432222px;";
Daniel@0:
Daniel@0: offsetLeft = $( div ).offset().left;
Daniel@0: supportsOffsetFractions = offsetLeft > 10 && offsetLeft < 11;
Daniel@0:
Daniel@0: testElement.innerHTML = "";
Daniel@0: testElementParent.removeChild( testElement );
Daniel@0: })();
Daniel@0:
Daniel@0: })();
Daniel@0:
Daniel@0: var position = $.ui.position;
Daniel@0:
Daniel@0:
Daniel@0: /*!
Daniel@0: * jQuery UI Accordion 1.11.0
Daniel@0: * http://jqueryui.com
Daniel@0: *
Daniel@0: * Copyright 2014 jQuery Foundation and other contributors
Daniel@0: * Released under the MIT license.
Daniel@0: * http://jquery.org/license
Daniel@0: *
Daniel@0: * http://api.jqueryui.com/accordion/
Daniel@0: */
Daniel@0:
Daniel@0:
Daniel@0: var accordion = $.widget( "ui.accordion", {
Daniel@0: version: "1.11.0",
Daniel@0: options: {
Daniel@0: active: 0,
Daniel@0: animate: {},
Daniel@0: collapsible: false,
Daniel@0: event: "click",
Daniel@0: header: "> li > :first-child,> :not(li):even",
Daniel@0: heightStyle: "auto",
Daniel@0: icons: {
Daniel@0: activeHeader: "ui-icon-triangle-1-s",
Daniel@0: header: "ui-icon-triangle-1-e"
Daniel@0: },
Daniel@0:
Daniel@0: // callbacks
Daniel@0: activate: null,
Daniel@0: beforeActivate: null
Daniel@0: },
Daniel@0:
Daniel@0: hideProps: {
Daniel@0: borderTopWidth: "hide",
Daniel@0: borderBottomWidth: "hide",
Daniel@0: paddingTop: "hide",
Daniel@0: paddingBottom: "hide",
Daniel@0: height: "hide"
Daniel@0: },
Daniel@0:
Daniel@0: showProps: {
Daniel@0: borderTopWidth: "show",
Daniel@0: borderBottomWidth: "show",
Daniel@0: paddingTop: "show",
Daniel@0: paddingBottom: "show",
Daniel@0: height: "show"
Daniel@0: },
Daniel@0:
Daniel@0: _create: function() {
Daniel@0: var options = this.options;
Daniel@0: this.prevShow = this.prevHide = $();
Daniel@0: this.element.addClass( "ui-accordion ui-widget ui-helper-reset" )
Daniel@0: // ARIA
Daniel@0: .attr( "role", "tablist" );
Daniel@0:
Daniel@0: // don't allow collapsible: false and active: false / null
Daniel@0: if ( !options.collapsible && (options.active === false || options.active == null) ) {
Daniel@0: options.active = 0;
Daniel@0: }
Daniel@0:
Daniel@0: this._processPanels();
Daniel@0: // handle negative values
Daniel@0: if ( options.active < 0 ) {
Daniel@0: options.active += this.headers.length;
Daniel@0: }
Daniel@0: this._refresh();
Daniel@0: },
Daniel@0:
Daniel@0: _getCreateEventData: function() {
Daniel@0: return {
Daniel@0: header: this.active,
Daniel@0: panel: !this.active.length ? $() : this.active.next()
Daniel@0: };
Daniel@0: },
Daniel@0:
Daniel@0: _createIcons: function() {
Daniel@0: var icons = this.options.icons;
Daniel@0: if ( icons ) {
Daniel@0: $( "
" )
Daniel@0: .addClass( "ui-accordion-header-icon ui-icon " + icons.header )
Daniel@0: .prependTo( this.headers );
Daniel@0: this.active.children( ".ui-accordion-header-icon" )
Daniel@0: .removeClass( icons.header )
Daniel@0: .addClass( icons.activeHeader );
Daniel@0: this.headers.addClass( "ui-accordion-icons" );
Daniel@0: }
Daniel@0: },
Daniel@0:
Daniel@0: _destroyIcons: function() {
Daniel@0: this.headers
Daniel@0: .removeClass( "ui-accordion-icons" )
Daniel@0: .children( ".ui-accordion-header-icon" )
Daniel@0: .remove();
Daniel@0: },
Daniel@0:
Daniel@0: _destroy: function() {
Daniel@0: var contents;
Daniel@0:
Daniel@0: // clean up main element
Daniel@0: this.element
Daniel@0: .removeClass( "ui-accordion ui-widget ui-helper-reset" )
Daniel@0: .removeAttr( "role" );
Daniel@0:
Daniel@0: // clean up headers
Daniel@0: this.headers
Daniel@0: .removeClass( "ui-accordion-header ui-accordion-header-active ui-state-default " +
Daniel@0: "ui-corner-all ui-state-active ui-state-disabled ui-corner-top" )
Daniel@0: .removeAttr( "role" )
Daniel@0: .removeAttr( "aria-expanded" )
Daniel@0: .removeAttr( "aria-selected" )
Daniel@0: .removeAttr( "aria-controls" )
Daniel@0: .removeAttr( "tabIndex" )
Daniel@0: .removeUniqueId();
Daniel@0:
Daniel@0: this._destroyIcons();
Daniel@0:
Daniel@0: // clean up content panels
Daniel@0: contents = this.headers.next()
Daniel@0: .removeClass( "ui-helper-reset ui-widget-content ui-corner-bottom " +
Daniel@0: "ui-accordion-content ui-accordion-content-active ui-state-disabled" )
Daniel@0: .css( "display", "" )
Daniel@0: .removeAttr( "role" )
Daniel@0: .removeAttr( "aria-hidden" )
Daniel@0: .removeAttr( "aria-labelledby" )
Daniel@0: .removeUniqueId();
Daniel@0:
Daniel@0: if ( this.options.heightStyle !== "content" ) {
Daniel@0: contents.css( "height", "" );
Daniel@0: }
Daniel@0: },
Daniel@0:
Daniel@0: _setOption: function( key, value ) {
Daniel@0: if ( key === "active" ) {
Daniel@0: // _activate() will handle invalid values and update this.options
Daniel@0: this._activate( value );
Daniel@0: return;
Daniel@0: }
Daniel@0:
Daniel@0: if ( key === "event" ) {
Daniel@0: if ( this.options.event ) {
Daniel@0: this._off( this.headers, this.options.event );
Daniel@0: }
Daniel@0: this._setupEvents( value );
Daniel@0: }
Daniel@0:
Daniel@0: this._super( key, value );
Daniel@0:
Daniel@0: // setting collapsible: false while collapsed; open first panel
Daniel@0: if ( key === "collapsible" && !value && this.options.active === false ) {
Daniel@0: this._activate( 0 );
Daniel@0: }
Daniel@0:
Daniel@0: if ( key === "icons" ) {
Daniel@0: this._destroyIcons();
Daniel@0: if ( value ) {
Daniel@0: this._createIcons();
Daniel@0: }
Daniel@0: }
Daniel@0:
Daniel@0: // #5332 - opacity doesn't cascade to positioned elements in IE
Daniel@0: // so we need to add the disabled class to the headers and panels
Daniel@0: if ( key === "disabled" ) {
Daniel@0: this.element
Daniel@0: .toggleClass( "ui-state-disabled", !!value )
Daniel@0: .attr( "aria-disabled", value );
Daniel@0: this.headers.add( this.headers.next() )
Daniel@0: .toggleClass( "ui-state-disabled", !!value );
Daniel@0: }
Daniel@0: },
Daniel@0:
Daniel@0: _keydown: function( event ) {
Daniel@0: if ( event.altKey || event.ctrlKey ) {
Daniel@0: return;
Daniel@0: }
Daniel@0:
Daniel@0: var keyCode = $.ui.keyCode,
Daniel@0: length = this.headers.length,
Daniel@0: currentIndex = this.headers.index( event.target ),
Daniel@0: toFocus = false;
Daniel@0:
Daniel@0: switch ( event.keyCode ) {
Daniel@0: case keyCode.RIGHT:
Daniel@0: case keyCode.DOWN:
Daniel@0: toFocus = this.headers[ ( currentIndex + 1 ) % length ];
Daniel@0: break;
Daniel@0: case keyCode.LEFT:
Daniel@0: case keyCode.UP:
Daniel@0: toFocus = this.headers[ ( currentIndex - 1 + length ) % length ];
Daniel@0: break;
Daniel@0: case keyCode.SPACE:
Daniel@0: case keyCode.ENTER:
Daniel@0: this._eventHandler( event );
Daniel@0: break;
Daniel@0: case keyCode.HOME:
Daniel@0: toFocus = this.headers[ 0 ];
Daniel@0: break;
Daniel@0: case keyCode.END:
Daniel@0: toFocus = this.headers[ length - 1 ];
Daniel@0: break;
Daniel@0: }
Daniel@0:
Daniel@0: if ( toFocus ) {
Daniel@0: $( event.target ).attr( "tabIndex", -1 );
Daniel@0: $( toFocus ).attr( "tabIndex", 0 );
Daniel@0: toFocus.focus();
Daniel@0: event.preventDefault();
Daniel@0: }
Daniel@0: },
Daniel@0:
Daniel@0: _panelKeyDown: function( event ) {
Daniel@0: if ( event.keyCode === $.ui.keyCode.UP && event.ctrlKey ) {
Daniel@0: $( event.currentTarget ).prev().focus();
Daniel@0: }
Daniel@0: },
Daniel@0:
Daniel@0: refresh: function() {
Daniel@0: var options = this.options;
Daniel@0: this._processPanels();
Daniel@0:
Daniel@0: // was collapsed or no panel
Daniel@0: if ( ( options.active === false && options.collapsible === true ) || !this.headers.length ) {
Daniel@0: options.active = false;
Daniel@0: this.active = $();
Daniel@0: // active false only when collapsible is true
Daniel@0: } else if ( options.active === false ) {
Daniel@0: this._activate( 0 );
Daniel@0: // was active, but active panel is gone
Daniel@0: } else if ( this.active.length && !$.contains( this.element[ 0 ], this.active[ 0 ] ) ) {
Daniel@0: // all remaining panel are disabled
Daniel@0: if ( this.headers.length === this.headers.find(".ui-state-disabled").length ) {
Daniel@0: options.active = false;
Daniel@0: this.active = $();
Daniel@0: // activate previous panel
Daniel@0: } else {
Daniel@0: this._activate( Math.max( 0, options.active - 1 ) );
Daniel@0: }
Daniel@0: // was active, active panel still exists
Daniel@0: } else {
Daniel@0: // make sure active index is correct
Daniel@0: options.active = this.headers.index( this.active );
Daniel@0: }
Daniel@0:
Daniel@0: this._destroyIcons();
Daniel@0:
Daniel@0: this._refresh();
Daniel@0: },
Daniel@0:
Daniel@0: _processPanels: function() {
Daniel@0: this.headers = this.element.find( this.options.header )
Daniel@0: .addClass( "ui-accordion-header ui-state-default ui-corner-all" );
Daniel@0:
Daniel@0: this.headers.next()
Daniel@0: .addClass( "ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" )
Daniel@0: .filter( ":not(.ui-accordion-content-active)" )
Daniel@0: .hide();
Daniel@0: },
Daniel@0:
Daniel@0: _refresh: function() {
Daniel@0: var maxHeight,
Daniel@0: options = this.options,
Daniel@0: heightStyle = options.heightStyle,
Daniel@0: parent = this.element.parent();
Daniel@0:
Daniel@0: this.active = this._findActive( options.active )
Daniel@0: .addClass( "ui-accordion-header-active ui-state-active ui-corner-top" )
Daniel@0: .removeClass( "ui-corner-all" );
Daniel@0: this.active.next()
Daniel@0: .addClass( "ui-accordion-content-active" )
Daniel@0: .show();
Daniel@0:
Daniel@0: this.headers
Daniel@0: .attr( "role", "tab" )
Daniel@0: .each(function() {
Daniel@0: var header = $( this ),
Daniel@0: headerId = header.uniqueId().attr( "id" ),
Daniel@0: panel = header.next(),
Daniel@0: panelId = panel.uniqueId().attr( "id" );
Daniel@0: header.attr( "aria-controls", panelId );
Daniel@0: panel.attr( "aria-labelledby", headerId );
Daniel@0: })
Daniel@0: .next()
Daniel@0: .attr( "role", "tabpanel" );
Daniel@0:
Daniel@0: this.headers
Daniel@0: .not( this.active )
Daniel@0: .attr({
Daniel@0: "aria-selected": "false",
Daniel@0: "aria-expanded": "false",
Daniel@0: tabIndex: -1
Daniel@0: })
Daniel@0: .next()
Daniel@0: .attr({
Daniel@0: "aria-hidden": "true"
Daniel@0: })
Daniel@0: .hide();
Daniel@0:
Daniel@0: // make sure at least one header is in the tab order
Daniel@0: if ( !this.active.length ) {
Daniel@0: this.headers.eq( 0 ).attr( "tabIndex", 0 );
Daniel@0: } else {
Daniel@0: this.active.attr({
Daniel@0: "aria-selected": "true",
Daniel@0: "aria-expanded": "true",
Daniel@0: tabIndex: 0
Daniel@0: })
Daniel@0: .next()
Daniel@0: .attr({
Daniel@0: "aria-hidden": "false"
Daniel@0: });
Daniel@0: }
Daniel@0:
Daniel@0: this._createIcons();
Daniel@0:
Daniel@0: this._setupEvents( options.event );
Daniel@0:
Daniel@0: if ( heightStyle === "fill" ) {
Daniel@0: maxHeight = parent.height();
Daniel@0: this.element.siblings( ":visible" ).each(function() {
Daniel@0: var elem = $( this ),
Daniel@0: position = elem.css( "position" );
Daniel@0:
Daniel@0: if ( position === "absolute" || position === "fixed" ) {
Daniel@0: return;
Daniel@0: }
Daniel@0: maxHeight -= elem.outerHeight( true );
Daniel@0: });
Daniel@0:
Daniel@0: this.headers.each(function() {
Daniel@0: maxHeight -= $( this ).outerHeight( true );
Daniel@0: });
Daniel@0:
Daniel@0: this.headers.next()
Daniel@0: .each(function() {
Daniel@0: $( this ).height( Math.max( 0, maxHeight -
Daniel@0: $( this ).innerHeight() + $( this ).height() ) );
Daniel@0: })
Daniel@0: .css( "overflow", "auto" );
Daniel@0: } else if ( heightStyle === "auto" ) {
Daniel@0: maxHeight = 0;
Daniel@0: this.headers.next()
Daniel@0: .each(function() {
Daniel@0: maxHeight = Math.max( maxHeight, $( this ).css( "height", "" ).height() );
Daniel@0: })
Daniel@0: .height( maxHeight );
Daniel@0: }
Daniel@0: },
Daniel@0:
Daniel@0: _activate: function( index ) {
Daniel@0: var active = this._findActive( index )[ 0 ];
Daniel@0:
Daniel@0: // trying to activate the already active panel
Daniel@0: if ( active === this.active[ 0 ] ) {
Daniel@0: return;
Daniel@0: }
Daniel@0:
Daniel@0: // trying to collapse, simulate a click on the currently active header
Daniel@0: active = active || this.active[ 0 ];
Daniel@0:
Daniel@0: this._eventHandler({
Daniel@0: target: active,
Daniel@0: currentTarget: active,
Daniel@0: preventDefault: $.noop
Daniel@0: });
Daniel@0: },
Daniel@0:
Daniel@0: _findActive: function( selector ) {
Daniel@0: return typeof selector === "number" ? this.headers.eq( selector ) : $();
Daniel@0: },
Daniel@0:
Daniel@0: _setupEvents: function( event ) {
Daniel@0: var events = {
Daniel@0: keydown: "_keydown"
Daniel@0: };
Daniel@0: if ( event ) {
Daniel@0: $.each( event.split( " " ), function( index, eventName ) {
Daniel@0: events[ eventName ] = "_eventHandler";
Daniel@0: });
Daniel@0: }
Daniel@0:
Daniel@0: this._off( this.headers.add( this.headers.next() ) );
Daniel@0: this._on( this.headers, events );
Daniel@0: this._on( this.headers.next(), { keydown: "_panelKeyDown" });
Daniel@0: this._hoverable( this.headers );
Daniel@0: this._focusable( this.headers );
Daniel@0: },
Daniel@0:
Daniel@0: _eventHandler: function( event ) {
Daniel@0: var options = this.options,
Daniel@0: active = this.active,
Daniel@0: clicked = $( event.currentTarget ),
Daniel@0: clickedIsActive = clicked[ 0 ] === active[ 0 ],
Daniel@0: collapsing = clickedIsActive && options.collapsible,
Daniel@0: toShow = collapsing ? $() : clicked.next(),
Daniel@0: toHide = active.next(),
Daniel@0: eventData = {
Daniel@0: oldHeader: active,
Daniel@0: oldPanel: toHide,
Daniel@0: newHeader: collapsing ? $() : clicked,
Daniel@0: newPanel: toShow
Daniel@0: };
Daniel@0:
Daniel@0: event.preventDefault();
Daniel@0:
Daniel@0: if (
Daniel@0: // click on active header, but not collapsible
Daniel@0: ( clickedIsActive && !options.collapsible ) ||
Daniel@0: // allow canceling activation
Daniel@0: ( this._trigger( "beforeActivate", event, eventData ) === false ) ) {
Daniel@0: return;
Daniel@0: }
Daniel@0:
Daniel@0: options.active = collapsing ? false : this.headers.index( clicked );
Daniel@0:
Daniel@0: // when the call to ._toggle() comes after the class changes
Daniel@0: // it causes a very odd bug in IE 8 (see #6720)
Daniel@0: this.active = clickedIsActive ? $() : clicked;
Daniel@0: this._toggle( eventData );
Daniel@0:
Daniel@0: // switch classes
Daniel@0: // corner classes on the previously active header stay after the animation
Daniel@0: active.removeClass( "ui-accordion-header-active ui-state-active" );
Daniel@0: if ( options.icons ) {
Daniel@0: active.children( ".ui-accordion-header-icon" )
Daniel@0: .removeClass( options.icons.activeHeader )
Daniel@0: .addClass( options.icons.header );
Daniel@0: }
Daniel@0:
Daniel@0: if ( !clickedIsActive ) {
Daniel@0: clicked
Daniel@0: .removeClass( "ui-corner-all" )
Daniel@0: .addClass( "ui-accordion-header-active ui-state-active ui-corner-top" );
Daniel@0: if ( options.icons ) {
Daniel@0: clicked.children( ".ui-accordion-header-icon" )
Daniel@0: .removeClass( options.icons.header )
Daniel@0: .addClass( options.icons.activeHeader );
Daniel@0: }
Daniel@0:
Daniel@0: clicked
Daniel@0: .next()
Daniel@0: .addClass( "ui-accordion-content-active" );
Daniel@0: }
Daniel@0: },
Daniel@0:
Daniel@0: _toggle: function( data ) {
Daniel@0: var toShow = data.newPanel,
Daniel@0: toHide = this.prevShow.length ? this.prevShow : data.oldPanel;
Daniel@0:
Daniel@0: // handle activating a panel during the animation for another activation
Daniel@0: this.prevShow.add( this.prevHide ).stop( true, true );
Daniel@0: this.prevShow = toShow;
Daniel@0: this.prevHide = toHide;
Daniel@0:
Daniel@0: if ( this.options.animate ) {
Daniel@0: this._animate( toShow, toHide, data );
Daniel@0: } else {
Daniel@0: toHide.hide();
Daniel@0: toShow.show();
Daniel@0: this._toggleComplete( data );
Daniel@0: }
Daniel@0:
Daniel@0: toHide.attr({
Daniel@0: "aria-hidden": "true"
Daniel@0: });
Daniel@0: toHide.prev().attr( "aria-selected", "false" );
Daniel@0: // if we're switching panels, remove the old header from the tab order
Daniel@0: // if we're opening from collapsed state, remove the previous header from the tab order
Daniel@0: // if we're collapsing, then keep the collapsing header in the tab order
Daniel@0: if ( toShow.length && toHide.length ) {
Daniel@0: toHide.prev().attr({
Daniel@0: "tabIndex": -1,
Daniel@0: "aria-expanded": "false"
Daniel@0: });
Daniel@0: } else if ( toShow.length ) {
Daniel@0: this.headers.filter(function() {
Daniel@0: return $( this ).attr( "tabIndex" ) === 0;
Daniel@0: })
Daniel@0: .attr( "tabIndex", -1 );
Daniel@0: }
Daniel@0:
Daniel@0: toShow
Daniel@0: .attr( "aria-hidden", "false" )
Daniel@0: .prev()
Daniel@0: .attr({
Daniel@0: "aria-selected": "true",
Daniel@0: tabIndex: 0,
Daniel@0: "aria-expanded": "true"
Daniel@0: });
Daniel@0: },
Daniel@0:
Daniel@0: _animate: function( toShow, toHide, data ) {
Daniel@0: var total, easing, duration,
Daniel@0: that = this,
Daniel@0: adjust = 0,
Daniel@0: down = toShow.length &&
Daniel@0: ( !toHide.length || ( toShow.index() < toHide.index() ) ),
Daniel@0: animate = this.options.animate || {},
Daniel@0: options = down && animate.down || animate,
Daniel@0: complete = function() {
Daniel@0: that._toggleComplete( data );
Daniel@0: };
Daniel@0:
Daniel@0: if ( typeof options === "number" ) {
Daniel@0: duration = options;
Daniel@0: }
Daniel@0: if ( typeof options === "string" ) {
Daniel@0: easing = options;
Daniel@0: }
Daniel@0: // fall back from options to animation in case of partial down settings
Daniel@0: easing = easing || options.easing || animate.easing;
Daniel@0: duration = duration || options.duration || animate.duration;
Daniel@0:
Daniel@0: if ( !toHide.length ) {
Daniel@0: return toShow.animate( this.showProps, duration, easing, complete );
Daniel@0: }
Daniel@0: if ( !toShow.length ) {
Daniel@0: return toHide.animate( this.hideProps, duration, easing, complete );
Daniel@0: }
Daniel@0:
Daniel@0: total = toShow.show().outerHeight();
Daniel@0: toHide.animate( this.hideProps, {
Daniel@0: duration: duration,
Daniel@0: easing: easing,
Daniel@0: step: function( now, fx ) {
Daniel@0: fx.now = Math.round( now );
Daniel@0: }
Daniel@0: });
Daniel@0: toShow
Daniel@0: .hide()
Daniel@0: .animate( this.showProps, {
Daniel@0: duration: duration,
Daniel@0: easing: easing,
Daniel@0: complete: complete,
Daniel@0: step: function( now, fx ) {
Daniel@0: fx.now = Math.round( now );
Daniel@0: if ( fx.prop !== "height" ) {
Daniel@0: adjust += fx.now;
Daniel@0: } else if ( that.options.heightStyle !== "content" ) {
Daniel@0: fx.now = Math.round( total - toHide.outerHeight() - adjust );
Daniel@0: adjust = 0;
Daniel@0: }
Daniel@0: }
Daniel@0: });
Daniel@0: },
Daniel@0:
Daniel@0: _toggleComplete: function( data ) {
Daniel@0: var toHide = data.oldPanel;
Daniel@0:
Daniel@0: toHide
Daniel@0: .removeClass( "ui-accordion-content-active" )
Daniel@0: .prev()
Daniel@0: .removeClass( "ui-corner-top" )
Daniel@0: .addClass( "ui-corner-all" );
Daniel@0:
Daniel@0: // Work around for rendering bug in IE (#5421)
Daniel@0: if ( toHide.length ) {
Daniel@0: toHide.parent()[ 0 ].className = toHide.parent()[ 0 ].className;
Daniel@0: }
Daniel@0: this._trigger( "activate", null, data );
Daniel@0: }
Daniel@0: });
Daniel@0:
Daniel@0:
Daniel@0: /*!
Daniel@0: * jQuery UI Menu 1.11.0
Daniel@0: * http://jqueryui.com
Daniel@0: *
Daniel@0: * Copyright 2014 jQuery Foundation and other contributors
Daniel@0: * Released under the MIT license.
Daniel@0: * http://jquery.org/license
Daniel@0: *
Daniel@0: * http://api.jqueryui.com/menu/
Daniel@0: */
Daniel@0:
Daniel@0:
Daniel@0: var menu = $.widget( "ui.menu", {
Daniel@0: version: "1.11.0",
Daniel@0: defaultElement: "",
Daniel@0: delay: 300,
Daniel@0: options: {
Daniel@0: icons: {
Daniel@0: submenu: "ui-icon-carat-1-e"
Daniel@0: },
Daniel@0: items: "> *",
Daniel@0: menus: "ul",
Daniel@0: position: {
Daniel@0: my: "left-1 top",
Daniel@0: at: "right top"
Daniel@0: },
Daniel@0: role: "menu",
Daniel@0:
Daniel@0: // callbacks
Daniel@0: blur: null,
Daniel@0: focus: null,
Daniel@0: select: null
Daniel@0: },
Daniel@0:
Daniel@0: _create: function() {
Daniel@0: this.activeMenu = this.element;
Daniel@0:
Daniel@0: // Flag used to prevent firing of the click handler
Daniel@0: // as the event bubbles up through nested menus
Daniel@0: this.mouseHandled = false;
Daniel@0: this.element
Daniel@0: .uniqueId()
Daniel@0: .addClass( "ui-menu ui-widget ui-widget-content" )
Daniel@0: .toggleClass( "ui-menu-icons", !!this.element.find( ".ui-icon" ).length )
Daniel@0: .attr({
Daniel@0: role: this.options.role,
Daniel@0: tabIndex: 0
Daniel@0: });
Daniel@0:
Daniel@0: if ( this.options.disabled ) {
Daniel@0: this.element
Daniel@0: .addClass( "ui-state-disabled" )
Daniel@0: .attr( "aria-disabled", "true" );
Daniel@0: }
Daniel@0:
Daniel@0: this._on({
Daniel@0: // Prevent focus from sticking to links inside menu after clicking
Daniel@0: // them (focus should always stay on UL during navigation).
Daniel@0: "mousedown .ui-menu-item": function( event ) {
Daniel@0: event.preventDefault();
Daniel@0: },
Daniel@0: "click .ui-menu-item": function( event ) {
Daniel@0: var target = $( event.target );
Daniel@0: if ( !this.mouseHandled && target.not( ".ui-state-disabled" ).length ) {
Daniel@0: this.select( event );
Daniel@0:
Daniel@0: // Only set the mouseHandled flag if the event will bubble, see #9469.
Daniel@0: if ( !event.isPropagationStopped() ) {
Daniel@0: this.mouseHandled = true;
Daniel@0: }
Daniel@0:
Daniel@0: // Open submenu on click
Daniel@0: if ( target.has( ".ui-menu" ).length ) {
Daniel@0: this.expand( event );
Daniel@0: } else if ( !this.element.is( ":focus" ) && $( this.document[ 0 ].activeElement ).closest( ".ui-menu" ).length ) {
Daniel@0:
Daniel@0: // Redirect focus to the menu
Daniel@0: this.element.trigger( "focus", [ true ] );
Daniel@0:
Daniel@0: // If the active item is on the top level, let it stay active.
Daniel@0: // Otherwise, blur the active item since it is no longer visible.
Daniel@0: if ( this.active && this.active.parents( ".ui-menu" ).length === 1 ) {
Daniel@0: clearTimeout( this.timer );
Daniel@0: }
Daniel@0: }
Daniel@0: }
Daniel@0: },
Daniel@0: "mouseenter .ui-menu-item": function( event ) {
Daniel@0: var target = $( event.currentTarget );
Daniel@0: // Remove ui-state-active class from siblings of the newly focused menu item
Daniel@0: // to avoid a jump caused by adjacent elements both having a class with a border
Daniel@0: target.siblings( ".ui-state-active" ).removeClass( "ui-state-active" );
Daniel@0: this.focus( event, target );
Daniel@0: },
Daniel@0: mouseleave: "collapseAll",
Daniel@0: "mouseleave .ui-menu": "collapseAll",
Daniel@0: focus: function( event, keepActiveItem ) {
Daniel@0: // If there's already an active item, keep it active
Daniel@0: // If not, activate the first item
Daniel@0: var item = this.active || this.element.find( this.options.items ).eq( 0 );
Daniel@0:
Daniel@0: if ( !keepActiveItem ) {
Daniel@0: this.focus( event, item );
Daniel@0: }
Daniel@0: },
Daniel@0: blur: function( event ) {
Daniel@0: this._delay(function() {
Daniel@0: if ( !$.contains( this.element[0], this.document[0].activeElement ) ) {
Daniel@0: this.collapseAll( event );
Daniel@0: }
Daniel@0: });
Daniel@0: },
Daniel@0: keydown: "_keydown"
Daniel@0: });
Daniel@0:
Daniel@0: this.refresh();
Daniel@0:
Daniel@0: // Clicks outside of a menu collapse any open menus
Daniel@0: this._on( this.document, {
Daniel@0: click: function( event ) {
Daniel@0: if ( this._closeOnDocumentClick( event ) ) {
Daniel@0: this.collapseAll( event );
Daniel@0: }
Daniel@0:
Daniel@0: // Reset the mouseHandled flag
Daniel@0: this.mouseHandled = false;
Daniel@0: }
Daniel@0: });
Daniel@0: },
Daniel@0:
Daniel@0: _destroy: function() {
Daniel@0: // Destroy (sub)menus
Daniel@0: this.element
Daniel@0: .removeAttr( "aria-activedescendant" )
Daniel@0: .find( ".ui-menu" ).addBack()
Daniel@0: .removeClass( "ui-menu ui-widget ui-widget-content ui-menu-icons ui-front" )
Daniel@0: .removeAttr( "role" )
Daniel@0: .removeAttr( "tabIndex" )
Daniel@0: .removeAttr( "aria-labelledby" )
Daniel@0: .removeAttr( "aria-expanded" )
Daniel@0: .removeAttr( "aria-hidden" )
Daniel@0: .removeAttr( "aria-disabled" )
Daniel@0: .removeUniqueId()
Daniel@0: .show();
Daniel@0:
Daniel@0: // Destroy menu items
Daniel@0: this.element.find( ".ui-menu-item" )
Daniel@0: .removeClass( "ui-menu-item" )
Daniel@0: .removeAttr( "role" )
Daniel@0: .removeAttr( "aria-disabled" )
Daniel@0: .removeUniqueId()
Daniel@0: .removeClass( "ui-state-hover" )
Daniel@0: .removeAttr( "tabIndex" )
Daniel@0: .removeAttr( "role" )
Daniel@0: .removeAttr( "aria-haspopup" )
Daniel@0: .children().each( function() {
Daniel@0: var elem = $( this );
Daniel@0: if ( elem.data( "ui-menu-submenu-carat" ) ) {
Daniel@0: elem.remove();
Daniel@0: }
Daniel@0: });
Daniel@0:
Daniel@0: // Destroy menu dividers
Daniel@0: this.element.find( ".ui-menu-divider" ).removeClass( "ui-menu-divider ui-widget-content" );
Daniel@0: },
Daniel@0:
Daniel@0: _keydown: function( event ) {
Daniel@0: var match, prev, character, skip, regex,
Daniel@0: preventDefault = true;
Daniel@0:
Daniel@0: function escape( value ) {
Daniel@0: return value.replace( /[\-\[\]{}()*+?.,\\\^$|#\s]/g, "\\$&" );
Daniel@0: }
Daniel@0:
Daniel@0: switch ( event.keyCode ) {
Daniel@0: case $.ui.keyCode.PAGE_UP:
Daniel@0: this.previousPage( event );
Daniel@0: break;
Daniel@0: case $.ui.keyCode.PAGE_DOWN:
Daniel@0: this.nextPage( event );
Daniel@0: break;
Daniel@0: case $.ui.keyCode.HOME:
Daniel@0: this._move( "first", "first", event );
Daniel@0: break;
Daniel@0: case $.ui.keyCode.END:
Daniel@0: this._move( "last", "last", event );
Daniel@0: break;
Daniel@0: case $.ui.keyCode.UP:
Daniel@0: this.previous( event );
Daniel@0: break;
Daniel@0: case $.ui.keyCode.DOWN:
Daniel@0: this.next( event );
Daniel@0: break;
Daniel@0: case $.ui.keyCode.LEFT:
Daniel@0: this.collapse( event );
Daniel@0: break;
Daniel@0: case $.ui.keyCode.RIGHT:
Daniel@0: if ( this.active && !this.active.is( ".ui-state-disabled" ) ) {
Daniel@0: this.expand( event );
Daniel@0: }
Daniel@0: break;
Daniel@0: case $.ui.keyCode.ENTER:
Daniel@0: case $.ui.keyCode.SPACE:
Daniel@0: this._activate( event );
Daniel@0: break;
Daniel@0: case $.ui.keyCode.ESCAPE:
Daniel@0: this.collapse( event );
Daniel@0: break;
Daniel@0: default:
Daniel@0: preventDefault = false;
Daniel@0: prev = this.previousFilter || "";
Daniel@0: character = String.fromCharCode( event.keyCode );
Daniel@0: skip = false;
Daniel@0:
Daniel@0: clearTimeout( this.filterTimer );
Daniel@0:
Daniel@0: if ( character === prev ) {
Daniel@0: skip = true;
Daniel@0: } else {
Daniel@0: character = prev + character;
Daniel@0: }
Daniel@0:
Daniel@0: regex = new RegExp( "^" + escape( character ), "i" );
Daniel@0: match = this.activeMenu.find( this.options.items ).filter(function() {
Daniel@0: return regex.test( $( this ).text() );
Daniel@0: });
Daniel@0: match = skip && match.index( this.active.next() ) !== -1 ?
Daniel@0: this.active.nextAll( ".ui-menu-item" ) :
Daniel@0: match;
Daniel@0:
Daniel@0: // If no matches on the current filter, reset to the last character pressed
Daniel@0: // to move down the menu to the first item that starts with that character
Daniel@0: if ( !match.length ) {
Daniel@0: character = String.fromCharCode( event.keyCode );
Daniel@0: regex = new RegExp( "^" + escape( character ), "i" );
Daniel@0: match = this.activeMenu.find( this.options.items ).filter(function() {
Daniel@0: return regex.test( $( this ).text() );
Daniel@0: });
Daniel@0: }
Daniel@0:
Daniel@0: if ( match.length ) {
Daniel@0: this.focus( event, match );
Daniel@0: if ( match.length > 1 ) {
Daniel@0: this.previousFilter = character;
Daniel@0: this.filterTimer = this._delay(function() {
Daniel@0: delete this.previousFilter;
Daniel@0: }, 1000 );
Daniel@0: } else {
Daniel@0: delete this.previousFilter;
Daniel@0: }
Daniel@0: } else {
Daniel@0: delete this.previousFilter;
Daniel@0: }
Daniel@0: }
Daniel@0:
Daniel@0: if ( preventDefault ) {
Daniel@0: event.preventDefault();
Daniel@0: }
Daniel@0: },
Daniel@0:
Daniel@0: _activate: function( event ) {
Daniel@0: if ( !this.active.is( ".ui-state-disabled" ) ) {
Daniel@0: if ( this.active.is( "[aria-haspopup='true']" ) ) {
Daniel@0: this.expand( event );
Daniel@0: } else {
Daniel@0: this.select( event );
Daniel@0: }
Daniel@0: }
Daniel@0: },
Daniel@0:
Daniel@0: refresh: function() {
Daniel@0: var menus, items,
Daniel@0: that = this,
Daniel@0: icon = this.options.icons.submenu,
Daniel@0: submenus = this.element.find( this.options.menus );
Daniel@0:
Daniel@0: this.element.toggleClass( "ui-menu-icons", !!this.element.find( ".ui-icon" ).length );
Daniel@0:
Daniel@0: // Initialize nested menus
Daniel@0: submenus.filter( ":not(.ui-menu)" )
Daniel@0: .addClass( "ui-menu ui-widget ui-widget-content ui-front" )
Daniel@0: .hide()
Daniel@0: .attr({
Daniel@0: role: this.options.role,
Daniel@0: "aria-hidden": "true",
Daniel@0: "aria-expanded": "false"
Daniel@0: })
Daniel@0: .each(function() {
Daniel@0: var menu = $( this ),
Daniel@0: item = menu.parent(),
Daniel@0: submenuCarat = $( "" )
Daniel@0: .addClass( "ui-menu-icon ui-icon " + icon )
Daniel@0: .data( "ui-menu-submenu-carat", true );
Daniel@0:
Daniel@0: item
Daniel@0: .attr( "aria-haspopup", "true" )
Daniel@0: .prepend( submenuCarat );
Daniel@0: menu.attr( "aria-labelledby", item.attr( "id" ) );
Daniel@0: });
Daniel@0:
Daniel@0: menus = submenus.add( this.element );
Daniel@0: items = menus.find( this.options.items );
Daniel@0:
Daniel@0: // Initialize menu-items containing spaces and/or dashes only as dividers
Daniel@0: items.not( ".ui-menu-item" ).each(function() {
Daniel@0: var item = $( this );
Daniel@0: if ( that._isDivider( item ) ) {
Daniel@0: item.addClass( "ui-widget-content ui-menu-divider" );
Daniel@0: }
Daniel@0: });
Daniel@0:
Daniel@0: // Don't refresh list items that are already adapted
Daniel@0: items.not( ".ui-menu-item, .ui-menu-divider" )
Daniel@0: .addClass( "ui-menu-item" )
Daniel@0: .uniqueId()
Daniel@0: .attr({
Daniel@0: tabIndex: -1,
Daniel@0: role: this._itemRole()
Daniel@0: });
Daniel@0:
Daniel@0: // Add aria-disabled attribute to any disabled menu item
Daniel@0: items.filter( ".ui-state-disabled" ).attr( "aria-disabled", "true" );
Daniel@0:
Daniel@0: // If the active item has been removed, blur the menu
Daniel@0: if ( this.active && !$.contains( this.element[ 0 ], this.active[ 0 ] ) ) {
Daniel@0: this.blur();
Daniel@0: }
Daniel@0: },
Daniel@0:
Daniel@0: _itemRole: function() {
Daniel@0: return {
Daniel@0: menu: "menuitem",
Daniel@0: listbox: "option"
Daniel@0: }[ this.options.role ];
Daniel@0: },
Daniel@0:
Daniel@0: _setOption: function( key, value ) {
Daniel@0: if ( key === "icons" ) {
Daniel@0: this.element.find( ".ui-menu-icon" )
Daniel@0: .removeClass( this.options.icons.submenu )
Daniel@0: .addClass( value.submenu );
Daniel@0: }
Daniel@0: if ( key === "disabled" ) {
Daniel@0: this.element
Daniel@0: .toggleClass( "ui-state-disabled", !!value )
Daniel@0: .attr( "aria-disabled", value );
Daniel@0: }
Daniel@0: this._super( key, value );
Daniel@0: },
Daniel@0:
Daniel@0: focus: function( event, item ) {
Daniel@0: var nested, focused;
Daniel@0: this.blur( event, event && event.type === "focus" );
Daniel@0:
Daniel@0: this._scrollIntoView( item );
Daniel@0:
Daniel@0: this.active = item.first();
Daniel@0: focused = this.active.addClass( "ui-state-focus" ).removeClass( "ui-state-active" );
Daniel@0: // Only update aria-activedescendant if there's a role
Daniel@0: // otherwise we assume focus is managed elsewhere
Daniel@0: if ( this.options.role ) {
Daniel@0: this.element.attr( "aria-activedescendant", focused.attr( "id" ) );
Daniel@0: }
Daniel@0:
Daniel@0: // Highlight active parent menu item, if any
Daniel@0: this.active
Daniel@0: .parent()
Daniel@0: .closest( ".ui-menu-item" )
Daniel@0: .addClass( "ui-state-active" );
Daniel@0:
Daniel@0: if ( event && event.type === "keydown" ) {
Daniel@0: this._close();
Daniel@0: } else {
Daniel@0: this.timer = this._delay(function() {
Daniel@0: this._close();
Daniel@0: }, this.delay );
Daniel@0: }
Daniel@0:
Daniel@0: nested = item.children( ".ui-menu" );
Daniel@0: if ( nested.length && event && ( /^mouse/.test( event.type ) ) ) {
Daniel@0: this._startOpening(nested);
Daniel@0: }
Daniel@0: this.activeMenu = item.parent();
Daniel@0:
Daniel@0: this._trigger( "focus", event, { item: item } );
Daniel@0: },
Daniel@0:
Daniel@0: _scrollIntoView: function( item ) {
Daniel@0: var borderTop, paddingTop, offset, scroll, elementHeight, itemHeight;
Daniel@0: if ( this._hasScroll() ) {
Daniel@0: borderTop = parseFloat( $.css( this.activeMenu[0], "borderTopWidth" ) ) || 0;
Daniel@0: paddingTop = parseFloat( $.css( this.activeMenu[0], "paddingTop" ) ) || 0;
Daniel@0: offset = item.offset().top - this.activeMenu.offset().top - borderTop - paddingTop;
Daniel@0: scroll = this.activeMenu.scrollTop();
Daniel@0: elementHeight = this.activeMenu.height();
Daniel@0: itemHeight = item.outerHeight();
Daniel@0:
Daniel@0: if ( offset < 0 ) {
Daniel@0: this.activeMenu.scrollTop( scroll + offset );
Daniel@0: } else if ( offset + itemHeight > elementHeight ) {
Daniel@0: this.activeMenu.scrollTop( scroll + offset - elementHeight + itemHeight );
Daniel@0: }
Daniel@0: }
Daniel@0: },
Daniel@0:
Daniel@0: blur: function( event, fromFocus ) {
Daniel@0: if ( !fromFocus ) {
Daniel@0: clearTimeout( this.timer );
Daniel@0: }
Daniel@0:
Daniel@0: if ( !this.active ) {
Daniel@0: return;
Daniel@0: }
Daniel@0:
Daniel@0: this.active.removeClass( "ui-state-focus" );
Daniel@0: this.active = null;
Daniel@0:
Daniel@0: this._trigger( "blur", event, { item: this.active } );
Daniel@0: },
Daniel@0:
Daniel@0: _startOpening: function( submenu ) {
Daniel@0: clearTimeout( this.timer );
Daniel@0:
Daniel@0: // Don't open if already open fixes a Firefox bug that caused a .5 pixel
Daniel@0: // shift in the submenu position when mousing over the carat icon
Daniel@0: if ( submenu.attr( "aria-hidden" ) !== "true" ) {
Daniel@0: return;
Daniel@0: }
Daniel@0:
Daniel@0: this.timer = this._delay(function() {
Daniel@0: this._close();
Daniel@0: this._open( submenu );
Daniel@0: }, this.delay );
Daniel@0: },
Daniel@0:
Daniel@0: _open: function( submenu ) {
Daniel@0: var position = $.extend({
Daniel@0: of: this.active
Daniel@0: }, this.options.position );
Daniel@0:
Daniel@0: clearTimeout( this.timer );
Daniel@0: this.element.find( ".ui-menu" ).not( submenu.parents( ".ui-menu" ) )
Daniel@0: .hide()
Daniel@0: .attr( "aria-hidden", "true" );
Daniel@0:
Daniel@0: submenu
Daniel@0: .show()
Daniel@0: .removeAttr( "aria-hidden" )
Daniel@0: .attr( "aria-expanded", "true" )
Daniel@0: .position( position );
Daniel@0: },
Daniel@0:
Daniel@0: collapseAll: function( event, all ) {
Daniel@0: clearTimeout( this.timer );
Daniel@0: this.timer = this._delay(function() {
Daniel@0: // If we were passed an event, look for the submenu that contains the event
Daniel@0: var currentMenu = all ? this.element :
Daniel@0: $( event && event.target ).closest( this.element.find( ".ui-menu" ) );
Daniel@0:
Daniel@0: // If we found no valid submenu ancestor, use the main menu to close all sub menus anyway
Daniel@0: if ( !currentMenu.length ) {
Daniel@0: currentMenu = this.element;
Daniel@0: }
Daniel@0:
Daniel@0: this._close( currentMenu );
Daniel@0:
Daniel@0: this.blur( event );
Daniel@0: this.activeMenu = currentMenu;
Daniel@0: }, this.delay );
Daniel@0: },
Daniel@0:
Daniel@0: // With no arguments, closes the currently active menu - if nothing is active
Daniel@0: // it closes all menus. If passed an argument, it will search for menus BELOW
Daniel@0: _close: function( startMenu ) {
Daniel@0: if ( !startMenu ) {
Daniel@0: startMenu = this.active ? this.active.parent() : this.element;
Daniel@0: }
Daniel@0:
Daniel@0: startMenu
Daniel@0: .find( ".ui-menu" )
Daniel@0: .hide()
Daniel@0: .attr( "aria-hidden", "true" )
Daniel@0: .attr( "aria-expanded", "false" )
Daniel@0: .end()
Daniel@0: .find( ".ui-state-active" ).not( ".ui-state-focus" )
Daniel@0: .removeClass( "ui-state-active" );
Daniel@0: },
Daniel@0:
Daniel@0: _closeOnDocumentClick: function( event ) {
Daniel@0: return !$( event.target ).closest( ".ui-menu" ).length;
Daniel@0: },
Daniel@0:
Daniel@0: _isDivider: function( item ) {
Daniel@0:
Daniel@0: // Match hyphen, em dash, en dash
Daniel@0: return !/[^\-\u2014\u2013\s]/.test( item.text() );
Daniel@0: },
Daniel@0:
Daniel@0: collapse: function( event ) {
Daniel@0: var newItem = this.active &&
Daniel@0: this.active.parent().closest( ".ui-menu-item", this.element );
Daniel@0: if ( newItem && newItem.length ) {
Daniel@0: this._close();
Daniel@0: this.focus( event, newItem );
Daniel@0: }
Daniel@0: },
Daniel@0:
Daniel@0: expand: function( event ) {
Daniel@0: var newItem = this.active &&
Daniel@0: this.active
Daniel@0: .children( ".ui-menu " )
Daniel@0: .find( this.options.items )
Daniel@0: .first();
Daniel@0:
Daniel@0: if ( newItem && newItem.length ) {
Daniel@0: this._open( newItem.parent() );
Daniel@0:
Daniel@0: // Delay so Firefox will not hide activedescendant change in expanding submenu from AT
Daniel@0: this._delay(function() {
Daniel@0: this.focus( event, newItem );
Daniel@0: });
Daniel@0: }
Daniel@0: },
Daniel@0:
Daniel@0: next: function( event ) {
Daniel@0: this._move( "next", "first", event );
Daniel@0: },
Daniel@0:
Daniel@0: previous: function( event ) {
Daniel@0: this._move( "prev", "last", event );
Daniel@0: },
Daniel@0:
Daniel@0: isFirstItem: function() {
Daniel@0: return this.active && !this.active.prevAll( ".ui-menu-item" ).length;
Daniel@0: },
Daniel@0:
Daniel@0: isLastItem: function() {
Daniel@0: return this.active && !this.active.nextAll( ".ui-menu-item" ).length;
Daniel@0: },
Daniel@0:
Daniel@0: _move: function( direction, filter, event ) {
Daniel@0: var next;
Daniel@0: if ( this.active ) {
Daniel@0: if ( direction === "first" || direction === "last" ) {
Daniel@0: next = this.active
Daniel@0: [ direction === "first" ? "prevAll" : "nextAll" ]( ".ui-menu-item" )
Daniel@0: .eq( -1 );
Daniel@0: } else {
Daniel@0: next = this.active
Daniel@0: [ direction + "All" ]( ".ui-menu-item" )
Daniel@0: .eq( 0 );
Daniel@0: }
Daniel@0: }
Daniel@0: if ( !next || !next.length || !this.active ) {
Daniel@0: next = this.activeMenu.find( this.options.items )[ filter ]();
Daniel@0: }
Daniel@0:
Daniel@0: this.focus( event, next );
Daniel@0: },
Daniel@0:
Daniel@0: nextPage: function( event ) {
Daniel@0: var item, base, height;
Daniel@0:
Daniel@0: if ( !this.active ) {
Daniel@0: this.next( event );
Daniel@0: return;
Daniel@0: }
Daniel@0: if ( this.isLastItem() ) {
Daniel@0: return;
Daniel@0: }
Daniel@0: if ( this._hasScroll() ) {
Daniel@0: base = this.active.offset().top;
Daniel@0: height = this.element.height();
Daniel@0: this.active.nextAll( ".ui-menu-item" ).each(function() {
Daniel@0: item = $( this );
Daniel@0: return item.offset().top - base - height < 0;
Daniel@0: });
Daniel@0:
Daniel@0: this.focus( event, item );
Daniel@0: } else {
Daniel@0: this.focus( event, this.activeMenu.find( this.options.items )
Daniel@0: [ !this.active ? "first" : "last" ]() );
Daniel@0: }
Daniel@0: },
Daniel@0:
Daniel@0: previousPage: function( event ) {
Daniel@0: var item, base, height;
Daniel@0: if ( !this.active ) {
Daniel@0: this.next( event );
Daniel@0: return;
Daniel@0: }
Daniel@0: if ( this.isFirstItem() ) {
Daniel@0: return;
Daniel@0: }
Daniel@0: if ( this._hasScroll() ) {
Daniel@0: base = this.active.offset().top;
Daniel@0: height = this.element.height();
Daniel@0: this.active.prevAll( ".ui-menu-item" ).each(function() {
Daniel@0: item = $( this );
Daniel@0: return item.offset().top - base + height > 0;
Daniel@0: });
Daniel@0:
Daniel@0: this.focus( event, item );
Daniel@0: } else {
Daniel@0: this.focus( event, this.activeMenu.find( this.options.items ).first() );
Daniel@0: }
Daniel@0: },
Daniel@0:
Daniel@0: _hasScroll: function() {
Daniel@0: return this.element.outerHeight() < this.element.prop( "scrollHeight" );
Daniel@0: },
Daniel@0:
Daniel@0: select: function( event ) {
Daniel@0: // TODO: It should never be possible to not have an active item at this
Daniel@0: // point, but the tests don't trigger mouseenter before click.
Daniel@0: this.active = this.active || $( event.target ).closest( ".ui-menu-item" );
Daniel@0: var ui = { item: this.active };
Daniel@0: if ( !this.active.has( ".ui-menu" ).length ) {
Daniel@0: this.collapseAll( event, true );
Daniel@0: }
Daniel@0: this._trigger( "select", event, ui );
Daniel@0: }
Daniel@0: });
Daniel@0:
Daniel@0:
Daniel@0: /*!
Daniel@0: * jQuery UI Autocomplete 1.11.0
Daniel@0: * http://jqueryui.com
Daniel@0: *
Daniel@0: * Copyright 2014 jQuery Foundation and other contributors
Daniel@0: * Released under the MIT license.
Daniel@0: * http://jquery.org/license
Daniel@0: *
Daniel@0: * http://api.jqueryui.com/autocomplete/
Daniel@0: */
Daniel@0:
Daniel@0:
Daniel@0: $.widget( "ui.autocomplete", {
Daniel@0: version: "1.11.0",
Daniel@0: defaultElement: "",
Daniel@0: options: {
Daniel@0: appendTo: null,
Daniel@0: autoFocus: false,
Daniel@0: delay: 300,
Daniel@0: minLength: 1,
Daniel@0: position: {
Daniel@0: my: "left top",
Daniel@0: at: "left bottom",
Daniel@0: collision: "none"
Daniel@0: },
Daniel@0: source: null,
Daniel@0:
Daniel@0: // callbacks
Daniel@0: change: null,
Daniel@0: close: null,
Daniel@0: focus: null,
Daniel@0: open: null,
Daniel@0: response: null,
Daniel@0: search: null,
Daniel@0: select: null
Daniel@0: },
Daniel@0:
Daniel@0: requestIndex: 0,
Daniel@0: pending: 0,
Daniel@0:
Daniel@0: _create: function() {
Daniel@0: // Some browsers only repeat keydown events, not keypress events,
Daniel@0: // so we use the suppressKeyPress flag to determine if we've already
Daniel@0: // handled the keydown event. #7269
Daniel@0: // Unfortunately the code for & in keypress is the same as the up arrow,
Daniel@0: // so we use the suppressKeyPressRepeat flag to avoid handling keypress
Daniel@0: // events when we know the keydown event was used to modify the
Daniel@0: // search term. #7799
Daniel@0: var suppressKeyPress, suppressKeyPressRepeat, suppressInput,
Daniel@0: nodeName = this.element[ 0 ].nodeName.toLowerCase(),
Daniel@0: isTextarea = nodeName === "textarea",
Daniel@0: isInput = nodeName === "input";
Daniel@0:
Daniel@0: this.isMultiLine =
Daniel@0: // Textareas are always multi-line
Daniel@0: isTextarea ? true :
Daniel@0: // Inputs are always single-line, even if inside a contentEditable element
Daniel@0: // IE also treats inputs as contentEditable
Daniel@0: isInput ? false :
Daniel@0: // All other element types are determined by whether or not they're contentEditable
Daniel@0: this.element.prop( "isContentEditable" );
Daniel@0:
Daniel@0: this.valueMethod = this.element[ isTextarea || isInput ? "val" : "text" ];
Daniel@0: this.isNewMenu = true;
Daniel@0:
Daniel@0: this.element
Daniel@0: .addClass( "ui-autocomplete-input" )
Daniel@0: .attr( "autocomplete", "off" );
Daniel@0:
Daniel@0: this._on( this.element, {
Daniel@0: keydown: function( event ) {
Daniel@0: if ( this.element.prop( "readOnly" ) ) {
Daniel@0: suppressKeyPress = true;
Daniel@0: suppressInput = true;
Daniel@0: suppressKeyPressRepeat = true;
Daniel@0: return;
Daniel@0: }
Daniel@0:
Daniel@0: suppressKeyPress = false;
Daniel@0: suppressInput = false;
Daniel@0: suppressKeyPressRepeat = false;
Daniel@0: var keyCode = $.ui.keyCode;
Daniel@0: switch ( event.keyCode ) {
Daniel@0: case keyCode.PAGE_UP:
Daniel@0: suppressKeyPress = true;
Daniel@0: this._move( "previousPage", event );
Daniel@0: break;
Daniel@0: case keyCode.PAGE_DOWN:
Daniel@0: suppressKeyPress = true;
Daniel@0: this._move( "nextPage", event );
Daniel@0: break;
Daniel@0: case keyCode.UP:
Daniel@0: suppressKeyPress = true;
Daniel@0: this._keyEvent( "previous", event );
Daniel@0: break;
Daniel@0: case keyCode.DOWN:
Daniel@0: suppressKeyPress = true;
Daniel@0: this._keyEvent( "next", event );
Daniel@0: break;
Daniel@0: case keyCode.ENTER:
Daniel@0: // when menu is open and has focus
Daniel@0: if ( this.menu.active ) {
Daniel@0: // #6055 - Opera still allows the keypress to occur
Daniel@0: // which causes forms to submit
Daniel@0: suppressKeyPress = true;
Daniel@0: event.preventDefault();
Daniel@0: this.menu.select( event );
Daniel@0: }
Daniel@0: break;
Daniel@0: case keyCode.TAB:
Daniel@0: if ( this.menu.active ) {
Daniel@0: this.menu.select( event );
Daniel@0: }
Daniel@0: break;
Daniel@0: case keyCode.ESCAPE:
Daniel@0: if ( this.menu.element.is( ":visible" ) ) {
Daniel@0: this._value( this.term );
Daniel@0: this.close( event );
Daniel@0: // Different browsers have different default behavior for escape
Daniel@0: // Single press can mean undo or clear
Daniel@0: // Double press in IE means clear the whole form
Daniel@0: event.preventDefault();
Daniel@0: }
Daniel@0: break;
Daniel@0: default:
Daniel@0: suppressKeyPressRepeat = true;
Daniel@0: // search timeout should be triggered before the input value is changed
Daniel@0: this._searchTimeout( event );
Daniel@0: break;
Daniel@0: }
Daniel@0: },
Daniel@0: keypress: function( event ) {
Daniel@0: if ( suppressKeyPress ) {
Daniel@0: suppressKeyPress = false;
Daniel@0: if ( !this.isMultiLine || this.menu.element.is( ":visible" ) ) {
Daniel@0: event.preventDefault();
Daniel@0: }
Daniel@0: return;
Daniel@0: }
Daniel@0: if ( suppressKeyPressRepeat ) {
Daniel@0: return;
Daniel@0: }
Daniel@0:
Daniel@0: // replicate some key handlers to allow them to repeat in Firefox and Opera
Daniel@0: var keyCode = $.ui.keyCode;
Daniel@0: switch ( event.keyCode ) {
Daniel@0: case keyCode.PAGE_UP:
Daniel@0: this._move( "previousPage", event );
Daniel@0: break;
Daniel@0: case keyCode.PAGE_DOWN:
Daniel@0: this._move( "nextPage", event );
Daniel@0: break;
Daniel@0: case keyCode.UP:
Daniel@0: this._keyEvent( "previous", event );
Daniel@0: break;
Daniel@0: case keyCode.DOWN:
Daniel@0: this._keyEvent( "next", event );
Daniel@0: break;
Daniel@0: }
Daniel@0: },
Daniel@0: input: function( event ) {
Daniel@0: if ( suppressInput ) {
Daniel@0: suppressInput = false;
Daniel@0: event.preventDefault();
Daniel@0: return;
Daniel@0: }
Daniel@0: this._searchTimeout( event );
Daniel@0: },
Daniel@0: focus: function() {
Daniel@0: this.selectedItem = null;
Daniel@0: this.previous = this._value();
Daniel@0: },
Daniel@0: blur: function( event ) {
Daniel@0: if ( this.cancelBlur ) {
Daniel@0: delete this.cancelBlur;
Daniel@0: return;
Daniel@0: }
Daniel@0:
Daniel@0: clearTimeout( this.searching );
Daniel@0: this.close( event );
Daniel@0: this._change( event );
Daniel@0: }
Daniel@0: });
Daniel@0:
Daniel@0: this._initSource();
Daniel@0: this.menu = $( "" )
Daniel@0: .addClass( "ui-autocomplete ui-front" )
Daniel@0: .appendTo( this._appendTo() )
Daniel@0: .menu({
Daniel@0: // disable ARIA support, the live region takes care of that
Daniel@0: role: null
Daniel@0: })
Daniel@0: .hide()
Daniel@0: .menu( "instance" );
Daniel@0:
Daniel@0: this._on( this.menu.element, {
Daniel@0: mousedown: function( event ) {
Daniel@0: // prevent moving focus out of the text field
Daniel@0: event.preventDefault();
Daniel@0:
Daniel@0: // IE doesn't prevent moving focus even with event.preventDefault()
Daniel@0: // so we set a flag to know when we should ignore the blur event
Daniel@0: this.cancelBlur = true;
Daniel@0: this._delay(function() {
Daniel@0: delete this.cancelBlur;
Daniel@0: });
Daniel@0:
Daniel@0: // clicking on the scrollbar causes focus to shift to the body
Daniel@0: // but we can't detect a mouseup or a click immediately afterward
Daniel@0: // so we have to track the next mousedown and close the menu if
Daniel@0: // the user clicks somewhere outside of the autocomplete
Daniel@0: var menuElement = this.menu.element[ 0 ];
Daniel@0: if ( !$( event.target ).closest( ".ui-menu-item" ).length ) {
Daniel@0: this._delay(function() {
Daniel@0: var that = this;
Daniel@0: this.document.one( "mousedown", function( event ) {
Daniel@0: if ( event.target !== that.element[ 0 ] &&
Daniel@0: event.target !== menuElement &&
Daniel@0: !$.contains( menuElement, event.target ) ) {
Daniel@0: that.close();
Daniel@0: }
Daniel@0: });
Daniel@0: });
Daniel@0: }
Daniel@0: },
Daniel@0: menufocus: function( event, ui ) {
Daniel@0: var label, item;
Daniel@0: // support: Firefox
Daniel@0: // Prevent accidental activation of menu items in Firefox (#7024 #9118)
Daniel@0: if ( this.isNewMenu ) {
Daniel@0: this.isNewMenu = false;
Daniel@0: if ( event.originalEvent && /^mouse/.test( event.originalEvent.type ) ) {
Daniel@0: this.menu.blur();
Daniel@0:
Daniel@0: this.document.one( "mousemove", function() {
Daniel@0: $( event.target ).trigger( event.originalEvent );
Daniel@0: });
Daniel@0:
Daniel@0: return;
Daniel@0: }
Daniel@0: }
Daniel@0:
Daniel@0: item = ui.item.data( "ui-autocomplete-item" );
Daniel@0: if ( false !== this._trigger( "focus", event, { item: item } ) ) {
Daniel@0: // use value to match what will end up in the input, if it was a key event
Daniel@0: if ( event.originalEvent && /^key/.test( event.originalEvent.type ) ) {
Daniel@0: this._value( item.value );
Daniel@0: }
Daniel@0: }
Daniel@0:
Daniel@0: // Announce the value in the liveRegion
Daniel@0: label = ui.item.attr( "aria-label" ) || item.value;
Daniel@0: if ( label && jQuery.trim( label ).length ) {
Daniel@0: this.liveRegion.children().hide();
Daniel@0: $( "" ).text( label ).appendTo( this.liveRegion );
Daniel@0: }
Daniel@0: },
Daniel@0: menuselect: function( event, ui ) {
Daniel@0: var item = ui.item.data( "ui-autocomplete-item" ),
Daniel@0: previous = this.previous;
Daniel@0:
Daniel@0: // only trigger when focus was lost (click on menu)
Daniel@0: if ( this.element[ 0 ] !== this.document[ 0 ].activeElement ) {
Daniel@0: this.element.focus();
Daniel@0: this.previous = previous;
Daniel@0: // #6109 - IE triggers two focus events and the second
Daniel@0: // is asynchronous, so we need to reset the previous
Daniel@0: // term synchronously and asynchronously :-(
Daniel@0: this._delay(function() {
Daniel@0: this.previous = previous;
Daniel@0: this.selectedItem = item;
Daniel@0: });
Daniel@0: }
Daniel@0:
Daniel@0: if ( false !== this._trigger( "select", event, { item: item } ) ) {
Daniel@0: this._value( item.value );
Daniel@0: }
Daniel@0: // reset the term after the select event
Daniel@0: // this allows custom select handling to work properly
Daniel@0: this.term = this._value();
Daniel@0:
Daniel@0: this.close( event );
Daniel@0: this.selectedItem = item;
Daniel@0: }
Daniel@0: });
Daniel@0:
Daniel@0: this.liveRegion = $( "
", {
Daniel@0: role: "status",
Daniel@0: "aria-live": "assertive",
Daniel@0: "aria-relevant": "additions"
Daniel@0: })
Daniel@0: .addClass( "ui-helper-hidden-accessible" )
Daniel@0: .appendTo( this.document[ 0 ].body );
Daniel@0:
Daniel@0: // turning off autocomplete prevents the browser from remembering the
Daniel@0: // value when navigating through history, so we re-enable autocomplete
Daniel@0: // if the page is unloaded before the widget is destroyed. #7790
Daniel@0: this._on( this.window, {
Daniel@0: beforeunload: function() {
Daniel@0: this.element.removeAttr( "autocomplete" );
Daniel@0: }
Daniel@0: });
Daniel@0: },
Daniel@0:
Daniel@0: _destroy: function() {
Daniel@0: clearTimeout( this.searching );
Daniel@0: this.element
Daniel@0: .removeClass( "ui-autocomplete-input" )
Daniel@0: .removeAttr( "autocomplete" );
Daniel@0: this.menu.element.remove();
Daniel@0: this.liveRegion.remove();
Daniel@0: },
Daniel@0:
Daniel@0: _setOption: function( key, value ) {
Daniel@0: this._super( key, value );
Daniel@0: if ( key === "source" ) {
Daniel@0: this._initSource();
Daniel@0: }
Daniel@0: if ( key === "appendTo" ) {
Daniel@0: this.menu.element.appendTo( this._appendTo() );
Daniel@0: }
Daniel@0: if ( key === "disabled" && value && this.xhr ) {
Daniel@0: this.xhr.abort();
Daniel@0: }
Daniel@0: },
Daniel@0:
Daniel@0: _appendTo: function() {
Daniel@0: var element = this.options.appendTo;
Daniel@0:
Daniel@0: if ( element ) {
Daniel@0: element = element.jquery || element.nodeType ?
Daniel@0: $( element ) :
Daniel@0: this.document.find( element ).eq( 0 );
Daniel@0: }
Daniel@0:
Daniel@0: if ( !element || !element[ 0 ] ) {
Daniel@0: element = this.element.closest( ".ui-front" );
Daniel@0: }
Daniel@0:
Daniel@0: if ( !element.length ) {
Daniel@0: element = this.document[ 0 ].body;
Daniel@0: }
Daniel@0:
Daniel@0: return element;
Daniel@0: },
Daniel@0:
Daniel@0: _initSource: function() {
Daniel@0: var array, url,
Daniel@0: that = this;
Daniel@0: if ( $.isArray( this.options.source ) ) {
Daniel@0: array = this.options.source;
Daniel@0: this.source = function( request, response ) {
Daniel@0: response( $.ui.autocomplete.filter( array, request.term ) );
Daniel@0: };
Daniel@0: } else if ( typeof this.options.source === "string" ) {
Daniel@0: url = this.options.source;
Daniel@0: this.source = function( request, response ) {
Daniel@0: if ( that.xhr ) {
Daniel@0: that.xhr.abort();
Daniel@0: }
Daniel@0: that.xhr = $.ajax({
Daniel@0: url: url,
Daniel@0: data: request,
Daniel@0: dataType: "json",
Daniel@0: success: function( data ) {
Daniel@0: response( data );
Daniel@0: },
Daniel@0: error: function() {
Daniel@0: response([]);
Daniel@0: }
Daniel@0: });
Daniel@0: };
Daniel@0: } else {
Daniel@0: this.source = this.options.source;
Daniel@0: }
Daniel@0: },
Daniel@0:
Daniel@0: _searchTimeout: function( event ) {
Daniel@0: clearTimeout( this.searching );
Daniel@0: this.searching = this._delay(function() {
Daniel@0:
Daniel@0: // Search if the value has changed, or if the user retypes the same value (see #7434)
Daniel@0: var equalValues = this.term === this._value(),
Daniel@0: menuVisible = this.menu.element.is( ":visible" ),
Daniel@0: modifierKey = event.altKey || event.ctrlKey || event.metaKey || event.shiftKey;
Daniel@0:
Daniel@0: if ( !equalValues || ( equalValues && !menuVisible && !modifierKey ) ) {
Daniel@0: this.selectedItem = null;
Daniel@0: this.search( null, event );
Daniel@0: }
Daniel@0: }, this.options.delay );
Daniel@0: },
Daniel@0:
Daniel@0: search: function( value, event ) {
Daniel@0: value = value != null ? value : this._value();
Daniel@0:
Daniel@0: // always save the actual value, not the one passed as an argument
Daniel@0: this.term = this._value();
Daniel@0:
Daniel@0: if ( value.length < this.options.minLength ) {
Daniel@0: return this.close( event );
Daniel@0: }
Daniel@0:
Daniel@0: if ( this._trigger( "search", event ) === false ) {
Daniel@0: return;
Daniel@0: }
Daniel@0:
Daniel@0: return this._search( value );
Daniel@0: },
Daniel@0:
Daniel@0: _search: function( value ) {
Daniel@0: this.pending++;
Daniel@0: this.element.addClass( "ui-autocomplete-loading" );
Daniel@0: this.cancelSearch = false;
Daniel@0:
Daniel@0: this.source( { term: value }, this._response() );
Daniel@0: },
Daniel@0:
Daniel@0: _response: function() {
Daniel@0: var index = ++this.requestIndex;
Daniel@0:
Daniel@0: return $.proxy(function( content ) {
Daniel@0: if ( index === this.requestIndex ) {
Daniel@0: this.__response( content );
Daniel@0: }
Daniel@0:
Daniel@0: this.pending--;
Daniel@0: if ( !this.pending ) {
Daniel@0: this.element.removeClass( "ui-autocomplete-loading" );
Daniel@0: }
Daniel@0: }, this );
Daniel@0: },
Daniel@0:
Daniel@0: __response: function( content ) {
Daniel@0: if ( content ) {
Daniel@0: content = this._normalize( content );
Daniel@0: }
Daniel@0: this._trigger( "response", null, { content: content } );
Daniel@0: if ( !this.options.disabled && content && content.length && !this.cancelSearch ) {
Daniel@0: this._suggest( content );
Daniel@0: this._trigger( "open" );
Daniel@0: } else {
Daniel@0: // use ._close() instead of .close() so we don't cancel future searches
Daniel@0: this._close();
Daniel@0: }
Daniel@0: },
Daniel@0:
Daniel@0: close: function( event ) {
Daniel@0: this.cancelSearch = true;
Daniel@0: this._close( event );
Daniel@0: },
Daniel@0:
Daniel@0: _close: function( event ) {
Daniel@0: if ( this.menu.element.is( ":visible" ) ) {
Daniel@0: this.menu.element.hide();
Daniel@0: this.menu.blur();
Daniel@0: this.isNewMenu = true;
Daniel@0: this._trigger( "close", event );
Daniel@0: }
Daniel@0: },
Daniel@0:
Daniel@0: _change: function( event ) {
Daniel@0: if ( this.previous !== this._value() ) {
Daniel@0: this._trigger( "change", event, { item: this.selectedItem } );
Daniel@0: }
Daniel@0: },
Daniel@0:
Daniel@0: _normalize: function( items ) {
Daniel@0: // assume all items have the right format when the first item is complete
Daniel@0: if ( items.length && items[ 0 ].label && items[ 0 ].value ) {
Daniel@0: return items;
Daniel@0: }
Daniel@0: return $.map( items, function( item ) {
Daniel@0: if ( typeof item === "string" ) {
Daniel@0: return {
Daniel@0: label: item,
Daniel@0: value: item
Daniel@0: };
Daniel@0: }
Daniel@0: return $.extend( {}, item, {
Daniel@0: label: item.label || item.value,
Daniel@0: value: item.value || item.label
Daniel@0: });
Daniel@0: });
Daniel@0: },
Daniel@0:
Daniel@0: _suggest: function( items ) {
Daniel@0: var ul = this.menu.element.empty();
Daniel@0: this._renderMenu( ul, items );
Daniel@0: this.isNewMenu = true;
Daniel@0: this.menu.refresh();
Daniel@0:
Daniel@0: // size and position menu
Daniel@0: ul.show();
Daniel@0: this._resizeMenu();
Daniel@0: ul.position( $.extend({
Daniel@0: of: this.element
Daniel@0: }, this.options.position ) );
Daniel@0:
Daniel@0: if ( this.options.autoFocus ) {
Daniel@0: this.menu.next();
Daniel@0: }
Daniel@0: },
Daniel@0:
Daniel@0: _resizeMenu: function() {
Daniel@0: var ul = this.menu.element;
Daniel@0: ul.outerWidth( Math.max(
Daniel@0: // Firefox wraps long text (possibly a rounding bug)
Daniel@0: // so we add 1px to avoid the wrapping (#7513)
Daniel@0: ul.width( "" ).outerWidth() + 1,
Daniel@0: this.element.outerWidth()
Daniel@0: ) );
Daniel@0: },
Daniel@0:
Daniel@0: _renderMenu: function( ul, items ) {
Daniel@0: var that = this;
Daniel@0: $.each( items, function( index, item ) {
Daniel@0: that._renderItemData( ul, item );
Daniel@0: });
Daniel@0: },
Daniel@0:
Daniel@0: _renderItemData: function( ul, item ) {
Daniel@0: return this._renderItem( ul, item ).data( "ui-autocomplete-item", item );
Daniel@0: },
Daniel@0:
Daniel@0: _renderItem: function( ul, item ) {
Daniel@0: return $( "- " ).text( item.label ).appendTo( ul );
Daniel@0: },
Daniel@0:
Daniel@0: _move: function( direction, event ) {
Daniel@0: if ( !this.menu.element.is( ":visible" ) ) {
Daniel@0: this.search( null, event );
Daniel@0: return;
Daniel@0: }
Daniel@0: if ( this.menu.isFirstItem() && /^previous/.test( direction ) ||
Daniel@0: this.menu.isLastItem() && /^next/.test( direction ) ) {
Daniel@0:
Daniel@0: if ( !this.isMultiLine ) {
Daniel@0: this._value( this.term );
Daniel@0: }
Daniel@0:
Daniel@0: this.menu.blur();
Daniel@0: return;
Daniel@0: }
Daniel@0: this.menu[ direction ]( event );
Daniel@0: },
Daniel@0:
Daniel@0: widget: function() {
Daniel@0: return this.menu.element;
Daniel@0: },
Daniel@0:
Daniel@0: _value: function() {
Daniel@0: return this.valueMethod.apply( this.element, arguments );
Daniel@0: },
Daniel@0:
Daniel@0: _keyEvent: function( keyEvent, event ) {
Daniel@0: if ( !this.isMultiLine || this.menu.element.is( ":visible" ) ) {
Daniel@0: this._move( keyEvent, event );
Daniel@0:
Daniel@0: // prevents moving cursor to beginning/end of the text field in some browsers
Daniel@0: event.preventDefault();
Daniel@0: }
Daniel@0: }
Daniel@0: });
Daniel@0:
Daniel@0: $.extend( $.ui.autocomplete, {
Daniel@0: escapeRegex: function( value ) {
Daniel@0: return value.replace( /[\-\[\]{}()*+?.,\\\^$|#\s]/g, "\\$&" );
Daniel@0: },
Daniel@0: filter: function( array, term ) {
Daniel@0: var matcher = new RegExp( $.ui.autocomplete.escapeRegex( term ), "i" );
Daniel@0: return $.grep( array, function( value ) {
Daniel@0: return matcher.test( value.label || value.value || value );
Daniel@0: });
Daniel@0: }
Daniel@0: });
Daniel@0:
Daniel@0: // live region extension, adding a `messages` option
Daniel@0: // NOTE: This is an experimental API. We are still investigating
Daniel@0: // a full solution for string manipulation and internationalization.
Daniel@0: $.widget( "ui.autocomplete", $.ui.autocomplete, {
Daniel@0: options: {
Daniel@0: messages: {
Daniel@0: noResults: "No search results.",
Daniel@0: results: function( amount ) {
Daniel@0: return amount + ( amount > 1 ? " results are" : " result is" ) +
Daniel@0: " available, use up and down arrow keys to navigate.";
Daniel@0: }
Daniel@0: }
Daniel@0: },
Daniel@0:
Daniel@0: __response: function( content ) {
Daniel@0: var message;
Daniel@0: this._superApply( arguments );
Daniel@0: if ( this.options.disabled || this.cancelSearch ) {
Daniel@0: return;
Daniel@0: }
Daniel@0: if ( content && content.length ) {
Daniel@0: message = this.options.messages.results( content.length );
Daniel@0: } else {
Daniel@0: message = this.options.messages.noResults;
Daniel@0: }
Daniel@0: this.liveRegion.children().hide();
Daniel@0: $( "
" ).text( message ).appendTo( this.liveRegion );
Daniel@0: }
Daniel@0: });
Daniel@0:
Daniel@0: var autocomplete = $.ui.autocomplete;
Daniel@0:
Daniel@0:
Daniel@0: /*!
Daniel@0: * jQuery UI Button 1.11.0
Daniel@0: * http://jqueryui.com
Daniel@0: *
Daniel@0: * Copyright 2014 jQuery Foundation and other contributors
Daniel@0: * Released under the MIT license.
Daniel@0: * http://jquery.org/license
Daniel@0: *
Daniel@0: * http://api.jqueryui.com/button/
Daniel@0: */
Daniel@0:
Daniel@0:
Daniel@0: var lastActive,
Daniel@0: baseClasses = "ui-button ui-widget ui-state-default ui-corner-all",
Daniel@0: typeClasses = "ui-button-icons-only ui-button-icon-only ui-button-text-icons ui-button-text-icon-primary ui-button-text-icon-secondary ui-button-text-only",
Daniel@0: formResetHandler = function() {
Daniel@0: var form = $( this );
Daniel@0: setTimeout(function() {
Daniel@0: form.find( ":ui-button" ).button( "refresh" );
Daniel@0: }, 1 );
Daniel@0: },
Daniel@0: radioGroup = function( radio ) {
Daniel@0: var name = radio.name,
Daniel@0: form = radio.form,
Daniel@0: radios = $( [] );
Daniel@0: if ( name ) {
Daniel@0: name = name.replace( /'/g, "\\'" );
Daniel@0: if ( form ) {
Daniel@0: radios = $( form ).find( "[name='" + name + "'][type=radio]" );
Daniel@0: } else {
Daniel@0: radios = $( "[name='" + name + "'][type=radio]", radio.ownerDocument )
Daniel@0: .filter(function() {
Daniel@0: return !this.form;
Daniel@0: });
Daniel@0: }
Daniel@0: }
Daniel@0: return radios;
Daniel@0: };
Daniel@0:
Daniel@0: $.widget( "ui.button", {
Daniel@0: version: "1.11.0",
Daniel@0: defaultElement: "