/*!

 * jQuery UI Accordion 1.13.3

 * https://jqueryui.com

 *

 * Copyright OpenJS Foundation and other contributors

 * Released under the MIT license.

 * https://jquery.org/license

 */

//>>label: Accordion

//>>group: Widgets

/* eslint-disable max-len */

//>>description: Displays collapsible content panels for presenting information in a limited amount of space.

/* eslint-enable max-len */

//>>docs: https://api.jqueryui.com/accordion/

//>>demos: https://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",

			"../version",

			"../keycode",

			"../unique-id",

			"../widget"

		], factory );

	} else {

		// Browser globals

		factory( jQuery );

	}

} )( function( $ ) {

"use strict";

return $.widget( "ui.accordion", {

	version: "1.13.3",

	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: 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"

		},

		// Callbacks

		activate: null,

		beforeActivate: null

	},

	hideProps: {

		borderTopWidth: "hide",

		borderBottomWidth: "hide",

		paddingTop: "hide",

		paddingBottom: "hide",

		height: "hide"

	},

	showProps: {

		borderTopWidth: "show",

		borderBottomWidth: "show",

		paddingTop: "show",

		paddingBottom: "show",

		height: "show"

	},

	_create: function() {

		var options = this.options;

		this.prevShow = this.prevHide = $();

		this._addClass( "ui-accordion", "ui-widget ui-helper-reset" );

		this.element.attr( "role", "tablist" );

		// Don't allow collapsible: false and active: false / null

		if ( !options.collapsible && ( options.active === false || options.active == null ) ) {

			options.active = 0;

		}

		this._processPanels();

		// handle negative values

		if ( options.active < 0 ) {

			options.active += this.headers.length;

		}

		this._refresh();

	},

	_getCreateEventData: function() {

		return {

			header: this.active,

			panel: !this.active.length ? $() : this.active.next()

		};

	},

	_createIcons: function() {

		var icon, children,

			icons = this.options.icons;

		if ( icons ) {

			icon = $( "<span>" );

			this._addClass( icon, "ui-accordion-header-icon", "ui-icon " + icons.header );

			icon.prependTo( this.headers );

			children = this.active.children( ".ui-accordion-header-icon" );

			this._removeClass( children, icons.header )

				._addClass( children, null, icons.activeHeader )

				._addClass( this.headers, "ui-accordion-icons" );

		}

	},

	_destroyIcons: function() {

		this._removeClass( this.headers, "ui-accordion-icons" );

		this.headers.children( ".ui-accordion-header-icon" ).remove();

	},

	_destroy: function() {

		var contents;

		// Clean up main element

		this.element.removeAttr( "role" );

		// Clean up headers

		this.headers

			.removeAttr( "role aria-expanded aria-selected aria-controls tabIndex" )

			.removeUniqueId();

		this._destroyIcons();

		// Clean up content panels

		contents = this.headers.next()

			.css( "display", "" )

			.removeAttr( "role aria-hidden aria-labelledby" )

			.removeUniqueId();

		if ( this.options.heightStyle !== "content" ) {

			contents.css( "height", "" );

		}

	},

	_setOption: function( key, value ) {

		if ( key === "active" ) {

			// _activate() will handle invalid values and update this.options

			this._activate( value );

			return;

		}

		if ( key === "event" ) {

			if ( this.options.event ) {

				this._off( this.headers, this.options.event );

			}

			this._setupEvents( value );

		}

		this._super( key, value );

		// Setting collapsible: false while collapsed; open first panel

		if ( key === "collapsible" && !value && this.options.active === false ) {

			this._activate( 0 );

		}

		if ( key === "icons" ) {

			this._destroyIcons();

			if ( value ) {

				this._createIcons();

			}

		}

	},

	_setOptionDisabled: function( value ) {

		this._super( value );

		this.element.attr( "aria-disabled", value );

		// Support: IE8 Only

		// #5332 / #6059 - opacity doesn't cascade to positioned elements in IE

		// so we need to add the disabled class to the headers and panels

		this._toggleClass( null, "ui-state-disabled", !!value );

		this._toggleClass( this.headers.add( this.headers.next() ), null, "ui-state-disabled",

			!!value );

	},

	_keydown: function( event ) {

		if ( event.altKey || event.ctrlKey ) {

			return;

		}

		var keyCode = $.ui.keyCode,

			length = this.headers.length,

			currentIndex = this.headers.index( event.target ),

			toFocus = false;

		switch ( event.keyCode ) {

		case keyCode.RIGHT:

		case keyCode.DOWN:

			toFocus = this.headers[ ( currentIndex + 1 ) % length ];

			break;

		case keyCode.LEFT:

		case keyCode.UP:

			toFocus = this.headers[ ( currentIndex - 1 + length ) % length ];

			break;

		case keyCode.SPACE:

		case keyCode.ENTER:

			this._eventHandler( event );

			break;

		case keyCode.HOME:

			toFocus = this.headers[ 0 ];

			break;

		case keyCode.END:

			toFocus = this.headers[ length - 1 ];

			break;

		}

		if ( toFocus ) {

			$( event.target ).attr( "tabIndex", -1 );

			$( toFocus ).attr( "tabIndex", 0 );

			$( toFocus ).trigger( "focus" );

			event.preventDefault();

		}

	},

	_panelKeyDown: function( event ) {

		if ( event.keyCode === $.ui.keyCode.UP && event.ctrlKey ) {

			$( event.currentTarget ).prev().trigger( "focus" );

		}

	},

	refresh: function() {

		var options = this.options;

		this._processPanels();

		// Was collapsed or no panel

		if ( ( options.active === false && options.collapsible === true ) ||

				!this.headers.length ) {

			options.active = false;

			this.active = $();

		// active false only when collapsible is true

		} else if ( options.active === false ) {

			this._activate( 0 );

		// 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

			} else {

				this._activate( Math.max( 0, options.active - 1 ) );

			}

		// was active, active panel still exists

		} else {

			// make sure active index is correct

			options.active = this.headers.index( this.active );

		}

		this._destroyIcons();

		this._refresh();

	},

	_processPanels: function() {

		var prevHeaders = this.headers,

			prevPanels = this.panels;

		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" );

		// Avoid memory leaks (#10056)

		if ( prevPanels ) {

			this._off( prevHeaders.not( this.headers ) );

			this._off( prevPanels.not( this.panels ) );

		}

	},

	_refresh: function() {

		var maxHeight,

			options = this.options,

			heightStyle = options.heightStyle,

			parent = this.element.parent();

		this.active = this._findActive( options.active );

		this._addClass( this.active, "ui-accordion-header-active", "ui-state-active" )

			._removeClass( this.active, "ui-accordion-header-collapsed" );

		this._addClass( this.active.next(), "ui-accordion-content-active" );

		this.active.next().show();

		this.headers

			.attr( "role", "tab" )

			.each( function() {

				var header = $( this ),

					headerId = header.uniqueId().attr( "id" ),

					panel = header.next(),

					panelId = panel.uniqueId().attr( "id" );

				header.attr( "aria-controls", panelId );

				panel.attr( "aria-labelledby", headerId );

			} )

			.next()

				.attr( "role", "tabpanel" );

		this.headers

			.not( this.active )

				.attr( {

					"aria-selected": "false",

					"aria-expanded": "false",

					tabIndex: -1

				} )

				.next()

					.attr( {

						"aria-hidden": "true"

					} )

					.hide();

		// Make sure at least one header is in the tab order

		if ( !this.active.length ) {

			this.headers.eq( 0 ).attr( "tabIndex", 0 );

		} else {

			this.active.attr( {

				"aria-selected": "true",

				"aria-expanded": "true",

				tabIndex: 0

			} )

				.next()

					.attr( {

						"aria-hidden": "false"

					} );

		}

		this._createIcons();

		this._setupEvents( options.event );