enmi-conf.org: comparison wp/wp-includes/js/jquery/ui/accordion.js

Mercurial Mercurial > enmi-conf.org / comparison

summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help

wp/wp-includes/js/jquery/ui/accordion.js

changeset 19	3d72ae0968f4
parent 18	be944660c56a
child 21	48c4eec2b7e6

equal deleted inserted replaced

-:be944660c56a
+:3d72ae0968f4
 /*!
-* jQuery UI Accordion 1.12.1
+* jQuery UI Accordion 1.13.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
 //>>label: Accordion
 //>>group: Widgets
-// jscs:disable maximumLineLength
+/* eslint-disable max-len */
 //>>description: Displays collapsible content panels for presenting information in a limited amount of space.
-// jscs:enable maximumLineLength
+/* eslint-enable max-len */
 //>>docs: http://api.jqueryui.com/accordion/
 //>>demos: http://jqueryui.com/accordion/
 //>>css.structure: ../../themes/base/core.css
 //>>css.structure: ../../themes/base/accordion.css
 //>>css.theme: ../../themes/base/theme.css
 ( function( factory ) {
+	"use strict";
 	if ( typeof define === "function" && define.amd ) {
 		// AMD. Register as an anonymous module.
 		define( [
 			"jquery",
 	} else {
 		// Browser globals
 		factory( jQuery );
 	}
-}( function( $ ) {
+} )( function( $ ) {
+"use strict";
 return $.widget( "ui.accordion", {
-	version: "1.12.1",
+	version: "1.13.1",
 	options: {
 		active: 0,
 		animate: {},
 		classes: {
 			"ui-accordion-header": "ui-corner-top",
 			"ui-accordion-header-collapsed": "ui-corner-all",
 			"ui-accordion-content": "ui-corner-bottom"
 		},
 		collapsible: false,
 		event: "click",
-		header: "> li > :first-child, > :not(li):even",
+		header: function( elem ) {
+			return elem.find( "> li > :first-child" ).add( elem.find( "> :not(li)" ).even() );
+		},
 		heightStyle: "auto",
 		icons: {
 			activeHeader: "ui-icon-triangle-1-s",
 			header: "ui-icon-triangle-1-e"
 		},
 			length = this.headers.length,
 			currentIndex = this.headers.index( event.target ),
 			toFocus = false;
 		switch ( event.keyCode ) {
-		case keyCode.RIGHT:
+			case keyCode.RIGHT:
-		case keyCode.DOWN:
+			case keyCode.DOWN:
-			toFocus = this.headers[ ( currentIndex + 1 ) % length ];
+				toFocus = this.headers[ ( currentIndex + 1 ) % length ];
-			break;
+				break;
-		case keyCode.LEFT:
+			case keyCode.LEFT:
-		case keyCode.UP:
+			case keyCode.UP:
-			toFocus = this.headers[ ( currentIndex - 1 + length ) % length ];
+				toFocus = this.headers[ ( currentIndex - 1 + length ) % length ];
-			break;
+				break;
-		case keyCode.SPACE:
+			case keyCode.SPACE:
-		case keyCode.ENTER:
+			case keyCode.ENTER:
-			this._eventHandler( event );
+				this._eventHandler( event );
-			break;
+				break;
-		case keyCode.HOME:
+			case keyCode.HOME:
-			toFocus = this.headers[ 0 ];
+				toFocus = this.headers[ 0 ];
-			break;
+				break;
-		case keyCode.END:
+			case keyCode.END:
-			toFocus = this.headers[ length - 1 ];
+				toFocus = this.headers[ length - 1 ];
-			break;
+				break;
 		}
 		if ( toFocus ) {
 			$( event.target ).attr( "tabIndex", -1 );
 			$( toFocus ).attr( "tabIndex", 0 );
 		var options = this.options;
 		this._processPanels();
 		// Was collapsed or no panel
 		if ( ( options.active === false && options.collapsible === true ) ||
-				!this.headers.length ) {
+			!this.headers.length ) {
 			options.active = false;
 			this.active = $();
-		// active false only when collapsible is true
+			// active false only when collapsible is true
 		} else if ( options.active === false ) {
 			this._activate( 0 );
-		// was active, but active panel is gone
+			// was active, but active panel is gone
 		} else if ( this.active.length && !$.contains( this.element[ 0 ], this.active[ 0 ] ) ) {
 			// all remaining panel are disabled
 			if ( this.headers.length === this.headers.find( ".ui-state-disabled" ).length ) {
 				options.active = false;
 				this.active = $();
-			// activate previous panel
+				// activate previous panel
 			} else {
 				this._activate( Math.max( 0, options.active - 1 ) );
 			}
-		// was active, active panel still exists
+			// was active, active panel still exists
 		} else {
 			// make sure active index is correct
 			options.active = this.headers.index( this.active );
 		}
 	_processPanels: function() {
 		var prevHeaders = this.headers,
 			prevPanels = this.panels;
-		this.headers = this.element.find( this.options.header );
+		if ( typeof this.options.header === "function" ) {
+			this.headers = this.options.header( this.element );
+		} else {
+			this.headers = this.element.find( this.options.header );
+		}
 		this._addClass( this.headers, "ui-accordion-header ui-accordion-header-collapsed",
 			"ui-state-default" );
 		this.panels = this.headers.next().filter( ":not(.ui-accordion-content-active)" ).hide();
 		this._addClass( this.panels, "ui-accordion-content", "ui-helper-reset ui-widget-content" );
 					panelId = panel.uniqueId().attr( "id" );
 				header.attr( "aria-controls", panelId );
 				panel.attr( "aria-labelledby", headerId );
 			} )
 			.next()
-				.attr( "role", "tabpanel" );
+			.attr( "role", "tabpanel" );
 		this.headers
 			.not( this.active )
-				.attr( {
+			.attr( {
-					"aria-selected": "false",
+				"aria-selected": "false",
-					"aria-expanded": "false",
+				"aria-expanded": "false",
-					tabIndex: -1
+				tabIndex: -1
-				} )
+			} )
-				.next()
+			.next()
-					.attr( {
+			.attr( {
-						"aria-hidden": "true"
+				"aria-hidden": "true"
-					} )
+			} )
-					.hide();
+			.hide();
 		// Make sure at least one header is in the tab order
 		if ( !this.active.length ) {
 			this.headers.eq( 0 ).attr( "tabIndex", 0 );
 		} else {
 				"aria-selected": "true",
 				"aria-expanded": "true",
 				tabIndex: 0
 			} )
 				.next()
-					.attr( {
+				.attr( {
-						"aria-hidden": "false"
+					"aria-hidden": "false"
-					} );
+				} );
 		}
 		this._createIcons();
 		this._setupEvents( options.event );
 		event.preventDefault();
 		if (
-				// click on active header, but not collapsible
+			// click on active header, but not collapsible
-				( clickedIsActive && !options.collapsible ) ||
+			( clickedIsActive && !options.collapsible ) ||
-				// allow canceling activation
+			// allow canceling activation
-				( this._trigger( "beforeActivate", event, eventData ) === false ) ) {
+			( this._trigger( "beforeActivate", event, eventData ) === false ) ) {
 			return;
 		}
 		options.active = collapsing ? false : this.headers.index( clicked );
 		}
 		toShow
 			.attr( "aria-hidden", "false" )
 			.prev()
-				.attr( {
+			.attr( {
-					"aria-selected": "true",
+				"aria-selected": "true",
-					"aria-expanded": "true",
+				"aria-expanded": "true",
-					tabIndex: 0
+				tabIndex: 0
-				} );
+			} );
 	},
 	_animate: function( toShow, toHide, data ) {
 		var total, easing, duration,
 			that = this,
 		}
 		this._trigger( "activate", null, data );
 	}
 } );
-} ) );
+} );

enmi-conf.org