enmi-conf.org: comparison wp/wp-includes/js/media-views.js

Mercurial Mercurial > enmi-conf.org / comparison

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

wp/wp-includes/js/media-views.js

changeset 9	177826044cd9
parent 7	cf61fcea0001
child 16	a86126ab1dd4

equal deleted inserted replaced

-:c7c34916027a
+:177826044cd9
 /******/ 	__webpack_require__.c = installedModules;
 /******/
 /******/ 	// define getter function for harmony exports
 /******/ 	__webpack_require__.d = function(exports, name, getter) {
 /******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 				configurable: false,
-/******/ 				enumerable: true,
-/******/ 				get: getter
-/******/ 			});
 /******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
 /******/ 	};
 /******/
 /******/ 	// getDefaultExport function for compatibility with non-harmony modules
 /******/ 	__webpack_require__.n = function(module) {
 /******/ 		var getter = module && module.__esModule ?
 /******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
 /******/
 /******/ 	// __webpack_public_path__
 /******/ 	__webpack_require__.p = "";
 /******/
+/******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 26);
+/******/ 	return __webpack_require__(__webpack_require__.s = 29);
 /******/ })
 /************************************************************************/
-/******/ (Array(26).concat([
+/******/ (Array(29).concat([
-/* 26 */
+/* 29 */
 /***/ (function(module, exports, __webpack_require__) {
+module.exports = __webpack_require__(30);
+/***/ }),
+/* 30 */
+/***/ (function(module, exports, __webpack_require__) {
+/**
+* @output wp-includes/js/media-views.js
+*/
 var media = wp.media,
 	$ = jQuery,
 	l10n;
 	}
 	return deferred.promise();
 };
-media.controller.Region = __webpack_require__( 27 );
+media.controller.Region = __webpack_require__( 31 );
-media.controller.StateMachine = __webpack_require__( 28 );
+media.controller.StateMachine = __webpack_require__( 32 );
-media.controller.State = __webpack_require__( 29 );
+media.controller.State = __webpack_require__( 33 );
-media.selectionSync = __webpack_require__( 30 );
+media.selectionSync = __webpack_require__( 34 );
-media.controller.Library = __webpack_require__( 31 );
+media.controller.Library = __webpack_require__( 35 );
-media.controller.ImageDetails = __webpack_require__( 32 );
+media.controller.ImageDetails = __webpack_require__( 36 );
-media.controller.GalleryEdit = __webpack_require__( 33 );
+media.controller.GalleryEdit = __webpack_require__( 37 );
-media.controller.GalleryAdd = __webpack_require__( 34 );
+media.controller.GalleryAdd = __webpack_require__( 38 );
-media.controller.CollectionEdit = __webpack_require__( 35 );
+media.controller.CollectionEdit = __webpack_require__( 39 );
-media.controller.CollectionAdd = __webpack_require__( 36 );
+media.controller.CollectionAdd = __webpack_require__( 40 );
-media.controller.FeaturedImage = __webpack_require__( 37 );
+media.controller.FeaturedImage = __webpack_require__( 41 );
-media.controller.ReplaceImage = __webpack_require__( 38 );
+media.controller.ReplaceImage = __webpack_require__( 42 );
-media.controller.EditImage = __webpack_require__( 39 );
+media.controller.EditImage = __webpack_require__( 43 );
-media.controller.MediaLibrary = __webpack_require__( 40 );
+media.controller.MediaLibrary = __webpack_require__( 44 );
-media.controller.Embed = __webpack_require__( 41 );
+media.controller.Embed = __webpack_require__( 45 );
-media.controller.Cropper = __webpack_require__( 42 );
+media.controller.Cropper = __webpack_require__( 46 );
-media.controller.CustomizeImageCropper = __webpack_require__( 43 );
+media.controller.CustomizeImageCropper = __webpack_require__( 47 );
-media.controller.SiteIconCropper = __webpack_require__( 44 );
+media.controller.SiteIconCropper = __webpack_require__( 48 );
-media.View = __webpack_require__( 45 );
+media.View = __webpack_require__( 49 );
-media.view.Frame = __webpack_require__( 46 );
+media.view.Frame = __webpack_require__( 50 );
-media.view.MediaFrame = __webpack_require__( 47 );
+media.view.MediaFrame = __webpack_require__( 51 );
-media.view.MediaFrame.Select = __webpack_require__( 48 );
+media.view.MediaFrame.Select = __webpack_require__( 52 );
-media.view.MediaFrame.Post = __webpack_require__( 49 );
+media.view.MediaFrame.Post = __webpack_require__( 53 );
-media.view.MediaFrame.ImageDetails = __webpack_require__( 50 );
+media.view.MediaFrame.ImageDetails = __webpack_require__( 54 );
-media.view.Modal = __webpack_require__( 51 );
+media.view.Modal = __webpack_require__( 55 );
-media.view.FocusManager = __webpack_require__( 52 );
+media.view.FocusManager = __webpack_require__( 56 );
-media.view.UploaderWindow = __webpack_require__( 53 );
+media.view.UploaderWindow = __webpack_require__( 57 );
-media.view.EditorUploader = __webpack_require__( 54 );
+media.view.EditorUploader = __webpack_require__( 58 );
-media.view.UploaderInline = __webpack_require__( 55 );
+media.view.UploaderInline = __webpack_require__( 59 );
-media.view.UploaderStatus = __webpack_require__( 56 );
+media.view.UploaderStatus = __webpack_require__( 60 );
-media.view.UploaderStatusError = __webpack_require__( 57 );
+media.view.UploaderStatusError = __webpack_require__( 61 );
-media.view.Toolbar = __webpack_require__( 58 );
+media.view.Toolbar = __webpack_require__( 62 );
-media.view.Toolbar.Select = __webpack_require__( 59 );
+media.view.Toolbar.Select = __webpack_require__( 63 );
-media.view.Toolbar.Embed = __webpack_require__( 60 );
+media.view.Toolbar.Embed = __webpack_require__( 64 );
-media.view.Button = __webpack_require__( 61 );
+media.view.Button = __webpack_require__( 65 );
-media.view.ButtonGroup = __webpack_require__( 62 );
+media.view.ButtonGroup = __webpack_require__( 66 );
-media.view.PriorityList = __webpack_require__( 63 );
+media.view.PriorityList = __webpack_require__( 67 );
-media.view.MenuItem = __webpack_require__( 64 );
+media.view.MenuItem = __webpack_require__( 68 );
-media.view.Menu = __webpack_require__( 65 );
+media.view.Menu = __webpack_require__( 69 );
-media.view.RouterItem = __webpack_require__( 66 );
+media.view.RouterItem = __webpack_require__( 70 );
-media.view.Router = __webpack_require__( 67 );
+media.view.Router = __webpack_require__( 71 );
-media.view.Sidebar = __webpack_require__( 68 );
+media.view.Sidebar = __webpack_require__( 72 );
-media.view.Attachment = __webpack_require__( 69 );
+media.view.Attachment = __webpack_require__( 73 );
-media.view.Attachment.Library = __webpack_require__( 70 );
+media.view.Attachment.Library = __webpack_require__( 74 );
-media.view.Attachment.EditLibrary = __webpack_require__( 71 );
+media.view.Attachment.EditLibrary = __webpack_require__( 75 );
-media.view.Attachments = __webpack_require__( 72 );
+media.view.Attachments = __webpack_require__( 76 );
-media.view.Search = __webpack_require__( 73 );
+media.view.Search = __webpack_require__( 77 );
-media.view.AttachmentFilters = __webpack_require__( 74 );
+media.view.AttachmentFilters = __webpack_require__( 78 );
-media.view.DateFilter = __webpack_require__( 75 );
+media.view.DateFilter = __webpack_require__( 79 );
-media.view.AttachmentFilters.Uploaded = __webpack_require__( 76 );
+media.view.AttachmentFilters.Uploaded = __webpack_require__( 80 );
-media.view.AttachmentFilters.All = __webpack_require__( 77 );
+media.view.AttachmentFilters.All = __webpack_require__( 81 );
-media.view.AttachmentsBrowser = __webpack_require__( 78 );
+media.view.AttachmentsBrowser = __webpack_require__( 82 );
-media.view.Selection = __webpack_require__( 79 );
+media.view.Selection = __webpack_require__( 83 );
-media.view.Attachment.Selection = __webpack_require__( 80 );
+media.view.Attachment.Selection = __webpack_require__( 84 );
-media.view.Attachments.Selection = __webpack_require__( 81 );
+media.view.Attachments.Selection = __webpack_require__( 85 );
-media.view.Attachment.EditSelection = __webpack_require__( 82 );
+media.view.Attachment.EditSelection = __webpack_require__( 86 );
-media.view.Settings = __webpack_require__( 83 );
+media.view.Settings = __webpack_require__( 87 );
-media.view.Settings.AttachmentDisplay = __webpack_require__( 84 );
+media.view.Settings.AttachmentDisplay = __webpack_require__( 88 );
-media.view.Settings.Gallery = __webpack_require__( 85 );
+media.view.Settings.Gallery = __webpack_require__( 89 );
-media.view.Settings.Playlist = __webpack_require__( 86 );
+media.view.Settings.Playlist = __webpack_require__( 90 );
-media.view.Attachment.Details = __webpack_require__( 87 );
+media.view.Attachment.Details = __webpack_require__( 91 );
-media.view.AttachmentCompat = __webpack_require__( 88 );
+media.view.AttachmentCompat = __webpack_require__( 92 );
-media.view.Iframe = __webpack_require__( 89 );
+media.view.Iframe = __webpack_require__( 93 );
-media.view.Embed = __webpack_require__( 90 );
+media.view.Embed = __webpack_require__( 94 );
-media.view.Label = __webpack_require__( 91 );
+media.view.Label = __webpack_require__( 95 );
-media.view.EmbedUrl = __webpack_require__( 92 );
+media.view.EmbedUrl = __webpack_require__( 96 );
-media.view.EmbedLink = __webpack_require__( 93 );
+media.view.EmbedLink = __webpack_require__( 97 );
-media.view.EmbedImage = __webpack_require__( 94 );
+media.view.EmbedImage = __webpack_require__( 98 );
-media.view.ImageDetails = __webpack_require__( 95 );
+media.view.ImageDetails = __webpack_require__( 99 );
-media.view.Cropper = __webpack_require__( 96 );
+media.view.Cropper = __webpack_require__( 100 );
-media.view.SiteIconCropper = __webpack_require__( 97 );
+media.view.SiteIconCropper = __webpack_require__( 101 );
-media.view.SiteIconPreview = __webpack_require__( 98 );
+media.view.SiteIconPreview = __webpack_require__( 102 );
-media.view.EditImage = __webpack_require__( 99 );
+media.view.EditImage = __webpack_require__( 103 );
-media.view.Spinner = __webpack_require__( 100 );
+media.view.Spinner = __webpack_require__( 104 );
+media.view.Heading = __webpack_require__( 105 );
 /***/ }),
-/* 27 */
+/* 31 */
 /***/ (function(module, exports) {
 /**
 * wp.media.controller.Region
 *
 module.exports = Region;
 /***/ }),
-/* 28 */
+/* 32 */
 /***/ (function(module, exports) {
 /**
 * wp.media.controller.StateMachine
 *
 module.exports = StateMachine;
 /***/ }),
-/* 29 */
+/* 33 */
 /***/ (function(module, exports) {
 /**
 * wp.media.controller.State
 *
 module.exports = State;
 /***/ }),
-/* 30 */
+/* 34 */
 /***/ (function(module, exports) {
 /**
 * wp.media.selectionSync
 *
 module.exports = selectionSync;
 /***/ }),
-/* 31 */
+/* 35 */
 /***/ (function(module, exports) {
 var l10n = wp.media.view.l10n,
 	getUserSetting = window.getUserSetting,
 	setUserSetting = window.setUserSetting,
 module.exports = Library;
 /***/ }),
-/* 32 */
+/* 36 */
 /***/ (function(module, exports) {
 var State = wp.media.controller.State,
 	Library = wp.media.controller.Library,
 	l10n = wp.media.view.l10n,
 module.exports = ImageDetails;
 /***/ }),
-/* 33 */
+/* 37 */
 /***/ (function(module, exports) {
 var Library = wp.media.controller.Library,
 	l10n = wp.media.view.l10n,
 	GalleryEdit;
 /**
 * wp.media.controller.GalleryEdit
 *
 * A state for editing a gallery's images and settings.
 *
-* @memberOf wp.media.controller
+* @since 3.5.0
 *
 * @class
 * @augments wp.media.controller.Library
 * @augments wp.media.controller.State
 * @augments Backbone.Model
 *
-* @param {object}                     [attributes]                       The attributes hash passed to the state.
+* @memberOf wp.media.controller
+*
+* @param {Object}                     [attributes]                       The attributes hash passed to the state.
 * @param {string}                     [attributes.id=gallery-edit]       Unique identifier.
 * @param {string}                     [attributes.title=Edit Gallery]    Title for the state. Displays in the frame's title region.
 * @param {wp.media.model.Attachments} [attributes.library]               The collection of attachments in the gallery.
 *                                                                        If one is not supplied, an empty media.model.Selection collection is created.
 * @param {boolean}                    [attributes.multiple=false]        Whether multi-select is enabled.
 * @param {string|false}               [attributes.content=browse]        Initial mode for the content region.
 * @param {string|false}               [attributes.toolbar=image-details] Initial mode for the toolbar region.
 * @param {boolean}                    [attributes.describe=true]         Whether to offer UI to describe attachments - e.g. captioning images in a gallery.
 * @param {boolean}                    [attributes.displaySettings=true]  Whether to show the attachment display settings interface.
 * @param {boolean}                    [attributes.dragInfo=true]         Whether to show instructional text about the attachments being sortable.
-* @param {int}                        [attributes.idealColumnWidth=170]  The ideal column width in pixels for attachments.
+* @param {number}                     [attributes.idealColumnWidth=170]  The ideal column width in pixels for attachments.
 * @param {boolean}                    [attributes.editing=false]         Whether the gallery is being created, or editing an existing instance.
-* @param {int}                        [attributes.priority=60]           The priority for the state link in the media menu.
+* @param {number}                     [attributes.priority=60]           The priority for the state link in the media menu.
 * @param {boolean}                    [attributes.syncSelection=false]   Whether the Attachments selection should be persisted from the last state.
 *                                                                        Defaults to false for this state, because the library passed in  *is* the selection.
 * @param {view}                       [attributes.AttachmentView]        The single `Attachment` view to be used in the `Attachments`.
 *                                                                        If none supplied, defaults to wp.media.view.Attachment.EditLibrary.
 */
 		priority:         60,
 		syncSelection:    false
 	},
 	/**
+	 * Initializes the library.
+	 *
+	 * Creates a selection if a library isn't supplied and creates an attachment
+	 * view if no attachment view is supplied.
+	 *
 	 * @since 3.5.0
+	 *
+	 * @return {void}
 	 */
 	initialize: function() {
 		// If we haven't been provided a `library`, create a `Selection`.
 		if ( ! this.get('library') ) {
 			this.set( 'library', new wp.media.model.Selection() );
 		Library.prototype.initialize.apply( this, arguments );
 	},
 	/**
+	 * Activates the library.
+	 *
+	 * Limits the library to images, watches for uploaded attachments. Watches for
+	 * the browse event on the frame and binds it to gallerySettings.
+	 *
 	 * @since 3.5.0
+	 *
+	 * @return {void}
 	 */
 	activate: function() {
 		var library = this.get('library');
 		// Limit the library to images only.
 		Library.prototype.activate.apply( this, arguments );
 	},
 	/**
+	 * Deactivates the library.
+	 *
+	 * Stops watching for uploaded attachments and browse events.
+	 *
 	 * @since 3.5.0
+	 *
+	 * @return {void}
 	 */
 	deactivate: function() {
 		// Stop watching for uploaded attachments.
 		this.get('library').unobserve( wp.Uploader.queue );
 		Library.prototype.deactivate.apply( this, arguments );
 	},
 	/**
+	 * Adds the gallery settings to the sidebar and adds a reverse button to the
+	 * toolbar.
+	 *
 	 * @since 3.5.0
 	 *
-	 * @param browser
+	 * @param {wp.media.view.Frame} browser The file browser.
+	 *
+	 * @return {void}
 	 */
 	gallerySettings: function( browser ) {
 		if ( ! this.get('displaySettings') ) {
 			return;
 		}
 module.exports = GalleryEdit;
 /***/ }),
-/* 34 */
+/* 38 */
 /***/ (function(module, exports) {
 var Selection = wp.media.model.Selection,
 	Library = wp.media.controller.Library,
 	l10n = wp.media.view.l10n,
 /**
 * wp.media.controller.GalleryAdd
 *
 * A state for selecting more images to add to a gallery.
 *
-* @memberOf wp.media.controller
+* @since 3.5.0
 *
 * @class
 * @augments wp.media.controller.Library
 * @augments wp.media.controller.State
 * @augments Backbone.Model
 *
-* @param {object}                     [attributes]                         The attributes hash passed to the state.
+* @memberof wp.media.controller
+*
+* @param {Object}                     [attributes]                         The attributes hash passed to the state.
 * @param {string}                     [attributes.id=gallery-library]      Unique identifier.
 * @param {string}                     [attributes.title=Add to Gallery]    Title for the state. Displays in the frame's title region.
 * @param {boolean}                    [attributes.multiple=add]            Whether multi-select is enabled. @todo 'add' doesn't seem do anything special, and gets used as a boolean.
 * @param {wp.media.model.Attachments} [attributes.library]                 The attachments collection to browse.
 *                                                                          If one is not supplied, a collection of all images will be created.
 * @param {string}                     [attributes.toolbar=gallery-add]     Initial mode for the toolbar region.
 * @param {boolean}                    [attributes.searchable=true]         Whether the library is searchable.
 * @param {boolean}                    [attributes.sortable=true]           Whether the Attachments should be sortable. Depends on the orderby property being set to menuOrder on the attachments collection.
 * @param {boolean}                    [attributes.autoSelect=true]         Whether an uploaded attachment should be automatically added to the selection.
 * @param {boolean}                    [attributes.contentUserSetting=true] Whether the content region's mode should be set and persisted per user.
-* @param {int}                        [attributes.priority=100]            The priority for the state link in the media menu.
+* @param {number}                     [attributes.priority=100]            The priority for the state link in the media menu.
 * @param {boolean}                    [attributes.syncSelection=false]     Whether the Attachments selection should be persisted from the last state.
 *                                                                          Defaults to false because for this state, because the library of the Edit Gallery state is the selection.
 */
 GalleryAdd = Library.extend(/** @lends wp.media.controller.GalleryAdd.prototype */{
 	defaults: _.defaults({
 		priority:      100,
 		syncSelection: false
 	}, Library.prototype.defaults ),
 	/**
+	 * Initializes the library. Creates a library of images if a library isn't supplied.
+	 *
 	 * @since 3.5.0
+	 *
+	 * @returns {void}
 	 */
 	initialize: function() {
-		// If a library wasn't supplied, create a library of images.
 		if ( ! this.get('library') ) {
 			this.set( 'library', wp.media.query({ type: 'image' }) );
 		}
 		Library.prototype.initialize.apply( this, arguments );
 	},
 	/**
+	 * Activates the library.
+	 *
+	 * Removes all event listeners if in edit mode. Creates a validator to check an attachment.
+	 * Resets library and re-enables event listeners. Activates edit mode. Calls the parent's activate method.
+	 *
 	 * @since 3.5.0
+	 *
+	 * @returns {void}
 	 */
 	activate: function() {
 		var library = this.get('library'),
 			edit    = this.frame.state('gallery-edit').get('library');
 		if ( this.editLibrary && this.editLibrary !== edit ) {
 			library.unobserve( this.editLibrary );
 		}
-		// Accepts attachments that exist in the original library and
+		/*
-		// that do not exist in gallery's library.
+		 * Accept attachments that exist in the original library but
+		 * that do not exist in gallery's library yet.
+		 */
 		library.validator = function( attachment ) {
 			return !! this.mirroring.get( attachment.cid ) && ! edit.get( attachment.cid ) && Selection.prototype.validator.apply( this, arguments );
 		};
-		// Reset the library to ensure that all attachments are re-added
+		/*
-		// to the collection. Do so silently, as calling `observe` will
+		 * Reset the library to ensure that all attachments are re-added
-		// trigger the `reset` event.
+		 * to the collection. Do so silently, as calling `observe` will
+		 * trigger the `reset` event.
+		 */
 		library.reset( library.mirroring.models, { silent: true });
 		library.observe( edit );
 		this.editLibrary = edit;
 		Library.prototype.activate.apply( this, arguments );
 module.exports = GalleryAdd;
 /***/ }),
-/* 35 */
+/* 39 */
 /***/ (function(module, exports) {
 var Library = wp.media.controller.Library,
 	l10n = wp.media.view.l10n,
 	$ = jQuery,
 module.exports = CollectionEdit;
 /***/ }),
-/* 36 */
+/* 40 */
 /***/ (function(module, exports) {
 var Selection = wp.media.model.Selection,
 	Library = wp.media.controller.Library,
 	CollectionAdd;
 module.exports = CollectionAdd;
 /***/ }),
-/* 37 */
+/* 41 */
 /***/ (function(module, exports) {
 var Attachment = wp.media.model.Attachment,
 	Library = wp.media.controller.Library,
 	l10n = wp.media.view.l10n,
 module.exports = FeaturedImage;
 /***/ }),
-/* 38 */
+/* 42 */
 /***/ (function(module, exports) {
 var Library = wp.media.controller.Library,
 	l10n = wp.media.view.l10n,
 	ReplaceImage;
 module.exports = ReplaceImage;
 /***/ }),
-/* 39 */
+/* 43 */
 /***/ (function(module, exports) {
 var l10n = wp.media.view.l10n,
 	EditImage;
 		content: 'edit-image',
 		url:     ''
 	},
 	/**
+	 * Activates a frame for editing a featured image.
+	 *
 	 * @since 3.9.0
+	 *
+	 * @returns {void}
 	 */
 	activate: function() {
 		this.frame.on( 'toolbar:render:edit-image', _.bind( this.toolbar, this ) );
 	},
 	/**
+	 * Deactivates a frame for editing a featured image.
+	 *
 	 * @since 3.9.0
+	 *
+	 * @returns {void}
 	 */
 	deactivate: function() {
 		this.frame.off( 'toolbar:render:edit-image' );
 	},
 	/**
+	 * Adds a toolbar with a back button.
+	 *
+	 * When the back button is pressed it checks whether there is a previous state.
+	 * In case there is a previous state it sets that previous state otherwise it
+	 * closes the frame.
+	 *
 	 * @since 3.9.0
+	 *
+	 * @returns {void}
 	 */
 	toolbar: function() {
 		var frame = this.frame,
 			lastState = frame.lastState(),
 			previous = lastState && lastState.id;
 module.exports = EditImage;
 /***/ }),
-/* 40 */
+/* 44 */
 /***/ (function(module, exports) {
 /**
 * wp.media.controller.MediaLibrary
 *
 module.exports = MediaLibrary;
 /***/ }),
-/* 41 */
+/* 45 */
 /***/ (function(module, exports) {
 var l10n = wp.media.view.l10n,
 	$ = Backbone.$,
 	Embed;
 module.exports = Embed;
 /***/ }),
-/* 42 */
+/* 46 */
 /***/ (function(module, exports) {
 var l10n = wp.media.view.l10n,
 	Cropper;
 /**
 * wp.media.controller.Cropper
 *
-* A state for cropping an image.
+* A class for cropping an image when called from the header media customization panel.
 *
 * @memberOf wp.media.controller
 *
 * @class
 * @augments wp.media.controller.State
 		// Default doCrop Ajax arguments to allow the Customizer (for example) to inject state.
 		doCropArgs: {}
 	},
+	/**
+	 * Shows the crop image window when called from the Add new image button.
+	 *
+	 * @since 4.2.0
+	 *
+	 * @returns {void}
+	 */
 	activate: function() {
 		this.frame.on( 'content:create:crop', this.createCropContent, this );
 		this.frame.on( 'close', this.removeCropper, this );
 		this.set('selection', new Backbone.Collection(this.frame._selection.single));
 	},
+	/**
+	 * Changes the state of the toolbar window to browse mode.
+	 *
+	 * @since 4.2.0
+	 *
+	 * @returns {void}
+	 */
 	deactivate: function() {
 		this.frame.toolbar.mode('browse');
 	},
+	/**
+	 * Creates the crop image window.
+	 *
+	 * Initialized when clicking on the Select and Crop button.
+	 *
+	 * @since 4.2.0
+	 *
+	 * @fires crop window
+	 *
+	 * @returns {void}
+	 */
 	createCropContent: function() {
 		this.cropperView = new wp.media.view.Cropper({
 			controller: this,
 			attachment: this.get('selection').first()
 		});
 		this.cropperView.on('image-loaded', this.createCropToolbar, this);
 		this.frame.content.set(this.cropperView);
 	},
+	/**
+	 * Removes the image selection and closes the cropping window.
+	 *
+	 * @since 4.2.0
+	 *
+	 * @returns {void}
+	 */
 	removeCropper: function() {
 		this.imgSelect.cancelSelection();
 		this.imgSelect.setOptions({remove: true});
 		this.imgSelect.update();
 		this.cropperView.remove();
 	},
+	/**
+	 * Checks if cropping can be skipped and creates crop toolbar accordingly.
+	 *
+	 * @since 4.2.0
+	 *
+	 * @returns {void}
+	 */
 	createCropToolbar: function() {
 		var canSkipCrop, toolbarOptions;
 		canSkipCrop = this.get('canSkipCrop') || false;
 		}
 		this.frame.toolbar.set( new wp.media.view.Toolbar(toolbarOptions) );
 	},
+	/**
+	 * Creates an object with the image attachment and crop properties.
+	 *
+	 * @since 4.2.0
+	 *
+	 * @returns {$.promise} A jQuery promise with the custom header crop details.
+	 */
 	doCrop: function( attachment ) {
 		return wp.ajax.post( 'custom-header-crop', _.extend(
 			{},
 			this.defaults.doCropArgs,
 			{
 module.exports = Cropper;
 /***/ }),
-/* 43 */
+/* 47 */
 /***/ (function(module, exports) {
 var Controller = wp.media.controller,
 	CustomizeImageCropper;
 /**
-* wp.media.controller.CustomizeImageCropper
+* A state for cropping an image in the customizer.
 *
+* @since 4.3.0
+*
+* @constructs wp.media.controller.CustomizeImageCropper
 * @memberOf wp.media.controller
-*
+* @augments wp.media.controller.CustomizeImageCropper.Cropper
-* A state for cropping an image.
+* @inheritDoc
-*
-* @class
-* @augments wp.media.controller.Cropper
-* @augments wp.media.controller.State
-* @augments Backbone.Model
 */
 CustomizeImageCropper = Controller.Cropper.extend(/** @lends wp.media.controller.CustomizeImageCropper.prototype */{
+	/**
+	 * Posts the crop details to the admin.
+	 *
+	 * Uses crop measurements when flexible in both directions.
+	 * Constrains flexible side based on image ratio and size of the fixed side.
+	 *
+	 * @since 4.3.0
+	 *
+	 * @param {Object} attachment The attachment to crop.
+	 *
+	 * @returns {$.promise} A jQuery promise that represents the crop image request.
+	 */
 	doCrop: function( attachment ) {
 		var cropDetails = attachment.get( 'cropDetails' ),
 			control = this.get( 'control' ),
 			ratio = cropDetails.width / cropDetails.height;
 module.exports = CustomizeImageCropper;
 /***/ }),
-/* 44 */
+/* 48 */
 /***/ (function(module, exports) {
 var Controller = wp.media.controller,
 	SiteIconCropper;
 module.exports = SiteIconCropper;
 /***/ }),
-/* 45 */
+/* 49 */
 /***/ (function(module, exports) {
 /**
 * wp.media.View
 *
 module.exports = View;
 /***/ }),
-/* 46 */
+/* 50 */
 /***/ (function(module, exports) {
 /**
 * wp.media.view.Frame
 *
 module.exports = Frame;
 /***/ }),
-/* 47 */
+/* 51 */
 /***/ (function(module, exports) {
 var Frame = wp.media.view.Frame,
 	$ = jQuery,
 	MediaFrame;
 module.exports = MediaFrame;
 /***/ }),
-/* 48 */
+/* 52 */
 /***/ (function(module, exports) {
 var MediaFrame = wp.media.view.MediaFrame,
 	l10n = wp.media.view.l10n,
 	Select;
 module.exports = Select;
 /***/ }),
-/* 49 */
+/* 53 */
 /***/ (function(module, exports) {
 var Select = wp.media.view.MediaFrame.Select,
 	Library = wp.media.controller.Library,
 	l10n = wp.media.view.l10n,
 			priority: 80,
 			text:     l10n.insertIntoPost,
 			requires: { selection: true },
 			/**
-			 * @callback
+			 * @ignore
+			 *
 			 * @fires wp.media.controller.State#insert
 			 */
 			click: function() {
 				var state = controller.state(),
 					selection = state.get('selection');
 module.exports = Post;
 /***/ }),
-/* 50 */
+/* 54 */
 /***/ (function(module, exports) {
 var Select = wp.media.view.MediaFrame.Select,
 	l10n = wp.media.view.l10n,
 	ImageDetails;
 module.exports = ImageDetails;
 /***/ }),
-/* 51 */
+/* 55 */
 /***/ (function(module, exports) {
 var $ = jQuery,
 	Modal;
 	clickedOpenerEl: null,
 	initialize: function() {
 		_.defaults( this.options, {
-			container: document.body,
+			container:      document.body,
-			title:     '',
+			title:          '',
-			propagate: true
+			propagate:      true,
+			hasCloseButton: true
 		});
 		this.focusManager = new wp.media.view.FocusManager({
 			el: this.el
 		});
 	/**
 	 * @returns {Object}
 	 */
 	prepare: function() {
 		return {
-			title: this.options.title
+			title:          this.options.title,
+			hasCloseButton: this.options.hasCloseButton
 		};
 	},
 	/**
 	 * @returns {wp.media.view.Modal} Returns itself to allow chaining
 		}
 		// Set initial focus on the content instead of this view element, to avoid page scrolling.
 		this.$( '.media-modal' ).focus();
+		// Hide the page content from assistive technologies.
+		this.focusManager.setAriaHiddenOnBodyChildren( $el );
 		return this.propagate('open');
 	},
 	/**
 	 * @param {Object} options
 		// Enable page scrolling.
 		$( 'body' ).removeClass( 'modal-open' );
 		// Hide modal and remove restricted media modal tab focus once it's closed
 		this.$el.hide().undelegate( 'keydown' );
+		/*
+		 * Make visible again to assistive technologies all body children that
+		 * have been made hidden when the modal opened.
+		 */
+		this.focusManager.removeAriaHiddenFromBodyChildren();
 		// Put focus back in useful location once modal is closed.
 		if ( null !== this.clickedOpenerEl ) {
 			this.clickedOpenerEl.focus();
 		} else {
-			$( '#wpbody-content' ).focus();
+			$( '#wpbody-content' )
+				.attr( 'tabindex', '-1' )
+				.focus();
 		}
 		this.propagate('close');
 		if ( options && options.escape ) {
 module.exports = Modal;
 /***/ }),
-/* 52 */
+/* 56 */
 /***/ (function(module, exports) {
 /**
 * wp.media.view.FocusManager
 *
 	events: {
 		'keydown': 'constrainTabbing'
 	},
-	focus: function() { // Reset focus on first left menu item
+	/**
-		this.$('.media-menu-item').first().focus();
+	 * Moves focus to the first visible menu item in the modal.
-	},
+	 *
-	/**
+	 * @since 3.5.0
-	 * @param {Object} event
+	 *
+	 * @returns {void}
+	 */
+	focus: function() {
+		this.$( '.media-menu-item' ).filter( ':visible' ).first().focus();
+	},
+	/**
+	 * Constrains navigation with the Tab key within the media view element.
+	 *
+	 * @since 4.0.0
+	 *
+	 * @param {Object} event A keydown jQuery event.
+	 *
+	 * @returns {void}
 	 */
 	constrainTabbing: function( event ) {
 		var tabbables;
 		// Look for the tab key.
 			return false;
 		} else if ( tabbables.first()[0] === event.target && event.shiftKey ) {
 			tabbables.last().focus();
 			return false;
 		}
-	}
+	},
+	/**
+	 * Hides from assistive technologies all the body children except the
+	 * provided element and other elements that should not be hidden.
+	 *
+	 * The reason why we use `aria-hidden` is that `aria-modal="true"` is buggy
+	 * in Safari 11.1 and support is spotty in other browsers. In the future we
+	 * should consider to remove this helper function and only use `aria-modal="true"`.
+	 *
+	 * @since 5.2.3
+	 *
+	 * @param {object} visibleElement The jQuery object representing the element that should not be hidden.
+	 *
+	 * @returns {void}
+	 */
+	setAriaHiddenOnBodyChildren: function( visibleElement ) {
+		var bodyChildren,
+			self = this;
+		if ( this.isBodyAriaHidden ) {
+			return;
+		}
+		// Get all the body children.
+		bodyChildren = document.body.children;
+		// Loop through the body children and hide the ones that should be hidden.
+		_.each( bodyChildren, function( element ) {
+			// Don't hide the modal element.
+			if ( element === visibleElement[0] ) {
+				return;
+			}
+			// Determine the body children to hide.
+			if ( self.elementShouldBeHidden( element ) ) {
+				element.setAttribute( 'aria-hidden', 'true' );
+				// Store the hidden elements.
+				self.ariaHiddenElements.push( element );
+			}
+		} );
+		this.isBodyAriaHidden = true;
+	},
+	/**
+	 * Makes visible again to assistive technologies all body children
+	 * previously hidden and stored in this.ariaHiddenElements.
+	 *
+	 * @since 5.2.3
+	 *
+	 * @returns {void}
+	 */
+	removeAriaHiddenFromBodyChildren: function() {
+		_.each( this.ariaHiddenElements, function( element ) {
+			element.removeAttribute( 'aria-hidden' );
+		} );
+		this.ariaHiddenElements = [];
+		this.isBodyAriaHidden   = false;
+	},
+	/**
+	 * Determines if the passed element should not be hidden from assistive technologies.
+	 *
+	 * @since 5.2.3
+	 *
+	 * @param {object} element The DOM element that should be checked.
+	 *
+	 * @returns {boolean} Whether the element should not be hidden from assistive technologies.
+	 */
+	elementShouldBeHidden: function( element ) {
+		var role = element.getAttribute( 'role' ),
+			liveRegionsRoles = [ 'alert', 'status', 'log', 'marquee', 'timer' ];
+		/*
+		 * Don't hide scripts, elements that already have `aria-hidden`, and
+		 * ARIA live regions.
+		 */
+		return ! (
+			element.tagName === 'SCRIPT' ||
+			element.hasAttribute( 'aria-hidden' ) ||
+			element.hasAttribute( 'aria-live' ) ||
+			liveRegionsRoles.indexOf( role ) !== -1
+		);
+	},
+	/**
+	 * Whether the body children are hidden from assistive technologies.
+	 *
+	 * @since 5.2.3
+	 */
+	isBodyAriaHidden: false,
+	/**
+	 * Stores an array of DOM elements that should be hidden from assistive
+	 * technologies, for example when the media modal dialog opens.
+	 *
+	 * @since 5.2.3
+	 */
+	ariaHiddenElements: []
 });
 module.exports = FocusManager;
 /***/ }),
-/* 53 */
+/* 57 */
 /***/ (function(module, exports) {
 var $ = jQuery,
 	UploaderWindow;
 module.exports = UploaderWindow;
 /***/ }),
-/* 54 */
+/* 58 */
 /***/ (function(module, exports) {
 var View = wp.media.View,
 	l10n = wp.media.view.l10n,
 	$ = jQuery,
 module.exports = EditorUploader;
 /***/ }),
-/* 55 */
+/* 59 */
 /***/ (function(module, exports) {
 var View = wp.media.View,
 	UploaderInline;
 module.exports = UploaderInline;
 /***/ }),
-/* 56 */
+/* 60 */
 /***/ (function(module, exports) {
 var View = wp.media.View,
 	UploaderStatus;
 			filename: this.filename( error.get('file').name ),
 			message:  error.get('message')
 		}), { at: 0 });
 	},
-	/**
+	dismiss: function() {
-	 * @param {Object} event
-	 */
-	dismiss: function( event ) {
 		var errors = this.views.get('.upload-errors');
-		event.preventDefault();
 		if ( errors ) {
 			_.invoke( errors, 'remove' );
 		}
 		wp.Uploader.errors.reset();
+		// Keep focus within the modal after the dismiss button gets removed from the DOM.
+		this.controller.modal.focusManager.focus();
 	}
 });
 module.exports = UploaderStatus;
 /***/ }),
-/* 57 */
+/* 61 */
 /***/ (function(module, exports) {
 /**
 * wp.media.view.UploaderStatusError
 *
 module.exports = UploaderStatusError;
 /***/ }),
-/* 58 */
+/* 62 */
 /***/ (function(module, exports) {
 var View = wp.media.View,
 	Toolbar;
 module.exports = Toolbar;
 /***/ }),
-/* 59 */
+/* 63 */
 /***/ (function(module, exports) {
 var Toolbar = wp.media.view.Toolbar,
 	l10n = wp.media.view.l10n,
 	Select;
 module.exports = Select;
 /***/ }),
-/* 60 */
+/* 64 */
 /***/ (function(module, exports) {
 var Select = wp.media.view.Toolbar.Select,
 	l10n = wp.media.view.l10n,
 	Embed;
 module.exports = Embed;
 /***/ }),
-/* 61 */
+/* 65 */
 /***/ (function(module, exports) {
 /**
 * wp.media.view.Button
 *
 module.exports = Button;
 /***/ }),
-/* 62 */
+/* 66 */
 /***/ (function(module, exports) {
 var $ = Backbone.$,
 	ButtonGroup;
 module.exports = ButtonGroup;
 /***/ }),
-/* 63 */
+/* 67 */
 /***/ (function(module, exports) {
 /**
 * wp.media.view.PriorityList
 *
 module.exports = PriorityList;
 /***/ }),
-/* 64 */
+/* 68 */
 /***/ (function(module, exports) {
 var $ = jQuery,
 	MenuItem;
 module.exports = MenuItem;
 /***/ }),
-/* 65 */
+/* 69 */
 /***/ (function(module, exports) {
 var MenuItem = wp.media.view.MenuItem,
 	PriorityList = wp.media.view.PriorityList,
 	Menu;
 module.exports = Menu;
 /***/ }),
-/* 66 */
+/* 70 */
 /***/ (function(module, exports) {
 /**
 * wp.media.view.RouterItem
 *
 module.exports = RouterItem;
 /***/ }),
-/* 67 */
+/* 71 */
 /***/ (function(module, exports) {
 var Menu = wp.media.view.Menu,
 	Router;
 module.exports = Router;
 /***/ }),
-/* 68 */
+/* 72 */
 /***/ (function(module, exports) {
 /**
 * wp.media.view.Sidebar
 *
 module.exports = Sidebar;
 /***/ }),
-/* 69 */
+/* 73 */
 /***/ (function(module, exports) {
 var View = wp.media.View,
 	$ = jQuery,
 	Attachment;
 			// Move focus back to the attachment tile (from the check).
 			this.$el.focus();
 		} else {
 			selection.add( this.model );
 		}
+		// Trigger an action button update.
+		this.controller.trigger( 'selection:toggle' );
 	}
 });
 // Ensure settings remain in sync between attachment views.
 _.each({
 module.exports = Attachment;
 /***/ }),
-/* 70 */
+/* 74 */
 /***/ (function(module, exports) {
 /**
 * wp.media.view.Attachment.Library
 *
 module.exports = Library;
 /***/ }),
-/* 71 */
+/* 75 */
 /***/ (function(module, exports) {
 /**
 * wp.media.view.Attachment.EditLibrary
 *
 module.exports = EditLibrary;
 /***/ }),
-/* 72 */
+/* 76 */
 /***/ (function(module, exports) {
 var View = wp.media.View,
 	$ = jQuery,
 	Attachments;
-/**
-* wp.media.view.Attachments
-*
-* @memberOf wp.media.view
-*
-* @class
-* @augments wp.media.View
-* @augments wp.Backbone.View
-* @augments Backbone.View
-*/
 Attachments = View.extend(/** @lends wp.media.view.Attachments.prototype */{
 	tagName:   'ul',
 	className: 'attachments',
 	attributes: {
 		tabIndex: -1
 	},
+	/**
+	 * Represents the overview of attachments in the Media Library.
+	 *
+	 * The constructor binds events to the collection this view represents when
+	 * adding or removing attachments or resetting the entire collection.
+	 *
+	 * @since 3.5.0
+	 *
+	 * @constructs
+	 * @memberof wp.media.view
+	 *
+	 * @augments wp.media.View
+	 *
+	 * @listens collection:add
+	 * @listens collection:remove
+	 * @listens collection:reset
+	 * @listens controller:library:selection:add
+	 * @listens scrollElement:scroll
+	 * @listens this:ready
+	 * @listens controller:open
+	 */
 	initialize: function() {
 		this.el.id = _.uniqueId('__attachments-view-');
+		/**
+		 * @param refreshSensitivity The time in milliseconds to throttle the scroll
+		 *                           handler.
+		 * @param refreshThreshold   The amount of pixels that should be scrolled before
+		 *                           loading more attachments from the server.
+		 * @param AttachmentView     The view class to be used for models in the
+		 *                           collection.
+		 * @param sortable           A jQuery sortable options object
+		 *                           ( http://api.jqueryui.com/sortable/ ).
+		 * @param resize             A boolean indicating whether or not to listen to
+		 *                           resize events.
+		 * @param idealColumnWidth   The width in pixels which a column should have when
+		 *                           calculating the total number of columns.
+		 */
 		_.defaults( this.options, {
 			refreshSensitivity: wp.media.isTouchDevice ? 300 : 200,
 			refreshThreshold:   3,
 			AttachmentView:     wp.media.view.Attachment,
 			sortable:           false,
 			this.views.add( this.createAttachmentView( attachment ), {
 				at: this.collection.indexOf( attachment )
 			});
 		}, this );
+		/*
+		 * Find the view to be removed, delete it and call the remove function to clear
+		 * any set event handlers.
+		 */
 		this.collection.on( 'remove', function( attachment ) {
 			var view = this._viewsByCid[ attachment.cid ];
 			delete this._viewsByCid[ attachment.cid ];
 			if ( view ) {
 		if ( this.options.resize ) {
 			this.on( 'ready', this.bindEvents );
 			this.controller.on( 'open', this.setColumns );
-			// Call this.setColumns() after this view has been rendered in the DOM so
+			/*
-			// attachments get proper width applied.
+			 * Call this.setColumns() after this view has been rendered in the
+			 * DOM so attachments get proper width applied.
+			 */
 			_.defer( this.setColumns, this );
 		}
 	},
+	/**
+	 * Listens to the resizeEvent on the window.
+	 *
+	 * Adjusts the amount of columns accordingly. First removes any existing event
+	 * handlers to prevent duplicate listeners.
+	 *
+	 * @since 4.0.0
+	 *
+	 * @listens window:resize
+	 *
+	 * @returns {void}
+	 */
 	bindEvents: function() {
 		this.$window.off( this.resizeEvent ).on( this.resizeEvent, _.debounce( this.setColumns, 50 ) );
 	},
+	/**
+	 * Focuses the first item in the collection.
+	 *
+	 * @since 4.0.0
+	 *
+	 * @returns {void}
+	 */
 	attachmentFocus: function() {
 		this.$( 'li:first' ).focus();
 	},
+	/**
+	 * Restores focus to the selected item in the collection.
+	 *
+	 * @since 4.0.0
+	 *
+	 * @returns {void}
+	 */
 	restoreFocus: function() {
 		this.$( 'li.selected:first' ).focus();
 	},
+	/**
+	 * Handles events for arrow key presses.
+	 *
+	 * Focuses the attachment in the direction of the used arrow key if it exists.
+	 *
+	 * @since 4.0.0
+	 *
+	 * @param {KeyboardEvent} event The keyboard event that triggered this function.
+	 *
+	 * @returns {void}
+	 */
 	arrowEvent: function( event ) {
 		var attachments = this.$el.children( 'li' ),
 			perRow = this.columns,
 			index = attachments.filter( ':focus' ).index(),
 			row = ( index + 1 ) <= perRow ? 1 : Math.ceil( ( index + 1 ) / perRow );
 		if ( index === -1 ) {
 			return;
 		}
-		// Left arrow
+		// Left arrow = 37.
 		if ( 37 === event.keyCode ) {
 			if ( 0 === index ) {
 				return;
 			}
 			attachments.eq( index - 1 ).focus();
 		}
-		// Up arrow
+		// Up arrow = 38.
 		if ( 38 === event.keyCode ) {
 			if ( 1 === row ) {
 				return;
 			}
 			attachments.eq( index - perRow ).focus();
 		}
-		// Right arrow
+		// Right arrow = 39.
 		if ( 39 === event.keyCode ) {
 			if ( attachments.length === index ) {
 				return;
 			}
 			attachments.eq( index + 1 ).focus();
 		}
-		// Down arrow
+		// Down arrow = 40.
 		if ( 40 === event.keyCode ) {
 			if ( Math.ceil( attachments.length / perRow ) === row ) {
 				return;
 			}
 			attachments.eq( index + perRow ).focus();
 		}
 	},
+	/**
+	 * Clears any set event handlers.
+	 *
+	 * @since 3.5.0
+	 *
+	 * @returns {void}
+	 */
 	dispose: function() {
 		this.collection.props.off( null, null, this );
 		if ( this.options.resize ) {
 			this.$window.off( this.resizeEvent );
 		}
-		/**
+		// Call 'dispose' directly on the parent class.
-		 * call 'dispose' directly on the parent class
-		 */
 		View.prototype.dispose.apply( this, arguments );
 	},
+	/**
+	 * Calculates the amount of columns.
+	 *
+	 * Calculates the amount of columns and sets it on the data-columns attribute
+	 * of .media-frame-content.
+	 *
+	 * @since 4.0.0
+	 *
+	 * @returns {void}
+	 */
 	setColumns: function() {
 		var prev = this.columns,
 			width = this.$el.width();
 		if ( width ) {
 				this.$el.closest( '.media-frame-content' ).attr( 'data-columns', this.columns );
 			}
 		}
 	},
+	/**
+	 * Initializes jQuery sortable on the attachment list.
+	 *
+	 * Fails gracefully if jQuery sortable doesn't exist or isn't passed in the
+	 * options.
+	 *
+	 * @since 3.5.0
+	 *
+	 * @fires collection:reset
+	 *
+	 * @returns {void}
+	 */
 	initSortable: function() {
 		var collection = this.collection;
 		if ( ! this.options.sortable || ! $.fn.sortable ) {
 			return;
 		this.$el.sortable( _.extend({
 			// If the `collection` has a `comparator`, disable sorting.
 			disabled: !! collection.comparator,
-			// Change the position of the attachment as soon as the
+			/*
-			// mouse pointer overlaps a thumbnail.
+			 * Change the position of the attachment as soon as the mouse pointer overlaps a
+			 * thumbnail.
+			 */
 			tolerance: 'pointer',
 			// Record the initial `index` of the dragged model.
 			start: function( event, ui ) {
 				ui.item.data('sortableIndexStart', ui.item.index());
 			},
-			// Update the model's index in the collection.
+			/*
-			// Do so silently, as the view is already accurate.
+			 * Update the model's index in the collection. Do so silently, as the view
+			 * is already accurate.
+			 */
 			update: function( event, ui ) {
 				var model = collection.at( ui.item.data('sortableIndexStart') ),
 					comparator = collection.comparator;
 				// Temporarily disable the comparator to prevent `add`
 				collection.comparator = comparator;
 				// Fire the `reset` event to ensure other collections sync.
 				collection.trigger( 'reset', collection );
-				// If the collection is sorted by menu order,
+				// If the collection is sorted by menu order, update the menu order.
-				// update the menu order.
 				collection.saveMenuOrder();
 			}
 		}, this.options.sortable ) );
-		// If the `orderby` property is changed on the `collection`,
+		/*
-		// check to see if we have a `comparator`. If so, disable sorting.
+		 * If the `orderby` property is changed on the `collection`, check to see if we
+		 * have a `comparator`. If so, disable sorting.
+		 */
 		collection.props.on( 'change:orderby', function() {
 			this.$el.sortable( 'option', 'disabled', !! collection.comparator );
 		}, this );
 		this.collection.props.on( 'change:orderby', this.refreshSortable, this );
 		this.refreshSortable();
 	},
+	/**
+	 * Disables jQuery sortable if collection has a comparator or collection.orderby
+	 * equals menuOrder.
+	 *
+	 * @since 3.5.0
+	 *
+	 * @returns {void}
+	 */
 	refreshSortable: function() {
 		if ( ! this.options.sortable || ! $.fn.sortable ) {
 			return;
 		}
-		// If the `collection` has a `comparator`, disable sorting.
 		var collection = this.collection,
 			orderby = collection.props.get('orderby'),
 			enabled = 'menuOrder' === orderby || ! collection.comparator;
 		this.$el.sortable( 'option', 'disabled', ! enabled );
 	},
 	/**
+	 * Creates a new view for an attachment and adds it to _viewsByCid.
+	 *
+	 * @since 3.5.0
+	 *
 	 * @param {wp.media.model.Attachment} attachment
-	 * @returns {wp.media.View}
+	 *
+	 * @returns {wp.media.View} The created view.
 	 */
 	createAttachmentView: function( attachment ) {
 		var view = new this.options.AttachmentView({
 			controller:           this.controller,
 			model:                attachment,
 		});
 		return this._viewsByCid[ attachment.cid ] = view;
 	},
+	/**
+	 * Prepares view for display.
+	 *
+	 * Creates views for every attachment in collection if the collection is not
+	 * empty, otherwise clears all views and loads more attachments.
+	 *
+	 * @since 3.5.0
+	 *
+	 * @returns {void}
+	 */
 	prepare: function() {
-		// Create all of the Attachment views, and replace
-		// the list in a single DOM operation.
 		if ( this.collection.length ) {
 			this.views.set( this.collection.map( this.createAttachmentView, this ) );
-		// If there are no elements, clear the views and load some.
 		} else {
 			this.views.unset();
 			this.collection.more().done( this.scroll );
 		}
 	},
+	/**
+	 * Triggers the scroll function to check if we should query for additional
+	 * attachments right away.
+	 *
+	 * @since 3.5.0
+	 *
+	 * @returns {void}
+	 */
 	ready: function() {
-		// Trigger the scroll event to check if we're within the
-		// threshold to query for additional attachments.
 		this.scroll();
 	},
+	/**
+	 * Handles scroll events.
+	 *
+	 * Shows the spinner if we're close to the bottom. Loads more attachments from
+	 * server if we're {refreshThreshold} times away from the bottom.
+	 *
+	 * @since 3.5.0
+	 *
+	 * @returns {void}
+	 */
 	scroll: function() {
 		var view = this,
 			el = this.options.scrollElement,
 			scrollTop = el.scrollTop,
 			toolbar;
-		// The scroll event occurs on the document, but the element
+		/*
-		// that should be checked is the document body.
+		 * The scroll event occurs on the document, but the element that should be
+		 * checked is the document body.
+		 */
 		if ( el === document ) {
 			el = document.body;
 			scrollTop = $(document).scrollTop();
 		}
 module.exports = Attachments;
 /***/ }),
-/* 73 */
+/* 77 */
 /***/ (function(module, exports) {
 var l10n = wp.media.view.l10n,
 	Search;
 module.exports = Search;
 /***/ }),
-/* 74 */
+/* 78 */
 /***/ (function(module, exports) {
 var $ = jQuery,
 	AttachmentFilters;
 module.exports = AttachmentFilters;
 /***/ }),
-/* 75 */
+/* 79 */
 /***/ (function(module, exports) {
 var l10n = wp.media.view.l10n,
 	DateFilter;
 module.exports = DateFilter;
 /***/ }),
-/* 76 */
+/* 80 */
 /***/ (function(module, exports) {
 var l10n = wp.media.view.l10n,
 	Uploaded;
 module.exports = Uploaded;
 /***/ }),
-/* 77 */
+/* 81 */
 /***/ (function(module, exports) {
 var l10n = wp.media.view.l10n,
 	All;
 module.exports = All;
 /***/ }),
-/* 78 */
+/* 82 */
 /***/ (function(module, exports) {
 var View = wp.media.View,
 	mediaTrash = wp.media.view.settings.mediaTrash,
 	l10n = wp.media.view.l10n,
 		 * and also for other things, for example the "Drag and drop to reorder" and
 		 * "Suggested dimensions" info in the media modal.
 		 */
 		this.createToolbar();
+		// Add a heading before the attachments list.
+		this.createAttachmentsHeading();
 		// Create the list of attachments.
 		this.createAttachments();
 		// For accessibility reasons, place the normal sidebar after the attachments, see ticket #36909.
 		if ( this.options.sidebar && 'errors' !== this.options.sidebar ) {
 			this.toolbar.set( 'deleteSelectedButton', new wp.media.view.DeleteSelectedButton({
 				filters: Filters,
 				style: 'primary',
 				disabled: true,
-				text: mediaTrash ? l10n.trashSelected : l10n.deleteSelected,
+				text: mediaTrash ? l10n.trashSelected : l10n.deletePermanently,
 				controller: this.controller,
-				priority: -60,
+				priority: -80,
 				click: function() {
 					var changed = [], removed = [],
 						selection = this.controller.state().get( 'selection' ),
 						library = this.controller.state().get( 'library' );
 			}).render() );
 			if ( mediaTrash ) {
 				this.toolbar.set( 'deleteSelectedPermanentlyButton', new wp.media.view.DeleteSelectedPermanentlyButton({
 					filters: Filters,
-					style: 'primary',
+					style: 'link button-link-delete',
 					disabled: true,
-					text: l10n.deleteSelected,
+					text: l10n.deletePermanently,
 					controller: this.controller,
 					priority: -55,
 					click: function() {
 						var removed = [],
 							destroy = [],
 			this.views.add( this.attachmentsNoResults );
 		}
 	},
+	createAttachmentsHeading: function() {
+		this.attachmentsHeading = new wp.media.view.Heading( {
+			text: l10n.attachmentsList,
+			level: 'h2',
+			className: 'media-views-heading screen-reader-text'
+		} );
+		this.views.add( this.attachmentsHeading );
+	},
 	createSidebar: function() {
 		var options = this.options,
 			selection = options.selection,
 			sidebar = this.sidebar = new wp.media.view.Sidebar({
 				controller: this.controller
 module.exports = AttachmentsBrowser;
 /***/ }),
-/* 79 */
+/* 83 */
 /***/ (function(module, exports) {
 var l10n = wp.media.view.l10n,
 	Selection;
 module.exports = Selection;
 /***/ }),
-/* 80 */
+/* 84 */
 /***/ (function(module, exports) {
 /**
 * wp.media.view.Attachment.Selection
 *
 module.exports = Selection;
 /***/ }),
-/* 81 */
+/* 85 */
 /***/ (function(module, exports) {
 var Attachments = wp.media.view.Attachments,
 	Selection;
 module.exports = Selection;
 /***/ }),
-/* 82 */
+/* 86 */
 /***/ (function(module, exports) {
 /**
 * wp.media.view.Attachment.EditSelection
 *
 module.exports = EditSelection;
 /***/ }),
-/* 83 */
+/* 87 */
 /***/ (function(module, exports) {
 var View = wp.media.View,
 	$ = Backbone.$,
 	Settings;
 module.exports = Settings;
 /***/ }),
-/* 84 */
+/* 88 */
 /***/ (function(module, exports) {
 var Settings = wp.media.view.Settings,
 	AttachmentDisplay;
 module.exports = AttachmentDisplay;
 /***/ }),
-/* 85 */
+/* 89 */
 /***/ (function(module, exports) {
 /**
 * wp.media.view.Settings.Gallery
 *
 module.exports = Gallery;
 /***/ }),
-/* 86 */
+/* 90 */
 /***/ (function(module, exports) {
 /**
 * wp.media.view.Settings.Playlist
 *
 module.exports = Playlist;
 /***/ }),
-/* 87 */
+/* 91 */
 /***/ (function(module, exports) {
 var Attachment = wp.media.view.Attachment,
 	l10n = wp.media.view.l10n,
 	Details;
 Details = Attachment.extend(/** @lends wp.media.view.Attachment.Details.prototype */{
 	tagName:   'div',
 	className: 'attachment-details',
 	template:  wp.template('attachment-details'),
-	attributes: function() {
+	/*
-		return {
+	 * Reset all the attributes inherited from Attachment including role=checkbox,
-			'tabIndex':     0,
+	 * tabindex, etc., as they are inappropriate for this view. See #47458 and [30483] / #30390.
-			'data-id':      this.model.get( 'id' )
+	 */
-		};
+	attributes: {},
-	},
 	events: {
 		'change [data-setting]':          'updateSetting',
 		'change [data-setting] input':    'updateSetting',
 		'change [data-setting] select':   'updateSetting',
 	initialize: function() {
 		this.options = _.defaults( this.options, {
 			rerenderOnModelChange: false
 		});
-		this.on( 'ready', this.initialFocus );
 		// Call 'initialize' directly on the parent class.
 		Attachment.prototype.initialize.apply( this, arguments );
 	},
-	initialFocus: function() {
-		if ( ! wp.media.isTouchDevice ) {
-			/*
-			Previously focused the first ':input' (the readonly URL text field).
-			Since the first ':input' is now a button (delete/trash): when pressing
-			spacebar on an attachment, Firefox fires deleteAttachment/trashAttachment
-			as soon as focus is moved. Explicitly target the first text field for now.
-			@todo change initial focus logic, also for accessibility.
-			*/
-			this.$( 'input[type="text"]' ).eq( 0 ).focus();
-		}
-	},
 	/**
 	 * @param {Object} event
 	 */
 	deleteAttachment: function( event ) {
 		event.preventDefault();
 module.exports = Details;
 /***/ }),
-/* 88 */
+/* 92 */
 /***/ (function(module, exports) {
 var View = wp.media.View,
 	AttachmentCompat;
 module.exports = AttachmentCompat;
 /***/ }),
-/* 89 */
+/* 93 */
 /***/ (function(module, exports) {
 /**
 * wp.media.view.Iframe
 *
 module.exports = Iframe;
 /***/ }),
-/* 90 */
+/* 94 */
 /***/ (function(module, exports) {
 /**
 * wp.media.view.Embed
 *
 module.exports = Embed;
 /***/ }),
-/* 91 */
+/* 95 */
 /***/ (function(module, exports) {
 /**
 * wp.media.view.Label
 *
 module.exports = Label;
 /***/ }),
-/* 92 */
+/* 96 */
 /***/ (function(module, exports) {
 var View = wp.media.View,
 	$ = jQuery,
 	EmbedUrl;
 module.exports = EmbedUrl;
 /***/ }),
-/* 93 */
+/* 97 */
 /***/ (function(module, exports) {
 var $ = jQuery,
 	EmbedLink;
 module.exports = EmbedLink;
 /***/ }),
-/* 94 */
+/* 98 */
 /***/ (function(module, exports) {
 var AttachmentDisplay = wp.media.view.Settings.AttachmentDisplay,
 	EmbedImage;
 module.exports = EmbedImage;
 /***/ }),
-/* 95 */
+/* 99 */
 /***/ (function(module, exports) {
 var AttachmentDisplay = wp.media.view.Settings.AttachmentDisplay,
 	$ = jQuery,
 	ImageDetails;
 module.exports = ImageDetails;
 /***/ }),
-/* 96 */
+/* 100 */
 /***/ (function(module, exports) {
 var View = wp.media.View,
 	UploaderStatus = wp.media.view.UploaderStatus,
 	l10n = wp.media.view.l10n,
 module.exports = Cropper;
 /***/ }),
-/* 97 */
+/* 101 */
 /***/ (function(module, exports) {
 var View = wp.media.view,
 	SiteIconCropper;
 module.exports = SiteIconCropper;
 /***/ }),
-/* 98 */
+/* 102 */
 /***/ (function(module, exports) {
 var View = wp.media.View,
 	$ = jQuery,
 	SiteIconPreview;
 module.exports = SiteIconPreview;
 /***/ }),
-/* 99 */
+/* 103 */
 /***/ (function(module, exports) {
 var View = wp.media.View,
 	EditImage;
 module.exports = EditImage;
 /***/ }),
-/* 100 */
+/* 104 */
 /***/ (function(module, exports) {
 /**
 * wp.media.view.Spinner
+*
+* Represents a spinner in the Media Library.
+*
+* @since 3.9.0
 *
 * @memberOf wp.media.view
 *
 * @class
 * @augments wp.media.View
 	tagName:   'span',
 	className: 'spinner',
 	spinnerTimeout: false,
 	delay: 400,
+	/**
+	 * Shows the spinner. Delays the visibility by the configured amount.
+	 *
+	 * @since 3.9.0
+	 *
+	 * @return {wp.media.view.Spinner} The spinner.
+	 */
 	show: function() {
 		if ( ! this.spinnerTimeout ) {
 			this.spinnerTimeout = _.delay(function( $el ) {
 				$el.addClass( 'is-active' );
 			}, this.delay, this.$el );
 		}
 		return this;
 	},
+	/**
+	 * Hides the spinner.
+	 *
+	 * @since 3.9.0
+	 *
+	 * @return {wp.media.view.Spinner} The spinner.
+	 */
 	hide: function() {
 		this.$el.removeClass( 'is-active' );
 		this.spinnerTimeout = clearTimeout( this.spinnerTimeout );
 		return this;
 });
 module.exports = Spinner;
+/***/ }),
+/* 105 */
+/***/ (function(module, exports) {
+/**
+* wp.media.view.Heading
+*
+* A reusable heading component for the media library
+*
+* Used to add accessibility friendly headers in the media library/modal.
+*
+* @class
+* @augments wp.media.View
+* @augments wp.Backbone.View
+* @augments Backbone.View
+*/
+var Heading = wp.media.View.extend( {
+	tagName: function() {
+		return this.options.level || 'h1';
+	},
+	className: 'media-views-heading',
+	initialize: function() {
+		if ( this.options.className ) {
+			this.$el.addClass( this.options.className );
+		}
+		this.text = this.options.text;
+	},
+	render: function() {
+		this.$el.html( this.text );
+		return this;
+	}
+} );
+module.exports = Heading;
 /***/ })
 /******/ ]));

enmi-conf.org