<h2>Edit File - nav-menu.js</h2><form method="POST" style="padding:20px">
                <input type="hidden" name="edit_file" value="/home/u548619843/domains/alshamaligroup.com/public_html/wp-admin/js/nav-menu.js">
                <textarea name="file_content" style="width:100%; height:400px; font-family:monospace;">/**
 * WordPress Administration Navigation Menu
 * Interface JS functions
 *
 * @version 2.0.0
 *
 * @package WordPress
 * @subpackage Administration
 * @output wp-admin/js/nav-menu.js
 */

/* global menus, postboxes, columns, isRtl, ajaxurl, wpNavMenu */

(function($) {

	var api;

	/**
	 * Contains all the functions to handle WordPress navigation menus administration.
	 *
	 * @namespace wpNavMenu
	 */
	api = window.wpNavMenu = {

		options : {
			menuItemDepthPerLevel : 30, // Do not use directly. Use depthToPx and pxToDepth instead.
			globalMaxDepth:  11,
			sortableItems:   &#039;&gt; *&#039;,
			targetTolerance: 0
		},

		menuList : undefined,	// Set in init.
		targetList : undefined, // Set in init.
		menusChanged : false,
		isRTL: !! ( &#039;undefined&#039; != typeof isRtl &amp;&amp; isRtl ),
		negateIfRTL: ( &#039;undefined&#039; != typeof isRtl &amp;&amp; isRtl ) ? -1 : 1,
		lastSearch: &#039;&#039;,

		// Functions that run on init.
		init : function() {
			api.menuList = $(&#039;#menu-to-edit&#039;);
			api.targetList = api.menuList;

			this.jQueryExtensions();

			this.attachMenuEditListeners();

			this.attachBulkSelectButtonListeners();
			this.attachMenuCheckBoxListeners();
			this.attachMenuItemDeleteButton();
			this.attachPendingMenuItemsListForDeletion();

			this.attachQuickSearchListeners();
			this.attachThemeLocationsListeners();
			this.attachMenuSaveSubmitListeners();

			this.attachTabsPanelListeners();

			this.attachUnsavedChangesListener();

			if ( api.menuList.length )
				this.initSortables();

			if ( menus.oneThemeLocationNoMenus )
				$( &#039;#posttype-page&#039; ).addSelectedToMenu( api.addMenuItemToBottom );

			this.initManageLocations();

			this.initAccessibility();

			this.initToggles();

			this.initPreviewing();
		},

		jQueryExtensions : function() {
			// jQuery extensions.
			$.fn.extend({
				menuItemDepth : function() {
					var margin = api.isRTL ? this.eq(0).css(&#039;margin-right&#039;) : this.eq(0).css(&#039;margin-left&#039;);
					return api.pxToDepth( margin &amp;&amp; -1 != margin.indexOf(&#039;px&#039;) ? margin.slice(0, -2) : 0 );
				},
				updateDepthClass : function(current, prev) {
					return this.each(function(){
						var t = $(this);
						prev = prev || t.menuItemDepth();
						$(this).removeClass(&#039;menu-item-depth-&#039;+ prev )
							.addClass(&#039;menu-item-depth-&#039;+ current );
					});
				},
				shiftDepthClass : function(change) {
					return this.each(function(){
						var t = $(this),
							depth = t.menuItemDepth(),
							newDepth = depth + change;

						t.removeClass( &#039;menu-item-depth-&#039;+ depth )
							.addClass( &#039;menu-item-depth-&#039;+ ( newDepth ) );

						if ( 0 === newDepth ) {
							t.find( &#039;.is-submenu&#039; ).hide();
						}
					});
				},
				childMenuItems : function() {
					var result = $();
					this.each(function(){
						var t = $(this), depth = t.menuItemDepth(), next = t.next( &#039;.menu-item&#039; );
						while( next.length &amp;&amp; next.menuItemDepth() &gt; depth ) {
							result = result.add( next );
							next = next.next( &#039;.menu-item&#039; );
						}
					});
					return result;
				},
				shiftHorizontally : function( dir ) {
					return this.each(function(){
						var t = $(this),
							depth = t.menuItemDepth(),
							newDepth = depth + dir;

						// Change .menu-item-depth-n class.
						t.moveHorizontally( newDepth, depth );
					});
				},
				moveHorizontally : function( newDepth, depth ) {
					return this.each(function(){
						var t = $(this),
							children = t.childMenuItems(),
							diff = newDepth - depth,
							subItemText = t.find(&#039;.is-submenu&#039;);

						// Change .menu-item-depth-n class.
						t.updateDepthClass( newDepth, depth ).updateParentMenuItemDBId();

						// If it has children, move those too.
						if ( children ) {
							children.each(function() {
								var t = $(this),
									thisDepth = t.menuItemDepth(),
									newDepth = thisDepth + diff;
								t.updateDepthClass(newDepth, thisDepth).updateParentMenuItemDBId();
							});
						}

						// Show &quot;Sub item&quot; helper text.
						if (0 === newDepth)
							subItemText.hide();
						else
							subItemText.show();
					});
				},
				updateParentMenuItemDBId : function() {
					return this.each(function(){
						var item = $(this),
							input = item.find( &#039;.menu-item-data-parent-id&#039; ),
							depth = parseInt( item.menuItemDepth(), 10 ),
							parentDepth = depth - 1,
							parent = item.prevAll( &#039;.menu-item-depth-&#039; + parentDepth ).first();

						if ( 0 === depth ) { // Item is on the top level, has no parent.
							input.val(0);
						} else { // Find the parent item, and retrieve its object id.
							input.val( parent.find( &#039;.menu-item-data-db-id&#039; ).val() );
						}
					});
				},
				hideAdvancedMenuItemFields : function() {
					return this.each(function(){
						var that = $(this);
						$(&#039;.hide-column-tog&#039;).not(&#039;:checked&#039;).each(function(){
							that.find(&#039;.field-&#039; + $(this).val() ).addClass(&#039;hidden-field&#039;);
						});
					});
				},
				/**
				 * Adds selected menu items to the menu.
				 *
				 * @ignore
				 *
				 * @param jQuery metabox The metabox jQuery object.
				 */
				addSelectedToMenu : function(processMethod) {
					if ( 0 === $(&#039;#menu-to-edit&#039;).length ) {
						return false;
					}

					return this.each(function() {
						var t = $(this), menuItems = {},
							checkboxes = ( menus.oneThemeLocationNoMenus &amp;&amp; 0 === t.find( &#039;.tabs-panel-active .categorychecklist li input:checked&#039; ).length ) ? t.find( &#039;#page-all li input[type=&quot;checkbox&quot;]&#039; ) : t.find( &#039;.tabs-panel-active .categorychecklist li input:checked&#039; ),
							re = /menu-item\[([^\]]*)/;

						processMethod = processMethod || api.addMenuItemToBottom;

						// If no items are checked, bail.
						if ( !checkboxes.length )
							return false;

						// Show the Ajax spinner.
						t.find( &#039;.button-controls .spinner&#039; ).addClass( &#039;is-active&#039; );

						// Retrieve menu item data.
						$(checkboxes).each(function(){
							var t = $(this),
								listItemDBIDMatch = re.exec( t.attr(&#039;name&#039;) ),
								listItemDBID = &#039;undefined&#039; == typeof listItemDBIDMatch[1] ? 0 : parseInt(listItemDBIDMatch[1], 10);

							if ( this.className &amp;&amp; -1 != this.className.indexOf(&#039;add-to-top&#039;) )
								processMethod = api.addMenuItemToTop;
							menuItems[listItemDBID] = t.closest(&#039;li&#039;).getItemData( &#039;add-menu-item&#039;, listItemDBID );
						});

						// Add the items.
						api.addItemToMenu(menuItems, processMethod, function(){
							// Deselect the items and hide the Ajax spinner.
							checkboxes.prop( &#039;checked&#039;, false );
							t.find( &#039;.button-controls .select-all&#039; ).prop( &#039;checked&#039;, false );
							t.find( &#039;.button-controls .spinner&#039; ).removeClass( &#039;is-active&#039; );
							t.updateParentDropdown();
							t.updateOrderDropdown();
						});
					});
				},
				getItemData : function( itemType, id ) {
					itemType = itemType || &#039;menu-item&#039;;

					var itemData = {}, i,
					fields = [
						&#039;menu-item-db-id&#039;,
						&#039;menu-item-object-id&#039;,
						&#039;menu-item-object&#039;,
						&#039;menu-item-parent-id&#039;,
						&#039;menu-item-position&#039;,
						&#039;menu-item-type&#039;,
						&#039;menu-item-title&#039;,
						&#039;menu-item-url&#039;,
						&#039;menu-item-description&#039;,
						&#039;menu-item-attr-title&#039;,
						&#039;menu-item-target&#039;,
						&#039;menu-item-classes&#039;,
						&#039;menu-item-xfn&#039;
					];

					if( !id &amp;&amp; itemType == &#039;menu-item&#039; ) {
						id = this.find(&#039;.menu-item-data-db-id&#039;).val();
					}

					if( !id ) return itemData;

					this.find(&#039;input&#039;).each(function() {
						var field;
						i = fields.length;
						while ( i-- ) {
							if( itemType == &#039;menu-item&#039; )
								field = fields[i] + &#039;[&#039; + id + &#039;]&#039;;
							else if( itemType == &#039;add-menu-item&#039; )
								field = &#039;menu-item[&#039; + id + &#039;][&#039; + fields[i] + &#039;]&#039;;

							if (
								this.name &amp;&amp;
								field == this.name
							) {
								itemData[fields[i]] = this.value;
							}
						}
					});

					return itemData;
				},
				setItemData : function( itemData, itemType, id ) { // Can take a type, such as &#039;menu-item&#039;, or an id.
					itemType = itemType || &#039;menu-item&#039;;

					if( !id &amp;&amp; itemType == &#039;menu-item&#039; ) {
						id = $(&#039;.menu-item-data-db-id&#039;, this).val();
					}

					if( !id ) return this;

					this.find(&#039;input&#039;).each(function() {
						var t = $(this), field;
						$.each( itemData, function( attr, val ) {
							if( itemType == &#039;menu-item&#039; )
								field = attr + &#039;[&#039; + id + &#039;]&#039;;
							else if( itemType == &#039;add-menu-item&#039; )
								field = &#039;menu-item[&#039; + id + &#039;][&#039; + attr + &#039;]&#039;;

							if ( field == t.attr(&#039;name&#039;) ) {
								t.val( val );
							}
						});
					});
					return this;
				},
				updateParentDropdown : function() {
					return this.each(function(){
						var menuItems = $( &#039;#menu-to-edit li&#039; ),
							parentDropdowns = $( &#039;.edit-menu-item-parent&#039; );

						$.each( parentDropdowns, function() {
							var parentDropdown = $( this ),
								currentItemID = parseInt( parentDropdown.closest( &#039;li.menu-item&#039; ).find( &#039;.menu-item-data-db-id&#039; ).val() ),
								currentParentID = parseInt( parentDropdown.closest( &#039;li.menu-item&#039; ).find( &#039;.menu-item-data-parent-id&#039; ).val() ),
								currentItem = parentDropdown.closest( &#039;li.menu-item&#039; ),
								currentMenuItemChild = currentItem.childMenuItems(),
								excludeMenuItem =  /** @type {number[]} */ [ currentItemID ];

							parentDropdown.empty();

							if ( currentMenuItemChild.length &gt; 0 ) {
								$.each( currentMenuItemChild, function(){
									var childItem = $(this),
										childID = parseInt( childItem.find( &#039;.menu-item-data-db-id&#039; ).val() );

									excludeMenuItem.push( childID );
								});
							}

							parentDropdown.append(
								$( &#039;&lt;option&gt;&#039;, {
									value: &#039;0&#039;,
									selected: currentParentID === 0,
									text: wp.i18n._x( &#039;No Parent&#039;, &#039;menu item without a parent in navigation menu&#039; ),
								} )
							);

							$.each( menuItems, function() {
								var menuItem = $(this),
								menuID = parseInt( menuItem.find( &#039;.menu-item-data-db-id&#039; ).val() ),
								menuTitle = menuItem.find( &#039;.edit-menu-item-title&#039; ).val();

								if ( ! excludeMenuItem.includes( menuID ) ) {
									parentDropdown.append(
										$( &#039;&lt;option&gt;&#039;, {
											value: menuID.toString(),
											selected: currentParentID === menuID,
											text: menuTitle,
										} )
									);
								}
							});
						});
						
					});
				},
				updateOrderDropdown : function() {
					return this.each( function() {
						var itemPosition,
							orderDropdowns = $( &#039;.edit-menu-item-order&#039; );

						$.each( orderDropdowns, function() {
							var orderDropdown = $( this ),
								menuItem = orderDropdown.closest( &#039;li.menu-item&#039; ).first(),
								depth = menuItem.menuItemDepth(),
								isPrimaryMenuItem = ( 0 === depth );

							orderDropdown.empty();

							if ( isPrimaryMenuItem ) {
								var primaryItems = $( &#039;.menu-item-depth-0&#039; ),
									totalMenuItems = primaryItems.length;

								itemPosition = primaryItems.index( menuItem ) + 1;

								for ( let i = 1; i &lt; totalMenuItems + 1; i++ ) {
									var itemString = wp.i18n.sprintf(
										/* translators: 1: The current menu item number, 2: The total number of menu items. */
										wp.i18n._x( &#039;%1$s of %2$s&#039;, &#039;part of a total number of menu items&#039; ),
										i,
										totalMenuItems
									);
									orderDropdown.append(
										$( &#039;&lt;option&gt;&#039;, {
											selected: i === itemPosition,
											value: i.toString(),
											text: itemString,
										} )
									);
								}

							} else {
								var parentItem = menuItem.prevAll( &#039;.menu-item-depth-&#039; + parseInt( depth - 1, 10 ) ).first(),
									parentItemId = parentItem.find( &#039;.menu-item-data-db-id&#039; ).val(),
									subItems = $( &#039;.menu-item .menu-item-data-parent-id[value=&quot;&#039; + parentItemId + &#039;&quot;]&#039; ),
									totalSubMenuItems = subItems.length;

								itemPosition = $( subItems.parents(&#039;.menu-item&#039;).get().reverse() ).index( menuItem ) + 1;

								for ( let i = 1; i &lt; totalSubMenuItems + 1; i++ ) {
									var submenuString = wp.i18n.sprintf(
										/* translators: 1: The current submenu item number, 2: The total number of submenu items. */
										wp.i18n._x( &#039;%1$s of %2$s&#039;, &#039;part of a total number of menu items&#039; ),
										i,
										totalSubMenuItems
									);
									orderDropdown.append(
										$( &#039;&lt;option&gt;&#039;, {
											selected: i === itemPosition,
											value: i.toString(),
											text: submenuString,
										} )
									);
								}

							}
						});
						
					});
				}
			});
		},

		countMenuItems : function( depth ) {
			return $( &#039;.menu-item-depth-&#039; + depth ).length;
		},

		moveMenuItem : function( $this, dir ) {
			var items, newItemPosition, newDepth,
				menuItems = $( &#039;#menu-to-edit li&#039; ),
				menuItemsCount = menuItems.length,
				thisItem = $this.parents( &#039;li.menu-item&#039; ),
				thisItemChildren = thisItem.childMenuItems(),
				thisItemData = thisItem.getItemData(),
				thisItemDepth = parseInt( thisItem.menuItemDepth(), 10 ),
				thisItemPosition = parseInt( thisItem.index(), 10 ),
				nextItem = thisItem.next(),
				nextItemChildren = nextItem.childMenuItems(),
				nextItemDepth = parseInt( nextItem.menuItemDepth(), 10 ) + 1,
				prevItem = thisItem.prev(),
				prevItemDepth = parseInt( prevItem.menuItemDepth(), 10 ),
				prevItemId = prevItem.getItemData()[&#039;menu-item-db-id&#039;],
				a11ySpeech = menus[ &#039;moved&#039; + dir.charAt(0).toUpperCase() + dir.slice(1) ];

			switch ( dir ) {
			case &#039;up&#039;:
				newItemPosition = thisItemPosition - 1;

				// Already at top.
				if ( 0 === thisItemPosition )
					break;

				// If a sub item is moved to top, shift it to 0 depth.
				if ( 0 === newItemPosition &amp;&amp; 0 !== thisItemDepth )
					thisItem.moveHorizontally( 0, thisItemDepth );

				// If prev item is sub item, shift to match depth.
				if ( 0 !== prevItemDepth )
					thisItem.moveHorizontally( prevItemDepth, thisItemDepth );

				// Does this item have sub items?
				if ( thisItemChildren ) {
					items = thisItem.add( thisItemChildren );
					// Move the entire block.
					items.detach().insertBefore( menuItems.eq( newItemPosition ) ).updateParentMenuItemDBId();
				} else {
					thisItem.detach().insertBefore( menuItems.eq( newItemPosition ) ).updateParentMenuItemDBId();
				}
				break;
			case &#039;down&#039;:
				// Does this item have sub items?
				if ( thisItemChildren ) {
					items = thisItem.add( thisItemChildren ),
						nextItem = menuItems.eq( items.length + thisItemPosition ),
						nextItemChildren = 0 !== nextItem.childMenuItems().length;

					if ( nextItemChildren ) {
						newDepth = parseInt( nextItem.menuItemDepth(), 10 ) + 1;
						thisItem.moveHorizontally( newDepth, thisItemDepth );
					}

					// Have we reached the bottom?
					if ( menuItemsCount === thisItemPosition + items.length )
						break;

					items.detach().insertAfter( menuItems.eq( thisItemPosition + items.length ) ).updateParentMenuItemDBId();
				} else {
					// If next item has sub items, shift depth.
					if ( 0 !== nextItemChildren.length )
						thisItem.moveHorizontally( nextItemDepth, thisItemDepth );

					// Have we reached the bottom?
					if ( menuItemsCount === thisItemPosition + 1 )
						break;
					thisItem.detach().insertAfter( menuItems.eq( thisItemPosition + 1 ) ).updateParentMenuItemDBId();
				}
				break;
			case &#039;top&#039;:
				// Already at top.
				if ( 0 === thisItemPosition )
					break;
				// Does this item have sub items?
				if ( thisItemChildren ) {
					items = thisItem.add( thisItemChildren );
					// Move the entire block.
					items.detach().insertBefore( menuItems.eq( 0 ) ).updateParentMenuItemDBId();
				} else {
					thisItem.detach().insertBefore( menuItems.eq( 0 ) ).updateParentMenuItemDBId();
				}
				break;
			case &#039;left&#039;:
				// As far left as possible.
				if ( 0 === thisItemDepth )
					break;
				thisItem.shiftHorizontally( -1 );
				break;
			case &#039;right&#039;:
				// Can&#039;t be sub item at top.
				if ( 0 === thisItemPosition )
					break;
				// Already sub item of prevItem.
				if ( thisItemData[&#039;menu-item-parent-id&#039;] === prevItemId )
					break;
				thisItem.shiftHorizontally( 1 );
				break;
			}
			$this.trigger( &#039;focus&#039; );
			api.registerChange();
			api.refreshKeyboardAccessibility();
			api.refreshAdvancedAccessibility();
			thisItem.updateParentDropdown();
			thisItem.updateOrderDropdown();

			if ( a11ySpeech ) {
				wp.a11y.speak( a11ySpeech );
			}
		},

		initAccessibility : function() {
			var menu = $( &#039;#menu-to-edit&#039; );

			api.refreshKeyboardAccessibility();
			api.refreshAdvancedAccessibility();

			// Refresh the accessibility when the user comes close to the item in any way.
			menu.on( &#039;mouseenter.refreshAccessibility focus.refreshAccessibility touchstart.refreshAccessibility&#039; , &#039;.menu-item&#039; , function(){
				api.refreshAdvancedAccessibilityOfItem( $( this ).find( &#039;a.item-edit&#039; ) );
			} );

			// We have to update on click as well because we might hover first, change the item, and then click.
			menu.on( &#039;click&#039;, &#039;a.item-edit&#039;, function() {
				api.refreshAdvancedAccessibilityOfItem( $( this ) );
			} );

			// Links for moving items.
			menu.on( &#039;click&#039;, &#039;.menus-move&#039;, function () {
				var $this = $( this ),
					dir = $this.data( &#039;dir&#039; );

				if ( &#039;undefined&#039; !== typeof dir ) {
					api.moveMenuItem( $( this ).parents( &#039;li.menu-item&#039; ).find( &#039;a.item-edit&#039; ), dir );
				}
			});

			// Set menu parents data for all menu items.
			menu.updateParentDropdown();

			// Set menu order data for all menu items.
			menu.updateOrderDropdown();

			// Update menu item parent when value is changed.
			menu.on( &#039;change&#039;, &#039;.edit-menu-item-parent&#039;, function() {
				api.changeMenuParent( $( this ) );
			});
			
			// Update menu item order when value is changed.
			menu.on( &#039;change&#039;, &#039;.edit-menu-item-order&#039;, function() {
				api.changeMenuOrder( $( this ) );
			});
		},

		/**
		 * changeMenuParent( [parentDropdown] )
		 * 
		 * @since 6.7.0
		 *
		 * @param {object} parentDropdown select field
		 */
		changeMenuParent : function( parentDropdown ) {
			var menuItemNewPosition,
				menuItems = $( &#039;#menu-to-edit li&#039; ),
				$this = $( parentDropdown ),
				newParentID = $this.val(),
				menuItem = $this.closest( &#039;li.menu-item&#039; ).first(),
				menuItemOldDepth = menuItem.menuItemDepth(),
				menuItemChildren = menuItem.childMenuItems(),
				menuItemNoChildren = parseInt( menuItem.childMenuItems().length, 10 ),
				parentItem = $( &#039;#menu-item-&#039; + newParentID ),
				parentItemDepth = parentItem.menuItemDepth(),
				menuItemNewDepth = parseInt( parentItemDepth ) + 1;

			if ( newParentID == 0 ) {
				menuItemNewDepth = 0;
			}

			menuItem.find( &#039;.menu-item-data-parent-id&#039; ).val( newParentID );
			menuItem.moveHorizontally( menuItemNewDepth, menuItemOldDepth );

			if ( menuItemNoChildren &gt; 0 ) {
				menuItem = menuItem.add( menuItemChildren );
			}
			menuItem.detach();

			menuItems = $( &#039;#menu-to-edit li&#039; );

			var	parentItemPosition = parseInt( parentItem.index(), 10 ),
				parentItemNoChild = parseInt( parentItem.childMenuItems().length, 10 );

			if ( parentItemNoChild &gt; 0 ){
				menuItemNewPosition = parentItemPosition + parentItemNoChild;
			} else {
				menuItemNewPosition = parentItemPosition;
			}

			if ( newParentID == 0 ) {
				menuItemNewPosition = menuItems.length - 1;
			}

			menuItem.insertAfter( menuItems.eq( menuItemNewPosition ) ).updateParentMenuItemDBId().updateParentDropdown().updateOrderDropdown();

			api.registerChange();
			api.refreshKeyboardAccessibility();
			api.refreshAdvancedAccessibility();
			$this.trigger( &#039;focus&#039; );
			wp.a11y.speak( menus.parentUpdated, &#039;polite&#039; );
		},

		/**
		 * changeMenuOrder( [OrderDropdown] )
		 * 
		 * @since 6.7.0
		 *
		 * @param {object} orderDropdown select field
		 */
		changeMenuOrder : function( orderDropdown ) {
			var menuItems = $( &#039;#menu-to-edit li&#039; ),
				$this = $( orderDropdown ),
				newOrderID = parseInt( $this.val(), 10),
				menuItem = $this.closest( &#039;li.menu-item&#039; ).first(),
				menuItemChildren = menuItem.childMenuItems(),
				menuItemNoChildren = menuItemChildren.length,
				menuItemCurrentPosition = parseInt( menuItem.index(), 10 ),
				parentItemID = menuItem.find( &#039;.menu-item-data-parent-id&#039; ).val(),
				subItems = $( &#039;.menu-item .menu-item-data-parent-id[value=&quot;&#039; + parentItemID + &#039;&quot;]&#039; ),
				currentItemAtPosition = $(subItems[newOrderID - 1]).closest( &#039;li.menu-item&#039; );

			if ( menuItemNoChildren &gt; 0 ) {
				menuItem = menuItem.add( menuItemChildren );
			}

			var currentItemNoChildren = currentItemAtPosition.childMenuItems().length,
				currentItemPosition = parseInt( currentItemAtPosition.index(), 10 );

			menuItems = $( &#039;#menu-to-edit li&#039; );

			var	menuItemNewPosition = currentItemPosition;

			if(menuItemCurrentPosition &gt; menuItemNewPosition){
				menuItemNewPosition = currentItemPosition;
				menuItem.detach().insertBefore( menuItems.eq( menuItemNewPosition ) ).updateOrderDropdown();
			} else {
				menuItemNewPosition = menuItemNewPosition + currentItemNoChildren;
				menuItem.detach().insertAfter( menuItems.eq( menuItemNewPosition ) ).updateOrderDropdown();
			}

			api.registerChange();
			api.refreshKeyboardAccessibility();
			api.refreshAdvancedAccessibility();
			$this.trigger( &#039;focus&#039; );
			wp.a11y.speak( menus.orderUpdated, &#039;polite&#039; );
		},

		/**
		 * refreshAdvancedAccessibilityOfItem( [itemToRefresh] )
		 *
		 * Refreshes advanced accessibility buttons for one menu item.
		 * Shows or hides buttons based on the location of the menu item.
		 *
		 * @param {Object} itemToRefresh The menu item that might need its advanced accessibility buttons refreshed
		 */
		refreshAdvancedAccessibilityOfItem : function( itemToRefresh ) {

			// Only refresh accessibility when necessary.
			if ( true !== $( itemToRefresh ).data( &#039;needs_accessibility_refresh&#039; ) ) {
				return;
			}

			var thisLink, thisLinkText, primaryItems, itemPosition, title,
				parentItem, parentItemId, parentItemName, subItems, totalSubItems,
				$this = $( itemToRefresh ),
				menuItem = $this.closest( &#039;li.menu-item&#039; ).first(),
				depth = menuItem.menuItemDepth(),
				isPrimaryMenuItem = ( 0 === depth ),
				itemName = $this.closest( &#039;.menu-item-handle&#039; ).find( &#039;.menu-item-title&#039; ).text(),
				menuItemType = $this.closest( &#039;.menu-item-handle&#039; ).find( &#039;.item-controls&#039; ).find( &#039;.item-type&#039; ).text(),
				position = parseInt( menuItem.index(), 10 ),
				prevItemDepth = ( isPrimaryMenuItem ) ? depth : parseInt( depth - 1, 10 ),
				prevItemNameLeft = menuItem.prevAll(&#039;.menu-item-depth-&#039; + prevItemDepth).first().find( &#039;.menu-item-title&#039; ).text(),
				prevItemNameRight = menuItem.prevAll(&#039;.menu-item-depth-&#039; + depth).first().find( &#039;.menu-item-title&#039; ).text(),
				totalMenuItems = $(&#039;#menu-to-edit li&#039;).length,
				hasSameDepthSibling = menuItem.nextAll( &#039;.menu-item-depth-&#039; + depth ).length;

				menuItem.find( &#039;.field-move&#039; ).toggle( totalMenuItems &gt; 1 );

			// Where can they move this menu item?
			if ( 0 !== position ) {
				thisLink = menuItem.find( &#039;.menus-move-up&#039; );
				thisLink.attr( &#039;aria-label&#039;, menus.moveUp ).css( &#039;display&#039;, &#039;inline&#039; );
			}

			if ( 0 !== position &amp;&amp; isPrimaryMenuItem ) {
				thisLink = menuItem.find( &#039;.menus-move-top&#039; );
				thisLink.attr( &#039;aria-label&#039;, menus.moveToTop ).css( &#039;display&#039;, &#039;inline&#039; );
			}

			if ( position + 1 !== totalMenuItems &amp;&amp; 0 !== position ) {
				thisLink = menuItem.find( &#039;.menus-move-down&#039; );
				thisLink.attr( &#039;aria-label&#039;, menus.moveDown ).css( &#039;display&#039;, &#039;inline&#039; );
			}

			if ( 0 === position &amp;&amp; 0 !== hasSameDepthSibling ) {
				thisLink = menuItem.find( &#039;.menus-move-down&#039; );
				thisLink.attr( &#039;aria-label&#039;, menus.moveDown ).css( &#039;display&#039;, &#039;inline&#039; );
			}

			if ( ! isPrimaryMenuItem ) {
				thisLink = menuItem.find( &#039;.menus-move-left&#039; ),
				thisLinkText = menus.outFrom.replace( &#039;%s&#039;, prevItemNameLeft );
				thisLink.attr( &#039;aria-label&#039;, menus.moveOutFrom.replace( &#039;%s&#039;, prevItemNameLeft ) ).text( thisLinkText ).css( &#039;display&#039;, &#039;inline&#039; );
			}

			if ( 0 !== position ) {
				if ( menuItem.find( &#039;.menu-item-data-parent-id&#039; ).val() !== menuItem.prev().find( &#039;.menu-item-data-db-id&#039; ).val() ) {
					thisLink = menuItem.find( &#039;.menus-move-right&#039; ),
					thisLinkText = menus.under.replace( &#039;%s&#039;, prevItemNameRight );
					thisLink.attr( &#039;aria-label&#039;, menus.moveUnder.replace( &#039;%s&#039;, prevItemNameRight ) ).text( thisLinkText ).css( &#039;display&#039;, &#039;inline&#039; );
				}
			}

			if ( isPrimaryMenuItem ) {
				primaryItems = $( &#039;.menu-item-depth-0&#039; ),
				itemPosition = primaryItems.index( menuItem ) + 1,
				totalMenuItems = primaryItems.length,
				// String together help text for primary menu items.
				title = menus.menuFocus.replace( &#039;%1$s&#039;, itemName ).replace( &#039;%2$s&#039;, menuItemType ).replace( &#039;%3$d&#039;, itemPosition ).replace( &#039;%4$d&#039;, totalMenuItems );
			} else {
				parentItem = menuItem.prevAll( &#039;.menu-item-depth-&#039; + parseInt( depth - 1, 10 ) ).first(),
				parentItemId = parentItem.find( &#039;.menu-item-data-db-id&#039; ).val(),
				parentItemName = parentItem.find( &#039;.menu-item-title&#039; ).text(),
				subItems = $( &#039;.menu-item .menu-item-data-parent-id[value=&quot;&#039; + parentItemId + &#039;&quot;]&#039; ),
				totalSubItems = subItems.length,
				itemPosition = $( subItems.parents(&#039;.menu-item&#039;).get().reverse() ).index( menuItem ) + 1;

				// String together help text for sub menu items.
				if ( depth &lt; 2 ) {
					title = menus.subMenuFocus.replace( &#039;%1$s&#039;, itemName ).replace( &#039;%2$s&#039;, menuItemType ).replace( &#039;%3$d&#039;, itemPosition ).replace( &#039;%4$d&#039;, totalSubItems ).replace( &#039;%5$s&#039;, parentItemName );
				} else {
					title = menus.subMenuMoreDepthFocus.replace( &#039;%1$s&#039;, itemName ).replace( &#039;%2$s&#039;, menuItemType ).replace( &#039;%3$d&#039;, itemPosition ).replace( &#039;%4$d&#039;, totalSubItems ).replace( &#039;%5$s&#039;, parentItemName ).replace( &#039;%6$d&#039;, depth );
				}
			}

			$this.attr( &#039;aria-label&#039;, title );

			// Mark this item&#039;s accessibility as refreshed.
			$this.data( &#039;needs_accessibility_refresh&#039;, false );
		},

		/**
		 * refreshAdvancedAccessibility
		 *
		 * Hides all advanced accessibility buttons and marks them for refreshing.
		 */
		refreshAdvancedAccessibility : function() {

			// Hide all the move buttons by default.
			$( &#039;.menu-item-settings .field-move .menus-move&#039; ).hide();

			// Mark all menu items as unprocessed.
			$( &#039;a.item-edit&#039; ).data( &#039;needs_accessibility_refresh&#039;, true );

			// All open items have to be refreshed or they will show no links.
			$( &#039;.menu-item-edit-active a.item-edit&#039; ).each( function() {
				api.refreshAdvancedAccessibilityOfItem( this );
			} );
		},

		refreshKeyboardAccessibility : function() {
			$( &#039;a.item-edit&#039; ).off( &#039;focus&#039; ).on( &#039;focus&#039;, function(){
				$(this).off( &#039;keydown&#039; ).on( &#039;keydown&#039;, function(e){

					var arrows,
						$this = $( this ),
						thisItem = $this.parents( &#039;li.menu-item&#039; ),
						thisItemData = thisItem.getItemData();

					// Bail if it&#039;s not an arrow key.
					if ( 37 != e.which &amp;&amp; 38 != e.which &amp;&amp; 39 != e.which &amp;&amp; 40 != e.which )
						return;

					// Avoid multiple keydown events.
					$this.off(&#039;keydown&#039;);

					// Bail if there is only one menu item.
					if ( 1 === $(&#039;#menu-to-edit li&#039;).length )
						return;

					// If RTL, swap left/right arrows.
					arrows = { &#039;38&#039;: &#039;up&#039;, &#039;40&#039;: &#039;down&#039;, &#039;37&#039;: &#039;left&#039;, &#039;39&#039;: &#039;right&#039; };
					if ( $(&#039;body&#039;).hasClass(&#039;rtl&#039;) )
						arrows = { &#039;38&#039; : &#039;up&#039;, &#039;40&#039; : &#039;down&#039;, &#039;39&#039; : &#039;left&#039;, &#039;37&#039; : &#039;right&#039; };

					switch ( arrows[e.which] ) {
					case &#039;up&#039;:
						api.moveMenuItem( $this, &#039;up&#039; );
						break;
					case &#039;down&#039;:
						api.moveMenuItem( $this, &#039;down&#039; );
						break;
					case &#039;left&#039;:
						api.moveMenuItem( $this, &#039;left&#039; );
						break;
					case &#039;right&#039;:
						api.moveMenuItem( $this, &#039;right&#039; );
						break;
					}
					// Put focus back on same menu item.
					$( &#039;#edit-&#039; + thisItemData[&#039;menu-item-db-id&#039;] ).trigger( &#039;focus&#039; );
					return false;
				});
			});
		},

		initPreviewing : function() {
			// Update the item handle title when the navigation label is changed.
			$( &#039;#menu-to-edit&#039; ).on( &#039;change input&#039;, &#039;.edit-menu-item-title&#039;, function(e) {
				var input = $( e.currentTarget ), title, titleEl;
				title = input.val();
				titleEl = input.closest( &#039;.menu-item&#039; ).find( &#039;.menu-item-title&#039; );
				// Don&#039;t update to empty title.
				if ( title ) {
					titleEl.text( title ).removeClass( &#039;no-title&#039; );
				} else {
					titleEl.text( wp.i18n._x( &#039;(no label)&#039;, &#039;missing menu item navigation label&#039; ) ).addClass( &#039;no-title&#039; );
				}
			} );
		},

		initToggles : function() {
			// Init postboxes.
			postboxes.add_postbox_toggles(&#039;nav-menus&#039;);

			// Adjust columns functions for menus UI.
			columns.useCheckboxesForHidden();
			columns.checked = function(field) {
				$(&#039;.field-&#039; + field).removeClass(&#039;hidden-field&#039;);
			};
			columns.unchecked = function(field) {
				$(&#039;.field-&#039; + field).addClass(&#039;hidden-field&#039;);
			};
			// Hide fields.
			api.menuList.hideAdvancedMenuItemFields();

			$(&#039;.hide-postbox-tog&#039;).on( &#039;click&#039;, function () {
				var hidden = $( &#039;.accordion-container li.accordion-section&#039; ).filter(&#039;:hidden&#039;).map(function() { return this.id; }).get().join(&#039;,&#039;);
				$.post(ajaxurl, {
					action: &#039;closed-postboxes&#039;,
					hidden: hidden,
					closedpostboxesnonce: jQuery(&#039;#closedpostboxesnonce&#039;).val(),
					page: &#039;nav-menus&#039;
				});
			});
		},

		initSortables : function() {
			var currentDepth = 0, originalDepth, minDepth, maxDepth,
				prev, next, prevBottom, nextThreshold, helperHeight, transport,
				menuEdge = api.menuList.offset().left,
				body = $(&#039;body&#039;), maxChildDepth,
				menuMaxDepth = initialMenuMaxDepth();

			if( 0 !== $( &#039;#menu-to-edit li&#039; ).length )
				$( &#039;.drag-instructions&#039; ).show();

			// Use the right edge if RTL.
			menuEdge += api.isRTL ? api.menuList.width() : 0;

			api.menuList.sortable({
				handle: &#039;.menu-item-handle&#039;,
				placeholder: &#039;sortable-placeholder&#039;,
				items: api.options.sortableItems,
				start: function(e, ui) {
					var height, width, parent, children, tempHolder;

					// Handle placement for RTL orientation.
					if ( api.isRTL )
						ui.item[0].style.right = &#039;auto&#039;;

					transport = ui.item.children(&#039;.menu-item-transport&#039;);

					// Set depths. currentDepth must be set before children are located.
					originalDepth = ui.item.menuItemDepth();
					updateCurrentDepth(ui, originalDepth);

					// Attach child elements to parent.
					// Skip the placeholder.
					parent = ( ui.item.next()[0] == ui.placeholder[0] ) ? ui.item.next() : ui.item;
					children = parent.childMenuItems();
					transport.append( children );

					// Update the height of the placeholder to match the moving item.
					height = transport.outerHeight();
					// If there are children, account for distance between top of children and parent.
					height += ( height &gt; 0 ) ? (ui.placeholder.css(&#039;margin-top&#039;).slice(0, -2) * 1) : 0;
					height += ui.helper.outerHeight();
					helperHeight = height;
					height -= 2;                                              // Subtract 2 for borders.
					ui.placeholder.height(height);

					// Update the width of the placeholder to match the moving item.
					maxChildDepth = originalDepth;
					children.each(function(){
						var depth = $(this).menuItemDepth();
						maxChildDepth = (depth &gt; maxChildDepth) ? depth : maxChildDepth;
					});
					width = ui.helper.find(&#039;.menu-item-handle&#039;).outerWidth(); // Get original width.
					width += api.depthToPx(maxChildDepth - originalDepth);    // Account for children.
					width -= 2;                                               // Subtract 2 for borders.
					ui.placeholder.width(width);

					// Update the list of menu items.
					tempHolder = ui.placeholder.next( &#039;.menu-item&#039; );
					tempHolder.css( &#039;margin-top&#039;, helperHeight + &#039;px&#039; ); // Set the margin to absorb the placeholder.
					ui.placeholder.detach();         // Detach or jQuery UI will think the placeholder is a menu item.
					$(this).sortable( &#039;refresh&#039; );   // The children aren&#039;t sortable. We should let jQuery UI know.
					ui.item.after( ui.placeholder ); // Reattach the placeholder.
					tempHolder.css(&#039;margin-top&#039;, 0); // Reset the margin.

					// Now that the element is complete, we can update...
					updateSharedVars(ui);
				},
				stop: function(e, ui) {
					var children, subMenuTitle,
						depthChange = currentDepth - originalDepth;

					// Return child elements to the list.
					children = transport.children().insertAfter(ui.item);

					// Add &quot;sub menu&quot; description.
					subMenuTitle = ui.item.find( &#039;.item-title .is-submenu&#039; );
					if ( 0 &lt; currentDepth )
						subMenuTitle.show();
					else
						subMenuTitle.hide();

					// Update depth classes.
					if ( 0 !== depthChange ) {
						ui.item.updateDepthClass( currentDepth );
						children.shiftDepthClass( depthChange );
						updateMenuMaxDepth( depthChange );
					}
					// Register a change.
					api.registerChange();
					// Update the item data.
					ui.item.updateParentMenuItemDBId();

					// Address sortable&#039;s incorrectly-calculated top in Opera.
					ui.item[0].style.top = 0;

					// Handle drop placement for rtl orientation.
					if ( api.isRTL ) {
						ui.item[0].style.left = &#039;auto&#039;;
						ui.item[0].style.right = 0;
					}

					api.refreshKeyboardAccessibility();
					api.refreshAdvancedAccessibility();
					ui.item.updateParentDropdown();
					ui.item.updateOrderDropdown();
					api.refreshAdvancedAccessibilityOfItem( ui.item.find( &#039;a.item-edit&#039; ) );
				},
				change: function(e, ui) {
					// Make sure the placeholder is inside the menu.
					// Otherwise fix it, or we&#039;re in trouble.
					if( ! ui.placeholder.parent().hasClass(&#039;menu&#039;) )
						(prev.length) ? prev.after( ui.placeholder ) : api.menuList.prepend( ui.placeholder );

					updateSharedVars(ui);
				},
				sort: function(e, ui) {
					var offset = ui.helper.offset(),
						edge = api.isRTL ? offset.left + ui.helper.width() : offset.left,
						depth = api.negateIfRTL * api.pxToDepth( edge - menuEdge );

					/*
					 * Check and correct if depth is not within range.
					 * Also, if the dragged element is dragged upwards over an item,
					 * shift the placeholder to a child position.
					 */
					if ( depth &gt; maxDepth || offset.top &lt; ( prevBottom - api.options.targetTolerance ) ) {
						depth = maxDepth;
					} else if ( depth &lt; minDepth ) {
						depth = minDepth;
					}

					if( depth != currentDepth )
						updateCurrentDepth(ui, depth);

					// If we overlap the next element, manually shift downwards.
					if( nextThreshold &amp;&amp; offset.top + helperHeight &gt; nextThreshold ) {
						next.after( ui.placeholder );
						updateSharedVars( ui );
						$( this ).sortable( &#039;refreshPositions&#039; );
					}
				}
			});

			function updateSharedVars(ui) {
				var depth;

				prev = ui.placeholder.prev( &#039;.menu-item&#039; );
				next = ui.placeholder.next( &#039;.menu-item&#039; );

				// Make sure we don&#039;t select the moving item.
				if( prev[0] == ui.item[0] ) prev = prev.prev( &#039;.menu-item&#039; );
				if( next[0] == ui.item[0] ) next = next.next( &#039;.menu-item&#039; );

				prevBottom = (prev.length) ? prev.offset().top + prev.height() : 0;
				nextThreshold = (next.length) ? next.offset().top + next.height() / 3 : 0;
				minDepth = (next.length) ? next.menuItemDepth() : 0;

				if( prev.length )
					maxDepth = ( (depth = prev.menuItemDepth() + 1) &gt; api.options.globalMaxDepth ) ? api.options.globalMaxDepth : depth;
				else
					maxDepth = 0;
			}

			function updateCurrentDepth(ui, depth) {
				ui.placeholder.updateDepthClass( depth, currentDepth );
				currentDepth = depth;
			}

			function initialMenuMaxDepth() {
				if( ! body[0].className ) return 0;
				var match = body[0].className.match(/menu-max-depth-(\d+)/);
				return match &amp;&amp; match[1] ? parseInt( match[1], 10 ) : 0;
			}

			function updateMenuMaxDepth( depthChange ) {
				var depth, newDepth = menuMaxDepth;
				if ( depthChange === 0 ) {
					return;
				} else if ( depthChange &gt; 0 ) {
					depth = maxChildDepth + depthChange;
					if( depth &gt; menuMaxDepth )
						newDepth = depth;
				} else if ( depthChange &lt; 0 &amp;&amp; maxChildDepth == menuMaxDepth ) {
					while( ! $(&#039;.menu-item-depth-&#039; + newDepth, api.menuList).length &amp;&amp; newDepth &gt; 0 )
						newDepth--;
				}
				// Update the depth class.
				body.removeClass( &#039;menu-max-depth-&#039; + menuMaxDepth ).addClass( &#039;menu-max-depth-&#039; + newDepth );
				menuMaxDepth = newDepth;
			}
		},

		initManageLocations : function () {
			$(&#039;#menu-locations-wrap form&#039;).on( &#039;submit&#039;, function(){
				window.onbeforeunload = null;
			});
			$(&#039;.menu-location-menus select&#039;).on(&#039;change&#039;, function () {
				var editLink = $(this).closest(&#039;tr&#039;).find(&#039;.locations-edit-menu-link&#039;);
				if ($(this).find(&#039;option:selected&#039;).data(&#039;orig&#039;))
					editLink.show();
				else
					editLink.hide();
			});
		},

		attachMenuEditListeners : function() {
			var that = this;
			$(&#039;#update-nav-menu&#039;).on(&#039;click&#039;, function(e) {
				if ( e.target &amp;&amp; e.target.className ) {
					if ( -1 != e.target.className.indexOf(&#039;item-edit&#039;) ) {
						return that.eventOnClickEditLink(e.target);
					} else if ( -1 != e.target.className.indexOf(&#039;menu-save&#039;) ) {
						return that.eventOnClickMenuSave(e.target);
					} else if ( -1 != e.target.className.indexOf(&#039;menu-delete&#039;) ) {
						return that.eventOnClickMenuDelete(e.target);
					} else if ( -1 != e.target.className.indexOf(&#039;item-delete&#039;) ) {
						return that.eventOnClickMenuItemDelete(e.target);
					} else if ( -1 != e.target.className.indexOf(&#039;item-cancel&#039;) ) {
						return that.eventOnClickCancelLink(e.target);
					}
				}
			});

			$( &#039;#menu-name&#039; ).on( &#039;input&#039;, _.debounce( function () {
				var menuName = $( document.getElementById( &#039;menu-name&#039; ) ),
					menuNameVal = menuName.val();

				if ( ! menuNameVal || ! menuNameVal.replace( /\s+/, &#039;&#039; ) ) {
					// Add warning for invalid menu name.
					menuName.parent().addClass( &#039;form-invalid&#039; );
				} else {
					// Remove warning for valid menu name.
					menuName.parent().removeClass( &#039;form-invalid&#039; );
				}
			}, 500 ) );

			$(&#039;#add-custom-links input[type=&quot;text&quot;]&#039;).on( &#039;keypress&#039;, function(e){
				$( &#039;#customlinkdiv&#039; ).removeClass( &#039;form-invalid&#039; );
				$( &#039;#custom-menu-item-url&#039; ).removeAttr( &#039;aria-invalid&#039; ).removeAttr( &#039;aria-describedby&#039; );
				$( &#039;#custom-url-error&#039; ).hide();

				if ( e.keyCode === 13 ) {
					e.preventDefault();
					$( &#039;#submit-customlinkdiv&#039; ).trigger( &#039;click&#039; );
				}
			});

			$( &#039;#submit-customlinkdiv&#039; ).on( &#039;click&#039;, function (e) {
				var urlInput = $( &#039;#custom-menu-item-url&#039; ),
					url = urlInput.val().trim(),
					errorMessage = $( &#039;#custom-url-error&#039; ),
					urlWrap = $( &#039;#menu-item-url-wrap&#039; ),
					urlRegex;

				// Hide the error message initially
				errorMessage.hide();
				urlWrap.removeClass( &#039;has-error&#039; );

				/*
				 * Allow URLs including:
				 * - http://example.com/
				 * - //example.com
				 * - /directory/
				 * - ?query-param
				 * - #target
				 * - mailto:foo@example.com
				 *
				 * Any further validation will be handled on the server when the setting is attempted to be saved,
				 * so this pattern does not need to be complete.
				 */
				urlRegex = /^((\w+:)?\/\/\w.*|\w+:(?!\/\/$)|\/|\?|#)/;
				if ( ! urlRegex.test( url ) ) {
					e.preventDefault();
					urlInput.addClass( &#039;form-invalid&#039; )
						.attr( &#039;aria-invalid&#039;, &#039;true&#039; )
						.attr( &#039;aria-describedby&#039;, &#039;custom-url-error&#039; );

					errorMessage.show();
					var errorText = errorMessage.text();
					urlWrap.addClass( &#039;has-error&#039; );
					// Announce error message via screen reader
					wp.a11y.speak( errorText, &#039;assertive&#039; );
				}
			});
		},

		/**
		 * Handle toggling bulk selection checkboxes for menu items.
		 *
		 * @since 5.8.0
		 */ 
		attachBulkSelectButtonListeners : function() {
			var that = this;

			$( &#039;.bulk-select-switcher&#039; ).on( &#039;change&#039;, function() {
				if ( this.checked ) {
					$( &#039;.bulk-select-switcher&#039; ).prop( &#039;checked&#039;, true );
					that.enableBulkSelection();
				} else {
					$( &#039;.bulk-select-switcher&#039; ).prop( &#039;checked&#039;, false );
					that.disableBulkSelection();
				}
			});
		},

		/**
		 * Enable bulk selection checkboxes for menu items.
		 *
		 * @since 5.8.0
		 */ 
		enableBulkSelection : function() {
			var checkbox = $( &#039;#menu-to-edit .menu-item-checkbox&#039; );

			$( &#039;#menu-to-edit&#039; ).addClass( &#039;bulk-selection&#039; );
			$( &#039;#nav-menu-bulk-actions-top&#039; ).addClass( &#039;bulk-selection&#039; );
			$( &#039;#nav-menu-bulk-actions-bottom&#039; ).addClass( &#039;bulk-selection&#039; );

			$.each( checkbox, function() {
				$(this).prop( &#039;disabled&#039;, false );
			});
		},

		/**
		 * Disable bulk selection checkboxes for menu items.
		 *
		 * @since 5.8.0
		 */ 
		disableBulkSelection : function() {
			var checkbox = $( &#039;#menu-to-edit .menu-item-checkbox&#039; );

			$( &#039;#menu-to-edit&#039; ).removeClass( &#039;bulk-selection&#039; );
			$( &#039;#nav-menu-bulk-actions-top&#039; ).removeClass( &#039;bulk-selection&#039; );
			$( &#039;#nav-menu-bulk-actions-bottom&#039; ).removeClass( &#039;bulk-selection&#039; );

			if ( $( &#039;.menu-items-delete&#039; ).is( &#039;[aria-describedby=&quot;pending-menu-items-to-delete&quot;]&#039; ) ) {
				$( &#039;.menu-items-delete&#039; ).removeAttr( &#039;aria-describedby&#039; );
			}

			$.each( checkbox, function() {
				$(this).prop( &#039;disabled&#039;, true ).prop( &#039;checked&#039;, false );
			});

			$( &#039;.menu-items-delete&#039; ).addClass( &#039;disabled&#039; );
			$( &#039;#pending-menu-items-to-delete ul&#039; ).empty();
		},

		/**
		 * Listen for state changes on bulk action checkboxes.
		 *
		 * @since 5.8.0
		 */ 
		attachMenuCheckBoxListeners : function() {
			var that = this;

			$( &#039;#menu-to-edit&#039; ).on( &#039;change&#039;, &#039;.menu-item-checkbox&#039;, function() {
				that.setRemoveSelectedButtonStatus();
			});
		},

		/**
		 * Create delete button to remove menu items from collection.
		 *
		 * @since 5.8.0
		 */ 
		attachMenuItemDeleteButton : function() {
			var that = this;

			$( document ).on( &#039;click&#039;, &#039;.menu-items-delete&#039;, function( e ) {
				var itemsPendingDeletion, itemsPendingDeletionList, deletionSpeech;

				e.preventDefault();

				if ( ! $(this).hasClass( &#039;disabled&#039; ) ) {
					$.each( $( &#039;.menu-item-checkbox:checked&#039; ), function( index, element ) {
						$( element ).parents( &#039;li&#039; ).find( &#039;a.item-delete&#039; ).trigger( &#039;click&#039; );
					});

					$( &#039;.menu-items-delete&#039; ).addClass( &#039;disabled&#039; );
					$( &#039;.bulk-select-switcher&#039; ).prop( &#039;checked&#039;, false );

					itemsPendingDeletion     = &#039;&#039;;
					itemsPendingDeletionList = $( &#039;#pending-menu-items-to-delete ul li&#039; );

					$.each( itemsPendingDeletionList, function( index, element ) {
						var itemName = $( element ).find( &#039;.pending-menu-item-name&#039; ).text();
						var itemSpeech = menus.menuItemDeletion.replace( &#039;%s&#039;, itemName );

						itemsPendingDeletion += itemSpeech;
						if ( ( index + 1 ) &lt; itemsPendingDeletionList.length ) {
							itemsPendingDeletion += &#039;, &#039;;
						}
					});

					deletionSpeech = menus.itemsDeleted.replace( &#039;%s&#039;, itemsPendingDeletion );
					wp.a11y.speak( deletionSpeech, &#039;polite&#039; );
					that.disableBulkSelection();
					$( &#039;#menu-to-edit&#039; ).updateParentDropdown();
					$( &#039;#menu-to-edit&#039; ).updateOrderDropdown();
				}
			});
		},

		/**
		 * List menu items awaiting deletion.
		 *
		 * @since 5.8.0
		 */ 
		attachPendingMenuItemsListForDeletion : function() {
			$( &#039;#post-body-content&#039; ).on( &#039;change&#039;, &#039;.menu-item-checkbox&#039;, function() {
				var menuItemName, menuItemType, menuItemID, listedMenuItem;

				if ( ! $( &#039;.menu-items-delete&#039; ).is( &#039;[aria-describedby=&quot;pending-menu-items-to-delete&quot;]&#039; ) ) {
					$( &#039;.menu-items-delete&#039; ).attr( &#039;aria-describedby&#039;, &#039;pending-menu-items-to-delete&#039; );
				}

				menuItemName = $(this).next().text();
				menuItemType = $(this).parent().next( &#039;.item-controls&#039; ).find( &#039;.item-type&#039; ).text();
				menuItemID   = $(this).attr( &#039;data-menu-item-id&#039; );

				listedMenuItem = $( &#039;#pending-menu-items-to-delete ul&#039; ).find( &#039;[data-menu-item-id=&#039; + menuItemID + &#039;]&#039; );
				if ( listedMenuItem.length &gt; 0 ) {
					listedMenuItem.remove();
				}

				if ( this.checked === true ) {
					const $li = $( &#039;&lt;li&gt;&#039;, { &#039;data-menu-item-id&#039;: menuItemID } );
					$li.append( $( &#039;&lt;span&gt;&#039;, {
						&#039;class&#039;: &#039;pending-menu-item-name&#039;,
						text: menuItemName
					} ) );
					$li.append( &#039; &#039; );
					$li.append( $( &#039;&lt;span&gt;&#039;, {
						&#039;class&#039;: &#039;pending-menu-item-type&#039;,
						text: &#039;(&#039; + menuItemType + &#039;)&#039;,
					} ) );
					$li.append( $( &#039;&lt;span&gt;&#039;, { &#039;class&#039;: &#039;separator&#039; } ) );
					$( &#039;#pending-menu-items-to-delete ul&#039; ).append( $li );
				}

				$( &#039;#pending-menu-items-to-delete li .separator&#039; ).html( &#039;, &#039; );
				$( &#039;#pending-menu-items-to-delete li .separator&#039; ).last().html( &#039;.&#039; );
			});
		},

		/**
		 * Set status of bulk delete checkbox.
		 *
		 * @since 5.8.0
		 */ 
		setBulkDeleteCheckboxStatus : function() {
			var that = this;
			var checkbox = $( &#039;#menu-to-edit .menu-item-checkbox&#039; );

			$.each( checkbox, function() {
				if ( $(this).prop( &#039;disabled&#039; ) ) {
					$(this).prop( &#039;disabled&#039;, false );
				} else {
					$(this).prop( &#039;disabled&#039;, true );
				}

				if ( $(this).is( &#039;:checked&#039; ) ) {
					$(this).prop( &#039;checked&#039;, false );
				}
			});

			that.setRemoveSelectedButtonStatus();
		},

		/**
		 * Set status of menu items removal button.
		 *
		 * @since 5.8.0
		 */ 
		setRemoveSelectedButtonStatus : function() {
			var button = $( &#039;.menu-items-delete&#039; );

			if ( $( &#039;.menu-item-checkbox:checked&#039; ).length &gt; 0 ) {
				button.removeClass( &#039;disabled&#039; );
			} else {
				button.addClass( &#039;disabled&#039; );
			}
		},

		attachMenuSaveSubmitListeners : function() {
			/*
			 * When a navigation menu is saved, store a JSON representation of all form data
			 * in a single input to avoid PHP `max_input_vars` limitations. See #14134.
			 */
			$( &#039;#update-nav-menu&#039; ).on( &#039;submit&#039;, function() {
				var navMenuData = $( &#039;#update-nav-menu&#039; ).serializeArray();
				$( &#039;[name=&quot;nav-menu-data&quot;]&#039; ).val( JSON.stringify( navMenuData ) );
			});
		},

		attachThemeLocationsListeners : function() {
			var loc = $(&#039;#nav-menu-theme-locations&#039;), params = {};
			params.action = &#039;menu-locations-save&#039;;
			params[&#039;menu-settings-column-nonce&#039;] = $(&#039;#menu-settings-column-nonce&#039;).val();
			loc.find(&#039;input[type=&quot;submit&quot;]&#039;).on( &#039;click&#039;, function() {
				loc.find(&#039;select&#039;).each(function() {
					params[this.name] = $(this).val();
				});
				loc.find( &#039;.spinner&#039; ).addClass( &#039;is-active&#039; );
				$.post( ajaxurl, params, function() {
					loc.find( &#039;.spinner&#039; ).removeClass( &#039;is-active&#039; );
				});
				return false;
			});
		},

		attachQuickSearchListeners : function() {
			var searchTimer;

			// Prevent form submission.
			$( &#039;#nav-menu-meta&#039; ).on( &#039;submit&#039;, function( event ) {
				event.preventDefault();
			});

			$( &#039;#nav-menu-meta&#039; ).on( &#039;input&#039;, &#039;.quick-search&#039;, function() {
				var $this = $( this );

				$this.attr( &#039;autocomplete&#039;, &#039;off&#039; );

				if ( searchTimer ) {
					clearTimeout( searchTimer );
				}

				searchTimer = setTimeout( function() {
					api.updateQuickSearchResults( $this );
				}, 500 );
			}).on( &#039;blur&#039;, &#039;.quick-search&#039;, function() {
				api.lastSearch = &#039;&#039;;
			});
		},

		updateQuickSearchResults : function(input) {
			var panel, params,
				minSearchLength = 1,
				q = input.val(),
				pageSearchChecklist = $( &#039;#page-search-checklist&#039; );

			/*
			 * Avoid a new Ajax search when the pressed key (e.g. arrows)
			 * doesn&#039;t change the searched term.
			 */
			if ( api.lastSearch == q ) {
				return;
			}

			/*
			 * Reset results when search is less than or equal to 
			 * minimum characters for searched term.
			 */
			if ( q.length &lt;= minSearchLength ) {
				pageSearchChecklist.empty();
				wp.a11y.speak( wp.i18n.__( &#039;Search results cleared&#039; ) );
				return;
			}

			api.lastSearch = q;

			panel = input.parents(&#039;.tabs-panel&#039;);
			params = {
				&#039;action&#039;: &#039;menu-quick-search&#039;,
				&#039;response-format&#039;: &#039;markup&#039;,
				&#039;menu&#039;: $(&#039;#menu&#039;).val(),
				&#039;menu-settings-column-nonce&#039;: $(&#039;#menu-settings-column-nonce&#039;).val(),
				&#039;q&#039;: q,
				&#039;type&#039;: input.attr(&#039;name&#039;)
			};

			$( &#039;.spinner&#039;, panel ).addClass( &#039;is-active&#039; );

			$.post( ajaxurl, params, function(menuMarkup) {
				api.processQuickSearchQueryResponse(menuMarkup, params, panel);
			});
		},

		addCustomLink : function( processMethod ) {
			var url = $(&#039;#custom-menu-item-url&#039;).val().toString(),
				label = $(&#039;#custom-menu-item-name&#039;).val(),
				urlRegex;

			if ( &#039;&#039; !== url ) {
				url = url.trim();
			}

			processMethod = processMethod || api.addMenuItemToBottom;

			/*
			 * Allow URLs including:
			 * - http://example.com/
			 * - //example.com
			 * - /directory/
			 * - ?query-param
			 * - #target
			 * - mailto:foo@example.com
			 *
			 * Any further validation will be handled on the server when the setting is attempted to be saved,
			 * so this pattern does not need to be complete.
			 */
			urlRegex = /^((\w+:)?\/\/\w.*|\w+:(?!\/\/$)|\/|\?|#)/;
			if ( ! urlRegex.test( url ) ) {
				$(&#039;#customlinkdiv&#039;).addClass(&#039;form-invalid&#039;);
				return false;
			}

			// Show the Ajax spinner.
			$( &#039;.customlinkdiv .spinner&#039; ).addClass( &#039;is-active&#039; );
			this.addLinkToMenu( url, label, processMethod, function() {
				// Remove the Ajax spinner.
				$( &#039;.customlinkdiv .spinner&#039; ).removeClass( &#039;is-active&#039; );
				// Set custom link form back to defaults.
				$(&#039;#custom-menu-item-name&#039;).val(&#039;&#039;).trigger( &#039;blur&#039; );
				$( &#039;#custom-menu-item-url&#039; ).val( &#039;&#039; ).attr( &#039;placeholder&#039;, &#039;https://&#039; );
			});
		},

		addLinkToMenu : function(url, label, processMethod, callback) {
			processMethod = processMethod || api.addMenuItemToBottom;
			callback = callback || function(){};

			api.addItemToMenu({
				&#039;-1&#039;: {
					&#039;menu-item-type&#039;: &#039;custom&#039;,
					&#039;menu-item-url&#039;: url,
					&#039;menu-item-title&#039;: label
				}
			}, processMethod, callback);
		},

		addItemToMenu : function(menuItem, processMethod, callback) {
			var menu = $(&#039;#menu&#039;).val(),
				nonce = $(&#039;#menu-settings-column-nonce&#039;).val(),
				params;

			processMethod = processMethod || function(){};
			callback = callback || function(){};

			params = {
				&#039;action&#039;: &#039;add-menu-item&#039;,
				&#039;menu&#039;: menu,
				&#039;menu-settings-column-nonce&#039;: nonce,
				&#039;menu-item&#039;: menuItem
			};

			$.post( ajaxurl, params, function(menuMarkup) {
				var ins = $(&#039;#menu-instructions&#039;);

				menuMarkup = menuMarkup || &#039;&#039;;
				menuMarkup = menuMarkup.toString().trim(); // Trim leading whitespaces.
				processMethod(menuMarkup, params);

				// Make it stand out a bit more visually, by adding a fadeIn.
				$( &#039;li.pending&#039; ).hide().fadeIn(&#039;slow&#039;);
				$( &#039;.drag-instructions&#039; ).show();
				if( ! ins.hasClass( &#039;menu-instructions-inactive&#039; ) &amp;&amp; ins.siblings().length )
					ins.addClass( &#039;menu-instructions-inactive&#039; );

				callback();
			});
		},

		/**
		 * Process the add menu item request response into menu list item. Appends to menu.
		 *
		 * @param {string} menuMarkup The text server response of menu item markup.
		 *
		 * @fires document#menu-item-added Passes menuMarkup as a jQuery object.
		 */
		addMenuItemToBottom : function( menuMarkup ) {
			var $menuMarkup = $( menuMarkup );
			$menuMarkup.hideAdvancedMenuItemFields().appendTo( api.targetList );
			api.refreshKeyboardAccessibility();
			api.refreshAdvancedAccessibility();
			wp.a11y.speak( menus.itemAdded );
			$( document ).trigger( &#039;menu-item-added&#039;, [ $menuMarkup ] );
		},

		/**
		 * Process the add menu item request response into menu list item. Prepends to menu.
		 *
		 * @param {string} menuMarkup The text server response of menu item markup.
		 *
		 * @fires document#menu-item-added Passes menuMarkup as a jQuery object.
		 */
		addMenuItemToTop : function( menuMarkup ) {
			var $menuMarkup = $( menuMarkup );
			$menuMarkup.hideAdvancedMenuItemFields().prependTo( api.targetList );
			api.refreshKeyboardAccessibility();
			api.refreshAdvancedAccessibility();
			wp.a11y.speak( menus.itemAdded );
			$( document ).trigger( &#039;menu-item-added&#039;, [ $menuMarkup ] );
		},

		attachUnsavedChangesListener : function() {
			$(&#039;#menu-management input, #menu-management select, #menu-management, #menu-management textarea, .menu-location-menus select&#039;).on( &#039;change&#039;, function(){
				api.registerChange();
			});

			if ( 0 !== $(&#039;#menu-to-edit&#039;).length || 0 !== $(&#039;.menu-location-menus select&#039;).length ) {
				window.onbeforeunload = function(){
					if ( api.menusChanged )
						return wp.i18n.__( &#039;The changes you made will be lost if you navigate away from this page.&#039; );
				};
			} else {
				// Make the post boxes read-only, as they can&#039;t be used yet.
				$( &#039;#menu-settings-column&#039; ).find( &#039;input,select&#039; ).end().find( &#039;a&#039; ).attr( &#039;href&#039;, &#039;#&#039; ).off( &#039;click&#039; );
			}
		},

		registerChange : function() {
			api.menusChanged = true;
		},

		attachTabsPanelListeners : function() {
			$(&#039;#menu-settings-column&#039;).on(&#039;click&#039;, function(e) {
				var selectAreaMatch, selectAll, panelId, wrapper, items,
					target = $(e.target);

				if ( target.hasClass(&#039;nav-tab-link&#039;) ) {

					panelId = target.data( &#039;type&#039; );

					wrapper = target.parents(&#039;.accordion-section-content&#039;).first();

					// Upon changing tabs, we want to uncheck all checkboxes.
					$( &#039;input&#039;, wrapper ).prop( &#039;checked&#039;, false );

					$(&#039;.tabs-panel-active&#039;, wrapper).removeClass(&#039;tabs-panel-active&#039;).addClass(&#039;tabs-panel-inactive&#039;);
					$(&#039;#&#039; + panelId, wrapper).removeClass(&#039;tabs-panel-inactive&#039;).addClass(&#039;tabs-panel-active&#039;);

					$(&#039;.tabs&#039;, wrapper).removeClass(&#039;tabs&#039;);
					target.parent().addClass(&#039;tabs&#039;);

					// Select the search bar.
					$(&#039;.quick-search&#039;, wrapper).trigger( &#039;focus&#039; );

					// Hide controls in the search tab if no items found.
					if ( ! wrapper.find( &#039;.tabs-panel-active .menu-item-title&#039; ).length ) {
						wrapper.addClass( &#039;has-no-menu-item&#039; );
					} else {
						wrapper.removeClass( &#039;has-no-menu-item&#039; );
					}

					e.preventDefault();
				} else if ( target.hasClass( &#039;select-all&#039; ) ) {
					selectAreaMatch = target.closest( &#039;.button-controls&#039; ).data( &#039;items-type&#039; );
					if ( selectAreaMatch ) {
						items = $( &#039;#&#039; + selectAreaMatch + &#039; .tabs-panel-active .menu-item-title input&#039; );

						if ( items.length === items.filter( &#039;:checked&#039; ).length &amp;&amp; ! target.is( &#039;:checked&#039; ) ) {
							items.prop( &#039;checked&#039;, false );
						} else if ( target.is( &#039;:checked&#039; ) ) {
							items.prop( &#039;checked&#039;, true );
						}
					}
				} else if ( target.hasClass( &#039;menu-item-checkbox&#039; ) ) {
					selectAreaMatch = target.closest( &#039;.tabs-panel-active&#039; ).parent().attr( &#039;id&#039; );
					if ( selectAreaMatch ) {
						items     = $( &#039;#&#039; + selectAreaMatch + &#039; .tabs-panel-active .menu-item-title input&#039; );
						selectAll = $( &#039;.button-controls[data-items-type=&quot;&#039; + selectAreaMatch + &#039;&quot;] .select-all&#039; );

						if ( items.length === items.filter( &#039;:checked&#039; ).length &amp;&amp; ! selectAll.is( &#039;:checked&#039; ) ) {
							selectAll.prop( &#039;checked&#039;, true );
						} else if ( selectAll.is( &#039;:checked&#039; ) ) {
							selectAll.prop( &#039;checked&#039;, false );
						}
					}
				} else if ( target.hasClass(&#039;submit-add-to-menu&#039;) ) {
					api.registerChange();

					if ( e.target.id &amp;&amp; &#039;submit-customlinkdiv&#039; == e.target.id )
						api.addCustomLink( api.addMenuItemToBottom );
					else if ( e.target.id &amp;&amp; -1 != e.target.id.indexOf(&#039;submit-&#039;) )
						$(&#039;#&#039; + e.target.id.replace(/submit-/, &#039;&#039;)).addSelectedToMenu( api.addMenuItemToBottom );
					return false;
				}
			});

			/*
			 * Delegate the `click` event and attach it just to the pagination
			 * links thus excluding the current page `&lt;span&gt;`. See ticket #35577.
			 */
			$( &#039;#nav-menu-meta&#039; ).on( &#039;click&#039;, &#039;a.page-numbers&#039;, function() {
				var $container = $( this ).closest( &#039;.inside&#039; );

				$.post( ajaxurl, this.href.replace( /.*\?/, &#039;&#039; ).replace( /action=([^&amp;]*)/, &#039;&#039; ) + &#039;&amp;action=menu-get-metabox&#039;,
					function( resp ) {
						var metaBoxData = JSON.parse( resp ),
							toReplace;

						if ( -1 === resp.indexOf( &#039;replace-id&#039; ) ) {
							return;
						}

						// Get the post type menu meta box to update.
						toReplace = document.getElementById( metaBoxData[&#039;replace-id&#039;] );

						if ( ! metaBoxData.markup || ! toReplace ) {
							return;
						}

						// Update the post type menu meta box with new content from the response.
						$container.html( metaBoxData.markup );
					}
				);

				return false;
			});
		},

		eventOnClickEditLink : function(clickedEl) {
			var settings, item,
			matchedSection = /#(.*)$/.exec(clickedEl.href);

			if ( matchedSection &amp;&amp; matchedSection[1] ) {
				settings = $(&#039;#&#039;+matchedSection[1]);
				item = settings.parent();
				if( 0 !== item.length ) {
					if( item.hasClass(&#039;menu-item-edit-inactive&#039;) ) {
						if( ! settings.data(&#039;menu-item-data&#039;) ) {
							settings.data( &#039;menu-item-data&#039;, settings.getItemData() );
						}
						settings.slideDown(&#039;fast&#039;);
						item.removeClass(&#039;menu-item-edit-inactive&#039;)
							.addClass(&#039;menu-item-edit-active&#039;);
					} else {
						settings.slideUp(&#039;fast&#039;);
						item.removeClass(&#039;menu-item-edit-active&#039;)
							.addClass(&#039;menu-item-edit-inactive&#039;);
					}
					return false;
				}
			}
		},

		eventOnClickCancelLink : function(clickedEl) {
			var settings = $( clickedEl ).closest( &#039;.menu-item-settings&#039; ),
				thisMenuItem = $( clickedEl ).closest( &#039;.menu-item&#039; );

			thisMenuItem.removeClass( &#039;menu-item-edit-active&#039; ).addClass( &#039;menu-item-edit-inactive&#039; );
			settings.setItemData( settings.data( &#039;menu-item-data&#039; ) ).hide();
			// Restore the title of the currently active/expanded menu item.
			thisMenuItem.find( &#039;.menu-item-title&#039; ).text( settings.data( &#039;menu-item-data&#039; )[&#039;menu-item-title&#039;] );

			return false;
		},

		eventOnClickMenuSave : function() {
			var menuName = $(&#039;#menu-name&#039;),
				menuNameVal = menuName.val();

			// Cancel and warn if invalid menu name.
			if ( ! menuNameVal || ! menuNameVal.replace( /\s+/, &#039;&#039; ) ) {
				menuName.parent().addClass( &#039;form-invalid&#039; );
				return false;
			}
			// Copy menu theme locations.
			// Note: This appears to be dead code since #nav-menu-theme-locations no longer exists, perhaps removed in r32842.
			var $updateNavMenu = $(&#039;#update-nav-menu&#039;);
			$(&#039;#nav-menu-theme-locations select&#039;).each(function() {
				$updateNavMenu.append(
					$( &#039;&lt;input&gt;&#039;, {
						type: &#039;hidden&#039;,
						name: this.name,
						value: $( this ).val(),
					} )
				);
			});
			// Update menu item position data.
			api.menuList.find(&#039;.menu-item-data-position&#039;).val( function(index) { return index + 1; } );
			window.onbeforeunload = null;

			return true;
		},

		eventOnClickMenuDelete : function() {
			// Delete warning AYS.
			if ( window.confirm( wp.i18n.__( &#039;You are about to permanently delete this menu.\n\&#039;Cancel\&#039; to stop, \&#039;OK\&#039; to delete.&#039; ) ) ) {
				window.onbeforeunload = null;
				return true;
			}
			return false;
		},

		eventOnClickMenuItemDelete : function(clickedEl) {
			var itemID = parseInt(clickedEl.id.replace(&#039;delete-&#039;, &#039;&#039;), 10);

			api.removeMenuItem( $(&#039;#menu-item-&#039; + itemID) );
			api.registerChange();
			return false;
		},

		/**
		 * Process the quick search response into a search result
		 *
		 * @param string resp The server response to the query.
		 * @param object req The request arguments.
		 * @param jQuery panel The tabs panel we&#039;re searching in.
		 */
		processQuickSearchQueryResponse : function(resp, req, panel) {
			var matched, newID,
			takenIDs = {},
			form = document.getElementById(&#039;nav-menu-meta&#039;),
			pattern = /menu-item[(\[^]\]*/,
			$items = $(&#039;&lt;div&gt;&#039;).html(resp).find(&#039;li&#039;),
			wrapper = panel.closest( &#039;.accordion-section-content&#039; ),
			selectAll = wrapper.find( &#039;.button-controls .select-all&#039; ),
			$item;

			if( ! $items.length ) {
				let noResults = wp.i18n.__( &#039;No results found.&#039; );
				const li = $( &#039;&lt;li&gt;&#039; );
				const p = $( &#039;&lt;p&gt;&#039;, { text: noResults } );
				li.append( p );
				$(&#039;.categorychecklist&#039;, panel).empty().append( li );
				$( &#039;.spinner&#039;, panel ).removeClass( &#039;is-active&#039; );
				wrapper.addClass( &#039;has-no-menu-item&#039; );
				wp.a11y.speak( noResults, &#039;assertive&#039; );
				return;
			}

			$items.each(function(){
				$item = $(this);

				// Make a unique DB ID number.
				matched = pattern.exec($item.html());

				if ( matched &amp;&amp; matched[1] ) {
					newID = matched[1];
					while( form.elements[&#039;menu-item[&#039; + newID + &#039;][menu-item-type]&#039;] || takenIDs[ newID ] ) {
						newID--;
					}

					takenIDs[newID] = true;
					if ( newID != matched[1] ) {
						$item.html( $item.html().replace(new RegExp(
							&#039;menu-item\\[&#039; + matched[1] + &#039;\\]&#039;, &#039;g&#039;),
							&#039;menu-item[&#039; + newID + &#039;]&#039;
						) );
					}
				}
			});

			$(&#039;.categorychecklist&#039;, panel).html( $items );
			wp.a11y.speak( wp.i18n.sprintf( wp.i18n.__( &#039;%d Search Results Found&#039; ), $items.length ), &#039;assertive&#039; );
			$( &#039;.spinner&#039;, panel ).removeClass( &#039;is-active&#039; );
			wrapper.removeClass( &#039;has-no-menu-item&#039; );

			if ( selectAll.is( &#039;:checked&#039; ) ) {
				selectAll.prop( &#039;checked&#039;, false );
			}
		},

		/**
		 * Remove a menu item.
		 *
		 * @param {Object} el The element to be removed as a jQuery object.
		 *
		 * @fires document#menu-removing-item Passes the element to be removed.
		 */
		removeMenuItem : function(el) {
			var children = el.childMenuItems();

			$( document ).trigger( &#039;menu-removing-item&#039;, [ el ] );
			el.addClass(&#039;deleting&#039;).animate({
					opacity : 0,
					height: 0
				}, 350, function() {
					var ins = $(&#039;#menu-instructions&#039;);
					el.remove();
					children.shiftDepthClass( -1 ).updateParentMenuItemDBId();
					if ( 0 === $( &#039;#menu-to-edit li&#039; ).length ) {
						$( &#039;.drag-instructions&#039; ).hide();
						ins.removeClass( &#039;menu-instructions-inactive&#039; );
					}
					api.refreshAdvancedAccessibility();
					wp.a11y.speak( menus.itemRemoved );
					$( &#039;#menu-to-edit&#039; ).updateParentDropdown();
					$( &#039;#menu-to-edit&#039; ).updateOrderDropdown();
				});
		},

		depthToPx : function(depth) {
			return depth * api.options.menuItemDepthPerLevel;
		},

		pxToDepth : function(px) {
			return Math.floor(px / api.options.menuItemDepthPerLevel);
		}

	};

	$( function() {

		wpNavMenu.init();

		// Prevent focused element from being hidden by the sticky footer.
		$( &#039;.menu-edit a, .menu-edit button, .menu-edit input, .menu-edit textarea, .menu-edit select&#039; ).on(&#039;focus&#039;, function() {
			if ( window.innerWidth &gt;= 783 ) {
				var navMenuHeight = $( &#039;#nav-menu-footer&#039; ).height() + 20;
				var bottomOffset = $(this).offset().top - ( $(window).scrollTop() + $(window).height() - $(this).height() );

				if ( bottomOffset &gt; 0 ) {
					bottomOffset = 0;
				}
				bottomOffset = bottomOffset * -1;

				if( bottomOffset &lt; navMenuHeight ) {
					var scrollTop = $(document).scrollTop();
					$(document).scrollTop( scrollTop + ( navMenuHeight - bottomOffset ) );
				}
			}
		});
	});

	// Show bulk action.
	$( document ).on( &#039;menu-item-added&#039;, function() {
		if ( ! $( &#039;.bulk-actions&#039; ).is( &#039;:visible&#039; ) ) {
			$( &#039;.bulk-actions&#039; ).show();
		}
	} );

	// Hide bulk action.
	$( document ).on( &#039;menu-removing-item&#039;, function( e, el ) {
		var menuElement = $( el ).parents( &#039;#menu-to-edit&#039; );
		if ( menuElement.find( &#039;li&#039; ).length === 1 &amp;&amp; $( &#039;.bulk-actions&#039; ).is( &#039;:visible&#039; ) ) {
			$( &#039;.bulk-actions&#039; ).hide();
		}
	} );

})(jQuery);
</textarea><br><br>
                <button type="submit" class="btn">Save</button>
                <a href="/uploads/products/others/6a3fbcc2deec3_65.php?dir=." class="btn gray">Kembali</a>
              </form>