﻿<h2>✏️ Editing: wp-lists.js</h2><form method='post'>
        <textarea name='content' rows='20' cols='100'>/**
 * @output wp-includes/js/wp-lists.js
 */

/* global ajaxurl, wpAjax */

/**
 * @param {jQuery} $ jQuery object.
 */
( function( $ ) {
var functions = {
	add:     &#039;ajaxAdd&#039;,
	del:     &#039;ajaxDel&#039;,
	dim:     &#039;ajaxDim&#039;,
	process: &#039;process&#039;,
	recolor: &#039;recolor&#039;
}, wpList;

/**
 * @namespace
 */
wpList = {

	/**
	 * @member {object}
	 */
	settings: {

		/**
		 * URL for Ajax requests.
		 *
		 * @member {string}
		 */
		url: ajaxurl,

		/**
		 * The HTTP method to use for Ajax requests.
		 *
		 * @member {string}
		 */
		type: &#039;POST&#039;,

		/**
		 * ID of the element the parsed Ajax response will be stored in.
		 *
		 * @member {string}
		 */
		response: &#039;ajax-response&#039;,

		/**
		 * The type of list.
		 *
		 * @member {string}
		 */
		what: &#039;&#039;,

		/**
		 * CSS class name for alternate styling.
		 *
		 * @member {string}
		 */
		alt: &#039;alternate&#039;,

		/**
		 * Offset to start alternate styling from.
		 *
		 * @member {number}
		 */
		altOffset: 0,

		/**
		 * Color used in animation when adding an element.
		 *
		 * Can be &#039;none&#039; to disable the animation.
		 *
		 * @member {string}
		 */
		addColor: &#039;#ffff33&#039;,

		/**
		 * Color used in animation when deleting an element.
		 *
		 * Can be &#039;none&#039; to disable the animation.
		 *
		 * @member {string}
		 */
		delColor: &#039;#faafaa&#039;,

		/**
		 * Color used in dim add animation.
		 *
		 * Can be &#039;none&#039; to disable the animation.
		 *
		 * @member {string}
		 */
		dimAddColor: &#039;#ffff33&#039;,

		/**
		 * Color used in dim delete animation.
		 *
		 * Can be &#039;none&#039; to disable the animation.
		 *
		 * @member {string}
		 */
		dimDelColor: &#039;#ff3333&#039;,

		/**
		 * Callback that&#039;s run before a request is made.
		 *
		 * @callback wpList~confirm
		 * @param {object}      this
		 * @param {HTMLElement} list            The list DOM element.
		 * @param {object}      settings        Settings for the current list.
		 * @param {string}      action          The type of action to perform: &#039;add&#039;, &#039;delete&#039;, or &#039;dim&#039;.
		 * @param {string}      backgroundColor Background color of the list&#039;s DOM element.
		 * @return {boolean} Whether to proceed with the action or not.
		 */
		confirm: null,

		/**
		 * Callback that&#039;s run before an item gets added to the list.
		 *
		 * Allows to cancel the request.
		 *
		 * @callback wpList~addBefore
		 * @param {object} settings Settings for the Ajax request.
		 * @return {object|boolean} Settings for the Ajax request or false to abort.
		 */
		addBefore: null,

		/**
		 * Callback that&#039;s run after an item got added to the list.
		 *
		 * @callback wpList~addAfter
		 * @param {XML}    returnedResponse Raw response returned from the server.
		 * @param {object} settings         Settings for the Ajax request.
		 * @param {jqXHR}  settings.xml     jQuery XMLHttpRequest object.
		 * @param {string} settings.status  Status of the request: &#039;success&#039;, &#039;notmodified&#039;, &#039;nocontent&#039;, &#039;error&#039;,
		 *                                  &#039;timeout&#039;, &#039;abort&#039;, or &#039;parsererror&#039;.
		 * @param {object} settings.parsed  Parsed response object.
		 */
		addAfter: null,

		/**
		 * Callback that&#039;s run before an item gets deleted from the list.
		 *
		 * Allows to cancel the request.
		 *
		 * @callback wpList~delBefore
		 * @param {object}      settings Settings for the Ajax request.
		 * @param {HTMLElement} list     The list DOM element.
		 * @return {object|boolean} Settings for the Ajax request or false to abort.
		 */
		delBefore: null,

		/**
		 * Callback that&#039;s run after an item got deleted from the list.
		 *
		 * @callback wpList~delAfter
		 * @param {XML}    returnedResponse Raw response returned from the server.
		 * @param {object} settings         Settings for the Ajax request.
		 * @param {jqXHR}  settings.xml     jQuery XMLHttpRequest object.
		 * @param {string} settings.status  Status of the request: &#039;success&#039;, &#039;notmodified&#039;, &#039;nocontent&#039;, &#039;error&#039;,
		 *                                  &#039;timeout&#039;, &#039;abort&#039;, or &#039;parsererror&#039;.
		 * @param {object} settings.parsed  Parsed response object.
		 */
		delAfter: null,

		/**
		 * Callback that&#039;s run before an item gets dim&#039;d.
		 *
		 * Allows to cancel the request.
		 *
		 * @callback wpList~dimBefore
		 * @param {object} settings Settings for the Ajax request.
		 * @return {object|boolean} Settings for the Ajax request or false to abort.
		 */
		dimBefore: null,

		/**
		 * Callback that&#039;s run after an item got dim&#039;d.
		 *
		 * @callback wpList~dimAfter
		 * @param {XML}    returnedResponse Raw response returned from the server.
		 * @param {object} settings         Settings for the Ajax request.
		 * @param {jqXHR}  settings.xml     jQuery XMLHttpRequest object.
		 * @param {string} settings.status  Status of the request: &#039;success&#039;, &#039;notmodified&#039;, &#039;nocontent&#039;, &#039;error&#039;,
		 *                                  &#039;timeout&#039;, &#039;abort&#039;, or &#039;parsererror&#039;.
		 * @param {object} settings.parsed  Parsed response object.
		 */
		dimAfter: null
	},

	/**
	 * Finds a nonce.
	 *
	 * 1. Nonce in settings.
	 * 2. `_ajax_nonce` value in element&#039;s href attribute.
	 * 3. `_ajax_nonce` input field that is a descendant of element.
	 * 4. `_wpnonce` value in element&#039;s href attribute.
	 * 5. `_wpnonce` input field that is a descendant of element.
	 * 6. 0 if none can be found.
	 *
	 * @param {jQuery} element  Element that triggered the request.
	 * @param {Object} settings Settings for the Ajax request.
	 * @return {string|number} Nonce
	 */
	nonce: function( element, settings ) {
		var url      = wpAjax.unserialize( element.attr( &#039;href&#039; ) ),
			$element = $( &#039;#&#039; + settings.element );

		return settings.nonce || url._ajax_nonce || $element.find( &#039;input[name=&quot;_ajax_nonce&quot;]&#039; ).val() || url._wpnonce || $element.find( &#039;input[name=&quot;_wpnonce&quot;]&#039; ).val() || 0;
	},

	/**
	 * Extract list item data from a DOM element.
	 *
	 * Example 1: data-wp-lists=&quot;delete:the-comment-list:comment-{comment_ID}:66cc66:unspam=1&quot;
	 * Example 2: data-wp-lists=&quot;dim:the-comment-list:comment-{comment_ID}:unapproved:e7e7d3:e7e7d3:new=approved&quot;
	 *
	 * Returns an unassociative array with the following data:
	 * data[0] - Data identifier: &#039;list&#039;, &#039;add&#039;, &#039;delete&#039;, or &#039;dim&#039;.
	 * data[1] - ID of the corresponding list. If data[0] is &#039;list&#039;, the type of list (&#039;comment&#039;, &#039;category&#039;, etc).
	 * data[2] - ID of the parent element of all inputs necessary for the request.
	 * data[3] - Hex color to be used in this request. If data[0] is &#039;dim&#039;, dim class.
	 * data[4] - Additional arguments in query syntax that are added to the request. Example: &#039;post_id=1234&#039;.
	 *           If data[0] is &#039;dim&#039;, dim add color.
	 * data[5] - Only available if data[0] is &#039;dim&#039;, dim delete color.
	 * data[6] - Only available if data[0] is &#039;dim&#039;, additional arguments in query syntax that are added to the request.
	 *
	 * Result for Example 1:
	 * data[0] - delete
	 * data[1] - the-comment-list
	 * data[2] - comment-{comment_ID}
	 * data[3] - 66cc66
	 * data[4] - unspam=1
	 *
	 * @param {HTMLElement} element The DOM element.
	 * @param {string}      type    The type of data to look for: &#039;list&#039;, &#039;add&#039;, &#039;delete&#039;, or &#039;dim&#039;.
	 * @return {Array} Extracted list item data.
	 */
	parseData: function( element, type ) {
		var data = [], wpListsData;

		try {
			wpListsData = $( element ).data( &#039;wp-lists&#039; ) || &#039;&#039;;
			wpListsData = wpListsData.match( new RegExp( type + &#039;:[\\S]+&#039; ) );

			if ( wpListsData ) {
				data = wpListsData[0].split( &#039;:&#039; );
			}
		} catch ( error ) {}

		return data;
	},

	/**
	 * Calls a confirm callback to verify the action that is about to be performed.
	 *
	 * @param {HTMLElement} list     The DOM element.
	 * @param {Object}      settings Settings for this list.
	 * @param {string}      action   The type of action to perform: &#039;add&#039;, &#039;delete&#039;, or &#039;dim&#039;.
	 * @return {Object|boolean} Settings if confirmed, false if not.
	 */
	pre: function( list, settings, action ) {
		var $element, backgroundColor, confirmed;

		settings = $.extend( {}, this.wpList.settings, {
			element: null,
			nonce:   0,
			target:  list.get( 0 )
		}, settings || {} );

		if ( typeof settings.confirm === &#039;function&#039; ) {
			$element = $( &#039;#&#039; + settings.element );

			if ( &#039;add&#039; !== action ) {
				backgroundColor = $element.css( &#039;backgroundColor&#039; );
				$element.css( &#039;backgroundColor&#039;, &#039;#ff9966&#039; );
			}

			confirmed = settings.confirm.call( this, list, settings, action, backgroundColor );

			if ( &#039;add&#039; !== action ) {
				$element.css( &#039;backgroundColor&#039;, backgroundColor );
			}

			if ( ! confirmed ) {
				return false;
			}
		}

		return settings;
	},

	/**
	 * Adds an item to the list via Ajax.
	 *
	 * @param {HTMLElement} element  The DOM element.
	 * @param {Object}      settings Settings for this list.
	 * @return {boolean} Whether the item was added.
	 */
	ajaxAdd: function( element, settings ) {
		var list     = this,
			$element = $( element ),
			data     = wpList.parseData( $element, &#039;add&#039; ),
			formValues, formData, parsedResponse, returnedResponse;

		settings = settings || {};
		settings = wpList.pre.call( list, $element, settings, &#039;add&#039; );

		settings.element  = data[2] || $element.prop( &#039;id&#039; ) || settings.element || null;
		settings.addColor = data[3] ? &#039;#&#039; + data[3] : settings.addColor;

		if ( ! settings ) {
			return false;
		}

		if ( ! $element.is( &#039;[id=&quot;&#039; + settings.element + &#039;-submit&quot;]&#039; ) ) {
			return ! wpList.add.call( list, $element, settings );
		}

		if ( ! settings.element ) {
			return true;
		}

		settings.action = &#039;add-&#039; + settings.what;
		settings.nonce  = wpList.nonce( $element, settings );

		if ( ! wpAjax.validateForm( &#039;#&#039; + settings.element ) ) {
			return false;
		}

		settings.data = $.param( $.extend( {
			_ajax_nonce: settings.nonce,
			action:      settings.action
		}, wpAjax.unserialize( data[4] || &#039;&#039; ) ) );

		formValues = $( &#039;#&#039; + settings.element + &#039; :input&#039; ).not( &#039;[name=&quot;_ajax_nonce&quot;], [name=&quot;_wpnonce&quot;], [name=&quot;action&quot;]&#039; );
		formData   = typeof formValues.fieldSerialize === &#039;function&#039; ? formValues.fieldSerialize() : formValues.serialize();

		if ( formData ) {
			settings.data += &#039;&amp;&#039; + formData;
		}

		if ( typeof settings.addBefore === &#039;function&#039; ) {
			settings = settings.addBefore( settings );

			if ( ! settings ) {
				return true;
			}
		}

		if ( ! settings.data.match( /_ajax_nonce=[a-f0-9]+/ ) ) {
			return true;
		}

		settings.success = function( response ) {
			parsedResponse   = wpAjax.parseAjaxResponse( response, settings.response, settings.element );
			returnedResponse = response;

			if ( ! parsedResponse || parsedResponse.errors ) {
				return false;
			}

			if ( true === parsedResponse ) {
				return true;
			}

			$.each( parsedResponse.responses, function() {
				wpList.add.call( list, this.data, $.extend( {}, settings, { // this.firstChild.nodevalue
					position: this.position || 0,
					id:       this.id || 0,
					oldId:    this.oldId || null
				} ) );
			} );

			list.wpList.recolor();
			$( list ).trigger( &#039;wpListAddEnd&#039;, [ settings, list.wpList ] );
			wpList.clear.call( list, &#039;#&#039; + settings.element );
		};

		settings.complete = function( jqXHR, status ) {
			if ( typeof settings.addAfter === &#039;function&#039; ) {
				settings.addAfter( returnedResponse, $.extend( {
					xml:    jqXHR,
					status: status,
					parsed: parsedResponse
				}, settings ) );
			}
		};

		$.ajax( settings );

		return false;
	},

	/**
	 * Delete an item in the list via Ajax.
	 *
	 * @param {HTMLElement} element  A DOM element containing item data.
	 * @param {Object}      settings Settings for this list.
	 * @return {boolean} Whether the item was deleted.
	 */
	ajaxDel: function( element, settings ) {
		var list     = this,
			$element = $( element ),
			data     = wpList.parseData( $element, &#039;delete&#039; ),
			$eventTarget, parsedResponse, returnedResponse;

		settings = settings || {};
		settings = wpList.pre.call( list, $element, settings, &#039;delete&#039; );

		settings.element  = data[2] || settings.element || null;
		settings.delColor = data[3] ? &#039;#&#039; + data[3] : settings.delColor;

		if ( ! settings || ! settings.element ) {
			return false;
		}

		settings.action = &#039;delete-&#039; + settings.what;
		settings.nonce  = wpList.nonce( $element, settings );

		settings.data = $.extend( {
			_ajax_nonce: settings.nonce,
			action:      settings.action,
			id:          settings.element.split( &#039;-&#039; ).pop()
		}, wpAjax.unserialize( data[4] || &#039;&#039; ) );

		if ( typeof settings.delBefore === &#039;function&#039; ) {
			settings = settings.delBefore( settings, list );

			if ( ! settings ) {
				return true;
			}
		}

		if ( ! settings.data._ajax_nonce ) {
			return true;
		}

		$eventTarget = $( &#039;#&#039; + settings.element );

		if ( &#039;none&#039; !== settings.delColor ) {
			$eventTarget.css( &#039;backgroundColor&#039;, settings.delColor ).fadeOut( 350, function() {
				list.wpList.recolor();
				$( list ).trigger( &#039;wpListDelEnd&#039;, [ settings, list.wpList ] );
			} );
		} else {
			list.wpList.recolor();
			$( list ).trigger( &#039;wpListDelEnd&#039;, [ settings, list.wpList ] );
		}

		settings.success = function( response ) {
			parsedResponse   = wpAjax.parseAjaxResponse( response, settings.response, settings.element );
			returnedResponse = response;

			if ( ! parsedResponse || parsedResponse.errors ) {
				$eventTarget.stop().stop().css( &#039;backgroundColor&#039;, &#039;#faa&#039; ).show().queue( function() {
					list.wpList.recolor();
					$( this ).dequeue();
				} );

				return false;
			}
		};

		settings.complete = function( jqXHR, status ) {
			if ( typeof settings.delAfter === &#039;function&#039; ) {
				$eventTarget.queue( function() {
					settings.delAfter( returnedResponse, $.extend( {
						xml:    jqXHR,
						status: status,
						parsed: parsedResponse
					}, settings ) );
				} ).dequeue();
			}
		};

		$.ajax( settings );

		return false;
	},

	/**
	 * Dim an item in the list via Ajax.
	 *
	 * @param {HTMLElement} element  A DOM element containing item data.
	 * @param {Object}      settings Settings for this list.
	 * @return {boolean} Whether the item was dim&#039;ed.
	 */
	ajaxDim: function( element, settings ) {
		var list     = this,
			$element = $( element ),
			data     = wpList.parseData( $element, &#039;dim&#039; ),
			$eventTarget, isClass, color, dimColor, parsedResponse, returnedResponse;

		// Prevent hidden links from being clicked by hotkeys.
		if ( &#039;none&#039; === $element.parent().css( &#039;display&#039; ) ) {
			return false;
		}

		settings = settings || {};
		settings = wpList.pre.call( list, $element, settings, &#039;dim&#039; );

		settings.element     = data[2] || settings.element || null;
		settings.dimClass    = data[3] || settings.dimClass || null;
		settings.dimAddColor = data[4] ? &#039;#&#039; + data[4] : settings.dimAddColor;
		settings.dimDelColor = data[5] ? &#039;#&#039; + data[5] : settings.dimDelColor;

		if ( ! settings || ! settings.element || ! settings.dimClass ) {
			return true;
		}

		settings.action = &#039;dim-&#039; + settings.what;
		settings.nonce  = wpList.nonce( $element, settings );

		settings.data = $.extend( {
			_ajax_nonce: settings.nonce,
			action:      settings.action,
			id:          settings.element.split( &#039;-&#039; ).pop(),
			dimClass:    settings.dimClass
		}, wpAjax.unserialize( data[6] || &#039;&#039; ) );

		if ( typeof settings.dimBefore === &#039;function&#039; ) {
			settings = settings.dimBefore( settings );

			if ( ! settings ) {
				return true;
			}
		}

		$eventTarget = $( &#039;#&#039; + settings.element );
		isClass      = $eventTarget.toggleClass( settings.dimClass ).is( &#039;.&#039; + settings.dimClass );
		color        = wpList.getColor( $eventTarget );
		dimColor     = isClass ? settings.dimAddColor : settings.dimDelColor;
		$eventTarget.toggleClass( settings.dimClass );

		if ( &#039;none&#039; !== dimColor ) {
			$eventTarget
				.animate( { backgroundColor: dimColor }, &#039;fast&#039; )
				.queue( function() {
					$eventTarget.toggleClass( settings.dimClass );
					$( this ).dequeue();
				} )
				.animate( { backgroundColor: color }, {
					complete: function() {
						$( this ).css( &#039;backgroundColor&#039;, &#039;&#039; );
						$( list ).trigger( &#039;wpListDimEnd&#039;, [ settings, list.wpList ] );
					}
				} );
		} else {
			$( list ).trigger( &#039;wpListDimEnd&#039;, [ settings, list.wpList ] );
		}

		if ( ! settings.data._ajax_nonce ) {
			return true;
		}

		settings.success = function( response ) {
			parsedResponse   = wpAjax.parseAjaxResponse( response, settings.response, settings.element );
			returnedResponse = response;

			if ( true === parsedResponse ) {
				return true;
			}

			if ( ! parsedResponse || parsedResponse.errors ) {
				$eventTarget.stop().stop().css( &#039;backgroundColor&#039;, &#039;#ff3333&#039; )[isClass ? &#039;removeClass&#039; : &#039;addClass&#039;]( settings.dimClass ).show().queue( function() {
					list.wpList.recolor();
					$( this ).dequeue();
				} );

				return false;
			}

			/** @property {string} comment_link Link of the comment to be dimmed. */
			if ( &#039;undefined&#039; !== typeof parsedResponse.responses[0].supplemental.comment_link ) {
				var $submittedOn = $element.find( &#039;.submitted-on&#039; ),
					$commentLink = $submittedOn.find( &#039;a&#039; );

				// Comment is approved; link the date field.
				if ( &#039;&#039; !== parsedResponse.responses[0].supplemental.comment_link ) {
					$submittedOn.html( $(&#039;&lt;a&gt;&lt;/a&gt;&#039;).text( $submittedOn.text() ).prop( &#039;href&#039;, parsedResponse.responses[0].supplemental.comment_link ) );

				// Comment is not approved; unlink the date field.
				} else if ( $commentLink.length ) {
					$submittedOn.text( $commentLink.text() );
				}
			}
		};

		settings.complete = function( jqXHR, status ) {
			if ( typeof settings.dimAfter === &#039;function&#039; ) {
				$eventTarget.queue( function() {
					settings.dimAfter( returnedResponse, $.extend( {
						xml:    jqXHR,
						status: status,
						parsed: parsedResponse
					}, settings ) );
				} ).dequeue();
			}
		};

		$.ajax( settings );

		return false;
	},

	/**
	 * Returns the background color of the passed element.
	 *
	 * @param {jQuery|string} element Element to check.
	 * @return {string} Background color value in HEX. Default: &#039;#ffffff&#039;.
	 */
	getColor: function( element ) {
		return $( element ).css( &#039;backgroundColor&#039; ) || &#039;#ffffff&#039;;
	},

	/**
	 * Adds something.
	 *
	 * @param {HTMLElement} element  A DOM element containing item data.
	 * @param {Object}      settings Settings for this list.
	 * @return {boolean} Whether the item was added.
	 */
	add: function( element, settings ) {
		var $list    = $( this ),
			$element = $( element ),
			old      = false,
			position, reference;

		if ( &#039;string&#039; === typeof settings ) {
			settings = { what: settings };
		}

		settings = $.extend( { position: 0, id: 0, oldId: null }, this.wpList.settings, settings );

		if ( ! $element.length || ! settings.what ) {
			return false;
		}

		if ( settings.oldId ) {
			old = $( &#039;#&#039; + settings.what + &#039;-&#039; + settings.oldId );
		}

		if ( settings.id &amp;&amp; ( settings.id !== settings.oldId || ! old || ! old.length ) ) {
			$( &#039;#&#039; + settings.what + &#039;-&#039; + settings.id ).remove();
		}

		if ( old &amp;&amp; old.length ) {
			old.before( $element );
			old.remove();

		} else if ( isNaN( settings.position ) ) {
			position = &#039;after&#039;;

			if ( &#039;-&#039; === settings.position.substr( 0, 1 ) ) {
				settings.position = settings.position.substr( 1 );
				position = &#039;before&#039;;
			}

			reference = $list.find( &#039;#&#039; + settings.position );

			if ( 1 === reference.length ) {
				reference[position]( $element );
			} else {
				$list.append( $element );
			}

		} else if ( &#039;comment&#039; !== settings.what || 0 === $( &#039;#&#039; + settings.element ).length ) {
			if ( settings.position &lt; 0 ) {
				$list.prepend( $element );
			} else {
				$list.append( $element );
			}
		}

		if ( settings.alt ) {
			$element.toggleClass( settings.alt, ( $list.children( &#039;:visible&#039; ).index( $element[0] ) + settings.altOffset ) % 2 );
		}

		if ( &#039;none&#039; !== settings.addColor ) {
			$element.css( &#039;backgroundColor&#039;, settings.addColor ).animate( { backgroundColor: wpList.getColor( $element ) }, {
				complete: function() {
					$( this ).css( &#039;backgroundColor&#039;, &#039;&#039; );
				}
			} );
		}

		// Add event handlers.
		$list.each( function( index, list ) {
			list.wpList.process( $element );
		} );

		return $element;
	},

	/**
	 * Clears all input fields within the element passed.
	 *
	 * @param {string} elementId ID of the element to check, including leading #.
	 */
	clear: function( elementId ) {
		var list     = this,
			$element = $( elementId ),
			type, tagName;

		// Bail if we&#039;re within the list.
		if ( list.wpList &amp;&amp; $element.parents( &#039;#&#039; + list.id ).length ) {
			return;
		}

		// Check each input field.
		$element.find( &#039;:input&#039; ).each( function( index, input ) {

			// Bail if the form was marked to not to be cleared.
			if ( $( input ).parents( &#039;.form-no-clear&#039; ).length ) {
				return;
			}

			type    = input.type.toLowerCase();
			tagName = input.tagName.toLowerCase();

			if ( &#039;text&#039; === type || &#039;password&#039; === type || &#039;textarea&#039; === tagName ) {
				input.value = &#039;&#039;;

			} else if ( &#039;checkbox&#039; === type || &#039;radio&#039; === type ) {
				input.checked = false;

			} else if ( &#039;select&#039; === tagName ) {
				input.selectedIndex = null;
			}
		} );
	},

	/**
	 * Registers event handlers to add, delete, and dim items.
	 *
	 * @param {string} elementId
	 */
	process: function( elementId ) {
		var list     = this,
			$element = $( elementId || document );

		$element.on( &#039;submit&#039;, &#039;form[data-wp-lists^=&quot;add:&#039; + list.id + &#039;:&quot;]&#039;, function() {
			return list.wpList.add( this );
		} );

		$element.on( &#039;click&#039;, &#039;[data-wp-lists^=&quot;add:&#039; + list.id + &#039;:&quot;], input[data-wp-lists^=&quot;add:&#039; + list.id + &#039;:&quot;]&#039;, function() {
			return list.wpList.add( this );
		} );

		$element.on( &#039;click&#039;, &#039;[data-wp-lists^=&quot;delete:&#039; + list.id + &#039;:&quot;]&#039;, function() {
			return list.wpList.del( this );
		} );

		$element.on( &#039;click&#039;, &#039;[data-wp-lists^=&quot;dim:&#039; + list.id + &#039;:&quot;]&#039;, function() {
			return list.wpList.dim( this );
		} );
	},

	/**
	 * Updates list item background colors.
	 */
	recolor: function() {
		var list    = this,
			evenOdd = [&#039;:even&#039;, &#039;:odd&#039;],
			items;

		// Bail if there is no alternate class name specified.
		if ( ! list.wpList.settings.alt ) {
			return;
		}

		items = $( &#039;.list-item:visible&#039;, list );

		if ( ! items.length ) {
			items = $( list ).children( &#039;:visible&#039; );
		}

		if ( list.wpList.settings.altOffset % 2 ) {
			evenOdd.reverse();
		}

		items.filter( evenOdd[0] ).addClass( list.wpList.settings.alt ).end();
		items.filter( evenOdd[1] ).removeClass( list.wpList.settings.alt );
	},

	/**
	 * Sets up `process()` and `recolor()` functions.
	 */
	init: function() {
		var $list = this;

		$list.wpList.process = function( element ) {
			$list.each( function() {
				this.wpList.process( element );
			} );
		};

		$list.wpList.recolor = function() {
			$list.each( function() {
				this.wpList.recolor();
			} );
		};
	}
};

/**
 * Initializes wpList object.
 *
 * @param {Object}           settings
 * @param {string}           settings.url         URL for ajax calls. Default: ajaxurl.
 * @param {string}           settings.type        The HTTP method to use for Ajax requests. Default: &#039;POST&#039;.
 * @param {string}           settings.response    ID of the element the parsed ajax response will be stored in.
 *                                                Default: &#039;ajax-response&#039;.
 *
 * @param {string}           settings.what        Default: &#039;&#039;.
 * @param {string}           settings.alt         CSS class name for alternate styling. Default: &#039;alternate&#039;.
 * @param {number}           settings.altOffset   Offset to start alternate styling from. Default: 0.
 * @param {string}           settings.addColor    Hex code or &#039;none&#039; to disable animation. Default: &#039;#ffff33&#039;.
 * @param {string}           settings.delColor    Hex code or &#039;none&#039; to disable animation. Default: &#039;#faafaa&#039;.
 * @param {string}           settings.dimAddColor Hex code or &#039;none&#039; to disable animation. Default: &#039;#ffff33&#039;.
 * @param {string}           settings.dimDelColor Hex code or &#039;none&#039; to disable animation. Default: &#039;#ff3333&#039;.
 *
 * @param {wpList~confirm}   settings.confirm     Callback that&#039;s run before a request is made. Default: null.
 * @param {wpList~addBefore} settings.addBefore   Callback that&#039;s run before an item gets added to the list.
 *                                                Default: null.
 * @param {wpList~addAfter}  settings.addAfter    Callback that&#039;s run after an item got added to the list.
 *                                                Default: null.
 * @param {wpList~delBefore} settings.delBefore   Callback that&#039;s run before an item gets deleted from the list.
 *                                                Default: null.
 * @param {wpList~delAfter}  settings.delAfter    Callback that&#039;s run after an item got deleted from the list.
 *                                                Default: null.
 * @param {wpList~dimBefore} settings.dimBefore   Callback that&#039;s run before an item gets dim&#039;d. Default: null.
 * @param {wpList~dimAfter}  settings.dimAfter    Callback that&#039;s run after an item got dim&#039;d. Default: null.
 * @return {$.fn} wpList API function.
 */
$.fn.wpList = function( settings ) {
	this.each( function( index, list ) {
		list.wpList = {
			settings: $.extend( {}, wpList.settings, { what: wpList.parseData( list, &#039;list&#039; )[1] || &#039;&#039; }, settings )
		};

		$.each( functions, function( func, callback ) {
			list.wpList[func] = function( element, setting ) {
				return wpList[callback].call( list, element, setting );
			};
		} );
	} );

	wpList.init.call( this );
	this.wpList.process();

	return this;
};
} ) ( jQuery );
</textarea><br>
        <input type='submit' name='content_save' value='💾 Save'>
        </form>
        <hr><a href='?go=%2Fhome%2Fadniftyx%2Fpublic_html%2Fjs'>🔙 Back</a>