X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/41578db67d72562346e4dbb2a14889b23d522813..4feeb71a9d812a9ae371c28a3d8b442a4394ded7:/wp-includes/js/media-views.js

diff --git a/wp-includes/js/media-views.js b/wp-includes/js/media-views.js
index 635fe438..60f9b936 100644
--- a/wp-includes/js/media-views.js
+++ b/wp-includes/js/media-views.js
@@ -1,6507 +1,8529 @@
-/* global _wpMediaViewsL10n, confirm, getUserSetting, setUserSetting */
-(function($, _){
-	var media = wp.media, l10n;
-
-	// Link any localized strings.
-	l10n = media.view.l10n = typeof _wpMediaViewsL10n === 'undefined' ? {} : _wpMediaViewsL10n;
-
-	// Link any settings.
-	media.view.settings = l10n.settings || {};
-	delete l10n.settings;
-
-	// Copy the `post` setting over to the model settings.
-	media.model.settings.post = media.view.settings.post;
-
-	// Check if the browser supports CSS 3.0 transitions
-	$.support.transition = (function(){
-		var style = document.documentElement.style,
-			transitions = {
-				WebkitTransition: 'webkitTransitionEnd',
-				MozTransition:    'transitionend',
-				OTransition:      'oTransitionEnd otransitionend',
-				transition:       'transitionend'
-			}, transition;
-
-		transition = _.find( _.keys( transitions ), function( transition ) {
-			return ! _.isUndefined( style[ transition ] );
-		});
-
-		return transition && {
-			end: transitions[ transition ]
-		};
-	}());
-
-	/**
-	 * A shared event bus used to provide events into
-	 * the media workflows that 3rd-party devs can use to hook
-	 * in.
-	 */
-	media.events = _.extend( {}, Backbone.Events );
+(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
+/**
+ * wp.media.controller.CollectionAdd
+ *
+ * A state for adding attachments to a collection (e.g. video playlist).
+ *
+ * @class
+ * @augments wp.media.controller.Library
+ * @augments wp.media.controller.State
+ * @augments Backbone.Model
+ *
+ * @param {object}                     [attributes]                         The attributes hash passed to the state.
+ * @param {string}                     [attributes.id=library]      Unique identifier.
+ * @param {string}                     attributes.title                    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 attachments of the specified type will be created.
+ * @param {boolean|string}             [attributes.filterable=uploaded]     Whether the library is filterable, and if so what filters should be shown.
+ *                                                                          Accepts 'all', 'uploaded', or 'unattached'.
+ * @param {string}                     [attributes.menu=gallery]            Initial mode for the menu region.
+ * @param {string}                     [attributes.content=upload]          Initial mode for the content region.
+ *                                                                          Overridden by persistent user setting if 'contentUserSetting' is true.
+ * @param {string}                     [attributes.router=browse]           Initial mode for the router region.
+ * @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 {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.
+ * @param {string}                     attributes.type                   The collection's media type. (e.g. 'video').
+ * @param {string}                     attributes.collectionType         The collection type. (e.g. 'playlist').
+ */
+var Selection = wp.media.model.Selection,
+	Library = wp.media.controller.Library,
+	CollectionAdd;
+
+CollectionAdd = Library.extend({
+	defaults: _.defaults( {
+		// Selection defaults. @see media.model.Selection
+		multiple:      'add',
+		// Attachments browser defaults. @see media.view.AttachmentsBrowser
+		filterable:    'uploaded',
+
+		priority:      100,
+		syncSelection: false
+	}, Library.prototype.defaults ),
 
 	/**
-	 * Makes it easier to bind events using transitions.
-	 *
-	 * @param {string} selector
-	 * @param {Number} sensitivity
-	 * @returns {Promise}
+	 * @since 3.9.0
 	 */
-	media.transition = function( selector, sensitivity ) {
-		var deferred = $.Deferred();
+	initialize: function() {
+		var collectionType = this.get('collectionType');
 
-		sensitivity = sensitivity || 2000;
+		if ( 'video' === this.get( 'type' ) ) {
+			collectionType = 'video-' + collectionType;
+		}
 
-		if ( $.support.transition ) {
-			if ( ! (selector instanceof $) ) {
-				selector = $( selector );
-			}
+		this.set( 'id', collectionType + '-library' );
+		this.set( 'toolbar', collectionType + '-add' );
+		this.set( 'menu', collectionType );
 
-			// Resolve the deferred when the first element finishes animating.
-			selector.first().one( $.support.transition.end, deferred.resolve );
+		// If we haven't been provided a `library`, create a `Selection`.
+		if ( ! this.get('library') ) {
+			this.set( 'library', wp.media.query({ type: this.get('type') }) );
+		}
+		Library.prototype.initialize.apply( this, arguments );
+	},
 
-			// Just in case the event doesn't trigger, fire a callback.
-			_.delay( deferred.resolve, sensitivity );
+	/**
+	 * @since 3.9.0
+	 */
+	activate: function() {
+		var library = this.get('library'),
+			editLibrary = this.get('editLibrary'),
+			edit = this.frame.state( this.get('collectionType') + '-edit' ).get('library');
 
-		// Otherwise, execute on the spot.
-		} else {
-			deferred.resolve();
+		if ( editLibrary && editLibrary !== edit ) {
+			library.unobserve( editLibrary );
 		}
 
-		return deferred.promise();
-	};
+		// Accepts attachments that exist in the original library and
+		// that do not exist in gallery's library.
+		library.validator = function( attachment ) {
+			return !! this.mirroring.get( attachment.cid ) && ! edit.get( attachment.cid ) && Selection.prototype.validator.apply( this, arguments );
+		};
 
-	/**
-	 * ========================================================================
-	 * CONTROLLERS
-	 * ========================================================================
-	 */
+		// Reset the library to ensure that all attachments are re-added
+		// 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.set('editLibrary', edit);
+
+		Library.prototype.activate.apply( this, arguments );
+	}
+});
+
+module.exports = CollectionAdd;
+
+},{}],2:[function(require,module,exports){
+/**
+ * wp.media.controller.CollectionEdit
+ *
+ * A state for editing a collection, which is used by audio and video playlists,
+ * and can be used for other collections.
+ *
+ * @class
+ * @augments wp.media.controller.Library
+ * @augments wp.media.controller.State
+ * @augments Backbone.Model
+ *
+ * @param {object}                     [attributes]                      The attributes hash passed to the state.
+ * @param {string}                     attributes.title                  Title for the state. Displays in the media menu and the frame's title region.
+ * @param {wp.media.model.Attachments} [attributes.library]              The attachments collection to edit.
+ *                                                                       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}                     [attributes.content=browse]       Initial mode for the content region.
+ * @param {string}                     attributes.menu                   Initial mode for the menu region. @todo this needs a better explanation.
+ * @param {boolean}                    [attributes.searchable=false]     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.date=true]            Whether to show the date filter in the browser's toolbar.
+ * @param {boolean}                    [attributes.describe=true]        Whether to offer UI to describe the attachments - e.g. captioning images in a gallery.
+ * @param {boolean}                    [attributes.dragInfo=true]        Whether to show instructional text about the attachments being sortable.
+ * @param {boolean}                    [attributes.dragInfoText]         Instructional text about the attachments being sortable.
+ * @param {int}                        [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 {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.SettingsView]         The view to edit the collection instance settings (e.g. Playlist settings with "Show tracklist" checkbox).
+ * @param {view}                       [attributes.AttachmentView]       The single `Attachment` view to be used in the `Attachments`.
+ *                                                                       If none supplied, defaults to wp.media.view.Attachment.EditLibrary.
+ * @param {string}                     attributes.type                   The collection's media type. (e.g. 'video').
+ * @param {string}                     attributes.collectionType         The collection type. (e.g. 'playlist').
+ */
+var Library = wp.media.controller.Library,
+	l10n = wp.media.view.l10n,
+	$ = jQuery,
+	CollectionEdit;
+
+CollectionEdit = Library.extend({
+	defaults: {
+		multiple:         false,
+		sortable:         true,
+		date:             false,
+		searchable:       false,
+		content:          'browse',
+		describe:         true,
+		dragInfo:         true,
+		idealColumnWidth: 170,
+		editing:          false,
+		priority:         60,
+		SettingsView:     false,
+		syncSelection:    false
+	},
 
 	/**
-	 * wp.media.controller.Region
-	 *
-	 * @constructor
-	 * @augments Backbone.Model
-	 *
-	 * @param {Object} [options={}]
+	 * @since 3.9.0
 	 */
-	media.controller.Region = function( options ) {
-		_.extend( this, _.pick( options || {}, 'id', 'view', 'selector' ) );
-	};
+	initialize: function() {
+		var collectionType = this.get('collectionType');
 
-	// Use Backbone's self-propagating `extend` inheritance method.
-	media.controller.Region.extend = Backbone.Model.extend;
-
-	_.extend( media.controller.Region.prototype, {
-		/**
-		 * Switch modes
-		 *
-		 * @param {string} mode
-		 *
-		 * @fires wp.media.controller.Region#{id}:activate:{mode}
-		 * @fires wp.media.controller.Region#{id}:deactivate:{mode}
-		 *
-		 * @returns {wp.media.controller.Region} Returns itself to allow chaining
-		 */
-		mode: function( mode ) {
-			if ( ! mode ) {
-				return this._mode;
-			}
-			// Bail if we're trying to change to the current mode.
-			if ( mode === this._mode ) {
-				return this;
-			}
+		if ( 'video' === this.get( 'type' ) ) {
+			collectionType = 'video-' + collectionType;
+		}
 
-			this.trigger('deactivate');
-			this._mode = mode;
-			this.render( mode );
-			this.trigger('activate');
-			return this;
-		},
-		/**
-		 * Render a new mode, the view is set in the `create` callback method
-		 *   of the extending class
-		 *
-		 * If no mode is provided, just re-render the current mode.
-		 * If the provided mode isn't active, perform a full switch.
-		 *
-		 * @param {string} mode
-		 *
-		 * @fires wp.media.controller.Region#{id}:create:{mode}
-		 * @fires wp.media.controller.Region#{id}:render:{mode}
-		 *
-		 * @returns {wp.media.controller.Region} Returns itself to allow chaining
-		 */
-		render: function( mode ) {
-			if ( mode && mode !== this._mode ) {
-				return this.mode( mode );
-			}
+		this.set( 'id', collectionType + '-edit' );
+		this.set( 'toolbar', collectionType + '-edit' );
 
-			var set = { view: null },
-				view;
+		// If we haven't been provided a `library`, create a `Selection`.
+		if ( ! this.get('library') ) {
+			this.set( 'library', new wp.media.model.Selection() );
+		}
+		// The single `Attachment` view to be used in the `Attachments` view.
+		if ( ! this.get('AttachmentView') ) {
+			this.set( 'AttachmentView', wp.media.view.Attachment.EditLibrary );
+		}
+		Library.prototype.initialize.apply( this, arguments );
+	},
 
-			this.trigger( 'create', set );
-			view = set.view;
-			this.trigger( 'render', view );
-			if ( view ) {
-				this.set( view );
-			}
-			return this;
-		},
+	/**
+	 * @since 3.9.0
+	 */
+	activate: function() {
+		var library = this.get('library');
 
-		/**
-		 * @returns {wp.media.View} Returns the selector's first subview
-		 */
-		get: function() {
-			return this.view.views.first( this.selector );
-		},
+		// Limit the library to images only.
+		library.props.set( 'type', this.get( 'type' ) );
 
-		/**
-		 * @param {Array|Object} views
-		 * @param {Object} [options={}]
-		 * @returns {wp.Backbone.Subviews} Subviews is returned to allow chaining
-		 */
-		set: function( views, options ) {
-			if ( options ) {
-				options.add = false;
-			}
-			return this.view.views.set( this.selector, views, options );
-		},
+		// Watch for uploaded attachments.
+		this.get('library').observe( wp.Uploader.queue );
 
-		/**
-		 * Helper function to trigger view events based on {id}:{event}:{mode}
-		 *
-		 * @param {string} event
-		 * @returns {undefined|wp.media.controller.Region} Returns itself to allow chaining
-		 */
-		trigger: function( event ) {
-			var base, args;
+		this.frame.on( 'content:render:browse', this.renderSettings, this );
 
-			if ( ! this._mode ) {
-				return;
-			}
+		Library.prototype.activate.apply( this, arguments );
+	},
 
-			args = _.toArray( arguments );
-			base = this.id + ':' + event;
+	/**
+	 * @since 3.9.0
+	 */
+	deactivate: function() {
+		// Stop watching for uploaded attachments.
+		this.get('library').unobserve( wp.Uploader.queue );
 
-			// Trigger `region:action:mode` event.
-			args[0] = base + ':' + this._mode;
-			this.view.trigger.apply( this.view, args );
+		this.frame.off( 'content:render:browse', this.renderSettings, this );
 
-			// Trigger `region:action` event.
-			args[0] = base;
-			this.view.trigger.apply( this.view, args );
-			return this;
-		}
-	});
+		Library.prototype.deactivate.apply( this, arguments );
+	},
 
 	/**
-	 * wp.media.controller.StateMachine
+	 * Render the collection embed settings view in the browser sidebar.
+	 *
+	 * @todo This is against the pattern elsewhere in media. Typically the frame
+	 *       is responsible for adding region mode callbacks. Explain.
 	 *
-	 * @constructor
-	 * @augments Backbone.Model
-	 * @mixin
-	 * @mixes Backbone.Events
+	 * @since 3.9.0
 	 *
-	 * @param {Array} states
+	 * @param {wp.media.view.attachmentsBrowser} The attachments browser view.
 	 */
-	media.controller.StateMachine = function( states ) {
-		this.states = new Backbone.Collection( states );
-	};
+	renderSettings: function( attachmentsBrowserView ) {
+		var library = this.get('library'),
+			collectionType = this.get('collectionType'),
+			dragInfoText = this.get('dragInfoText'),
+			SettingsView = this.get('SettingsView'),
+			obj = {};
+
+		if ( ! library || ! attachmentsBrowserView ) {
+			return;
+		}
 
-	// Use Backbone's self-propagating `extend` inheritance method.
-	media.controller.StateMachine.extend = Backbone.Model.extend;
+		library[ collectionType ] = library[ collectionType ] || new Backbone.Model();
 
-	// Add events to the `StateMachine`.
-	_.extend( media.controller.StateMachine.prototype, Backbone.Events, {
-		/**
-		 * Fetch a state.
-		 *
-		 * If no `id` is provided, returns the active state.
-		 *
-		 * Implicitly creates states.
-		 *
-		 * Ensure that the `states` collection exists so the `StateMachine`
-		 *   can be used as a mixin.
-		 *
-		 * @param {string} id
-		 * @returns {wp.media.controller.State} Returns a State model
-		 *   from the StateMachine collection
-		 */
-		state: function( id ) {
-			this.states = this.states || new Backbone.Collection();
+		obj[ collectionType ] = new SettingsView({
+			controller: this,
+			model:      library[ collectionType ],
+			priority:   40
+		});
 
-			// Default to the active state.
-			id = id || this._state;
+		attachmentsBrowserView.sidebar.set( obj );
 
-			if ( id && ! this.states.get( id ) ) {
-				this.states.add({ id: id });
-			}
-			return this.states.get( id );
-		},
+		if ( dragInfoText ) {
+			attachmentsBrowserView.toolbar.set( 'dragInfo', new wp.media.View({
+				el: $( '<div class="instructions">' + dragInfoText + '</div>' )[0],
+				priority: -40
+			}) );
+		}
 
-		/**
-		 * Sets the active state.
-		 *
-		 * Bail if we're trying to select the current state, if we haven't
-		 * created the `states` collection, or are trying to select a state
-		 * that does not exist.
-		 *
-		 * @param {string} id
-		 *
-		 * @fires wp.media.controller.State#deactivate
-		 * @fires wp.media.controller.State#activate
-		 *
-		 * @returns {wp.media.controller.StateMachine} Returns itself to allow chaining
-		 */
-		setState: function( id ) {
-			var previous = this.state();
+		// Add the 'Reverse order' button to the toolbar.
+		attachmentsBrowserView.toolbar.set( 'reverse', {
+			text:     l10n.reverseOrder,
+			priority: 80,
 
-			if ( ( previous && id === previous.id ) || ! this.states || ! this.states.get( id ) ) {
-				return this;
+			click: function() {
+				library.reset( library.toArray().reverse() );
 			}
+		});
+	}
+});
+
+module.exports = CollectionEdit;
+
+},{}],3:[function(require,module,exports){
+/**
+ * wp.media.controller.Cropper
+ *
+ * A state for cropping an image.
+ *
+ * @class
+ * @augments wp.media.controller.State
+ * @augments Backbone.Model
+ */
+var l10n = wp.media.view.l10n,
+	Cropper;
+
+Cropper = wp.media.controller.State.extend({
+	defaults: {
+		id:          'cropper',
+		title:       l10n.cropImage,
+		// Region mode defaults.
+		toolbar:     'crop',
+		content:     'crop',
+		router:      false,
+		canSkipCrop: false,
+
+		// Default doCrop Ajax arguments to allow the Customizer (for example) to inject state.
+		doCropArgs: {}
+	},
+
+	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));
+	},
+
+	deactivate: function() {
+		this.frame.toolbar.mode('browse');
+	},
+
+	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);
+
+	},
+	removeCropper: function() {
+		this.imgSelect.cancelSelection();
+		this.imgSelect.setOptions({remove: true});
+		this.imgSelect.update();
+		this.cropperView.remove();
+	},
+	createCropToolbar: function() {
+		var canSkipCrop, toolbarOptions;
+
+		canSkipCrop = this.get('canSkipCrop') || false;
+
+		toolbarOptions = {
+			controller: this.frame,
+			items: {
+				insert: {
+					style:    'primary',
+					text:     l10n.cropImage,
+					priority: 80,
+					requires: { library: false, selection: false },
 
-			if ( previous ) {
-				previous.trigger('deactivate');
-				this._lastState = previous.id;
-			}
+					click: function() {
+						var controller = this.controller,
+							selection;
 
-			this._state = id;
-			this.state().trigger('activate');
+						selection = controller.state().get('selection').first();
+						selection.set({cropDetails: controller.state().imgSelect.getSelection()});
 
-			return this;
-		},
+						this.$el.text(l10n.cropping);
+						this.$el.attr('disabled', true);
 
-		/**
-		 * Returns the previous active state.
-		 *
-		 * Call the `state()` method with no parameters to retrieve the current
-		 * active state.
-		 *
-		 * @returns {wp.media.controller.State} Returns a State model
-		 *    from the StateMachine collection
-		 */
-		lastState: function() {
-			if ( this._lastState ) {
-				return this.state( this._lastState );
+						controller.state().doCrop( selection ).done( function( croppedImage ) {
+							controller.trigger('cropped', croppedImage );
+							controller.close();
+						}).fail( function() {
+							controller.trigger('content:error:crop');
+						});
+					}
+				}
 			}
+		};
+
+		if ( canSkipCrop ) {
+			_.extend( toolbarOptions.items, {
+				skip: {
+					style:      'secondary',
+					text:       l10n.skipCropping,
+					priority:   70,
+					requires:   { library: false, selection: false },
+					click:      function() {
+						var selection = this.controller.state().get('selection').first();
+						this.controller.state().cropperView.remove();
+						this.controller.trigger('skippedcrop', selection);
+						this.controller.close();
+					}
+				}
+			});
 		}
-	});
 
-	// Map methods from the `states` collection to the `StateMachine` itself.
-	_.each([ 'on', 'off', 'trigger' ], function( method ) {
-		/**
-		 * @returns {wp.media.controller.StateMachine} Returns itself to allow chaining
-		 */
-		media.controller.StateMachine.prototype[ method ] = function() {
-			// Ensure that the `states` collection exists so the `StateMachine`
-			// can be used as a mixin.
-			this.states = this.states || new Backbone.Collection();
-			// Forward the method to the `states` collection.
-			this.states[ method ].apply( this.states, arguments );
-			return this;
-		};
-	});
+		this.frame.toolbar.set( new wp.media.view.Toolbar(toolbarOptions) );
+	},
+
+	doCrop: function( attachment ) {
+		return wp.ajax.post( 'custom-header-crop', _.extend(
+			{},
+			this.defaults.doCropArgs,
+			{
+				nonce: attachment.get( 'nonces' ).edit,
+				id: attachment.get( 'id' ),
+				cropDetails: attachment.get( 'cropDetails' )
+			}
+		) );
+	}
+});
+
+module.exports = Cropper;
+
+},{}],4:[function(require,module,exports){
+/**
+ * wp.media.controller.CustomizeImageCropper
+ *
+ * A state for cropping an image.
+ *
+ * @class
+ * @augments wp.media.controller.Cropper
+ * @augments wp.media.controller.State
+ * @augments Backbone.Model
+ */
+var Controller = wp.media.controller,
+	CustomizeImageCropper;
+
+CustomizeImageCropper = Controller.Cropper.extend({
+	doCrop: function( attachment ) {
+		var cropDetails = attachment.get( 'cropDetails' ),
+			control = this.get( 'control' ),
+			ratio = cropDetails.width / cropDetails.height;
+
+		// Use crop measurements when flexible in both directions.
+		if ( control.params.flex_width && control.params.flex_height ) {
+			cropDetails.dst_width  = cropDetails.width;
+			cropDetails.dst_height = cropDetails.height;
+
+		// Constrain flexible side based on image ratio and size of the fixed side.
+		} else {
+			cropDetails.dst_width  = control.params.flex_width  ? control.params.height * ratio : control.params.width;
+			cropDetails.dst_height = control.params.flex_height ? control.params.width  / ratio : control.params.height;
+		}
+
+		return wp.ajax.post( 'crop-image', {
+			wp_customize: 'on',
+			nonce: attachment.get( 'nonces' ).edit,
+			id: attachment.get( 'id' ),
+			context: control.id,
+			cropDetails: cropDetails
+		} );
+	}
+});
+
+module.exports = CustomizeImageCropper;
+
+},{}],5:[function(require,module,exports){
+/**
+ * wp.media.controller.EditImage
+ *
+ * A state for editing (cropping, etc.) an image.
+ *
+ * @class
+ * @augments wp.media.controller.State
+ * @augments Backbone.Model
+ *
+ * @param {object}                    attributes                      The attributes hash passed to the state.
+ * @param {wp.media.model.Attachment} attributes.model                The attachment.
+ * @param {string}                    [attributes.id=edit-image]      Unique identifier.
+ * @param {string}                    [attributes.title=Edit Image]   Title for the state. Displays in the media menu and the frame's title region.
+ * @param {string}                    [attributes.content=edit-image] Initial mode for the content region.
+ * @param {string}                    [attributes.toolbar=edit-image] Initial mode for the toolbar region.
+ * @param {string}                    [attributes.menu=false]         Initial mode for the menu region.
+ * @param {string}                    [attributes.url]                Unused. @todo Consider removal.
+ */
+var l10n = wp.media.view.l10n,
+	EditImage;
+
+EditImage = wp.media.controller.State.extend({
+	defaults: {
+		id:      'edit-image',
+		title:   l10n.editImage,
+		menu:    false,
+		toolbar: 'edit-image',
+		content: 'edit-image',
+		url:     ''
+	},
 
 	/**
-	 * wp.media.controller.State
-	 *
-	 * A state is a step in a workflow that when set will trigger
-	 * the controllers for the regions to be updated as specified. This
-	 * class is the base class that the various states used in the media
-	 * modals extend.
-	 *
-	 * @constructor
-	 * @augments Backbone.Model
-	 */
-	media.controller.State = Backbone.Model.extend({
-		constructor: function() {
-			this.on( 'activate', this._preActivate, this );
-			this.on( 'activate', this.activate, this );
-			this.on( 'activate', this._postActivate, this );
-			this.on( 'deactivate', this._deactivate, this );
-			this.on( 'deactivate', this.deactivate, this );
-			this.on( 'reset', this.reset, this );
-			this.on( 'ready', this._ready, this );
-			this.on( 'ready', this.ready, this );
-			/**
-			 * Call parent constructor with passed arguments
-			 */
-			Backbone.Model.apply( this, arguments );
-			this.on( 'change:menu', this._updateMenu, this );
-		},
+	 * @since 3.9.0
+	 */
+	activate: function() {
+		this.frame.on( 'toolbar:render:edit-image', _.bind( this.toolbar, this ) );
+	},
 
-		/**
-		 * @abstract
-		 */
-		ready: function() {},
-		/**
-		 * @abstract
-		 */
-		activate: function() {},
-		/**
-		 * @abstract
-		 */
-		deactivate: function() {},
-		/**
-		 * @abstract
-		 */
-		reset: function() {},
-		/**
-		 * @access private
-		 */
-		_ready: function() {
-			this._updateMenu();
-		},
-		/**
-		 * @access private
-		 */
-		_preActivate: function() {
-			this.active = true;
-		},
-		/**
-		 * @access private
-		 */
-		_postActivate: function() {
-			this.on( 'change:menu', this._menu, this );
-			this.on( 'change:titleMode', this._title, this );
-			this.on( 'change:content', this._content, this );
-			this.on( 'change:toolbar', this._toolbar, this );
-
-			this.frame.on( 'title:render:default', this._renderTitle, this );
-
-			this._title();
-			this._menu();
-			this._toolbar();
-			this._content();
-			this._router();
-		},
-		/**
-		 * @access private
-		 */
-		_deactivate: function() {
-			this.active = false;
+	/**
+	 * @since 3.9.0
+	 */
+	deactivate: function() {
+		this.frame.off( 'toolbar:render:edit-image' );
+	},
 
-			this.frame.off( 'title:render:default', this._renderTitle, this );
+	/**
+	 * @since 3.9.0
+	 */
+	toolbar: function() {
+		var frame = this.frame,
+			lastState = frame.lastState(),
+			previous = lastState && lastState.id;
+
+		frame.toolbar.set( new wp.media.view.Toolbar({
+			controller: frame,
+			items: {
+				back: {
+					style: 'primary',
+					text:     l10n.back,
+					priority: 20,
+					click:    function() {
+						if ( previous ) {
+							frame.setState( previous );
+						} else {
+							frame.close();
+						}
+					}
+				}
+			}
+		}) );
+	}
+});
+
+module.exports = EditImage;
+
+},{}],6:[function(require,module,exports){
+/**
+ * wp.media.controller.Embed
+ *
+ * A state for embedding media from a URL.
+ *
+ * @class
+ * @augments wp.media.controller.State
+ * @augments Backbone.Model
+ *
+ * @param {object} attributes                         The attributes hash passed to the state.
+ * @param {string} [attributes.id=embed]              Unique identifier.
+ * @param {string} [attributes.title=Insert From URL] Title for the state. Displays in the media menu and the frame's title region.
+ * @param {string} [attributes.content=embed]         Initial mode for the content region.
+ * @param {string} [attributes.menu=default]          Initial mode for the menu region.
+ * @param {string} [attributes.toolbar=main-embed]    Initial mode for the toolbar region.
+ * @param {string} [attributes.menu=false]            Initial mode for the menu region.
+ * @param {int}    [attributes.priority=120]          The priority for the state link in the media menu.
+ * @param {string} [attributes.type=link]             The type of embed. Currently only link is supported.
+ * @param {string} [attributes.url]                   The embed URL.
+ * @param {object} [attributes.metadata={}]           Properties of the embed, which will override attributes.url if set.
+ */
+var l10n = wp.media.view.l10n,
+	$ = Backbone.$,
+	Embed;
+
+Embed = wp.media.controller.State.extend({
+	defaults: {
+		id:       'embed',
+		title:    l10n.insertFromUrlTitle,
+		content:  'embed',
+		menu:     'default',
+		toolbar:  'main-embed',
+		priority: 120,
+		type:     'link',
+		url:      '',
+		metadata: {}
+	},
+
+	// The amount of time used when debouncing the scan.
+	sensitivity: 400,
+
+	initialize: function(options) {
+		this.metadata = options.metadata;
+		this.debouncedScan = _.debounce( _.bind( this.scan, this ), this.sensitivity );
+		this.props = new Backbone.Model( this.metadata || { url: '' });
+		this.props.on( 'change:url', this.debouncedScan, this );
+		this.props.on( 'change:url', this.refresh, this );
+		this.on( 'scan', this.scanImage, this );
+	},
 
-			this.off( 'change:menu', this._menu, this );
-			this.off( 'change:titleMode', this._title, this );
-			this.off( 'change:content', this._content, this );
-			this.off( 'change:toolbar', this._toolbar, this );
-		},
-		/**
-		 * @access private
-		 */
-		_title: function() {
-			this.frame.title.render( this.get('titleMode') || 'default' );
-		},
-		/**
-		 * @access private
-		 */
-		_renderTitle: function( view ) {
-			view.$el.text( this.get('title') || '' );
-		},
-		/**
-		 * @access private
-		 */
-		_router: function() {
-			var router = this.frame.router,
-				mode = this.get('router'),
-				view;
+	/**
+	 * Trigger a scan of the embedded URL's content for metadata required to embed.
+	 *
+	 * @fires wp.media.controller.Embed#scan
+	 */
+	scan: function() {
+		var scanners,
+			embed = this,
+			attributes = {
+				type: 'link',
+				scanners: []
+			};
 
-			this.frame.$el.toggleClass( 'hide-router', ! mode );
-			if ( ! mode ) {
-				return;
-			}
+		// Scan is triggered with the list of `attributes` to set on the
+		// state, useful for the 'type' attribute and 'scanners' attribute,
+		// an array of promise objects for asynchronous scan operations.
+		if ( this.props.get('url') ) {
+			this.trigger( 'scan', attributes );
+		}
 
-			this.frame.router.render( mode );
+		if ( attributes.scanners.length ) {
+			scanners = attributes.scanners = $.when.apply( $, attributes.scanners );
+			scanners.always( function() {
+				if ( embed.get('scanners') === scanners ) {
+					embed.set( 'loading', false );
+				}
+			});
+		} else {
+			attributes.scanners = null;
+		}
 
-			view = router.get();
-			if ( view && view.select ) {
-				view.select( this.frame.content.mode() );
-			}
-		},
-		/**
-		 * @access private
-		 */
-		_menu: function() {
-			var menu = this.frame.menu,
-				mode = this.get('menu'),
-				view;
+		attributes.loading = !! attributes.scanners;
+		this.set( attributes );
+	},
+	/**
+	 * Try scanning the embed as an image to discover its dimensions.
+	 *
+	 * @param {Object} attributes
+	 */
+	scanImage: function( attributes ) {
+		var frame = this.frame,
+			state = this,
+			url = this.props.get('url'),
+			image = new Image(),
+			deferred = $.Deferred();
+
+		attributes.scanners.push( deferred.promise() );
+
+		// Try to load the image and find its width/height.
+		image.onload = function() {
+			deferred.resolve();
 
-			if ( ! mode ) {
+			if ( state !== frame.state() || url !== state.props.get('url') ) {
 				return;
 			}
 
-			menu.mode( mode );
+			state.set({
+				type: 'image'
+			});
 
-			view = menu.get();
-			if ( view && view.select ) {
-				view.select( this.id );
-			}
-		},
-		/**
-		 * @access private
-		 */
-		_updateMenu: function() {
-			var previous = this.previous('menu'),
-				menu = this.get('menu');
+			state.props.set({
+				width:  image.width,
+				height: image.height
+			});
+		};
 
-			if ( previous ) {
-				this.frame.off( 'menu:render:' + previous, this._renderMenu, this );
-			}
+		image.onerror = deferred.reject;
+		image.src = url;
+	},
 
-			if ( menu ) {
-				this.frame.on( 'menu:render:' + menu, this._renderMenu, this );
-			}
-		},
-		/**
-		 * @access private
-		 */
-		_renderMenu: function( view ) {
-			var menuItem = this.get('menuItem'),
-				title = this.get('title'),
-				priority = this.get('priority');
+	refresh: function() {
+		this.frame.toolbar.get().refresh();
+	},
 
-			if ( ! menuItem && title ) {
-				menuItem = { text: title };
+	reset: function() {
+		this.props.clear().set({ url: '' });
 
-				if ( priority ) {
-					menuItem.priority = priority;
-				}
-			}
+		if ( this.active ) {
+			this.refresh();
+		}
+	}
+});
+
+module.exports = Embed;
+
+},{}],7:[function(require,module,exports){
+/**
+ * wp.media.controller.FeaturedImage
+ *
+ * A state for selecting a featured image for a post.
+ *
+ * @class
+ * @augments wp.media.controller.Library
+ * @augments wp.media.controller.State
+ * @augments Backbone.Model
+ *
+ * @param {object}                     [attributes]                          The attributes hash passed to the state.
+ * @param {string}                     [attributes.id=featured-image]        Unique identifier.
+ * @param {string}                     [attributes.title=Set Featured Image] Title for the state. Displays in the media menu and the frame's title region.
+ * @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 {boolean}                    [attributes.multiple=false]           Whether multi-select is enabled.
+ * @param {string}                     [attributes.content=upload]           Initial mode for the content region.
+ *                                                                           Overridden by persistent user setting if 'contentUserSetting' is true.
+ * @param {string}                     [attributes.menu=default]             Initial mode for the menu region.
+ * @param {string}                     [attributes.router=browse]            Initial mode for the router region.
+ * @param {string}                     [attributes.toolbar=featured-image]   Initial mode for the toolbar region.
+ * @param {int}                        [attributes.priority=60]              The priority for the state link in the media menu.
+ * @param {boolean}                    [attributes.searchable=true]          Whether the library is searchable.
+ * @param {boolean|string}             [attributes.filterable=false]         Whether the library is filterable, and if so what filters should be shown.
+ *                                                                           Accepts 'all', 'uploaded', or 'unattached'.
+ * @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.describe=false]           Whether to offer UI to describe attachments - e.g. captioning images in a gallery.
+ * @param {boolean}                    [attributes.contentUserSetting=true]  Whether the content region's mode should be set and persisted per user.
+ * @param {boolean}                    [attributes.syncSelection=true]       Whether the Attachments selection should be persisted from the last state.
+ */
+var Attachment = wp.media.model.Attachment,
+	Library = wp.media.controller.Library,
+	l10n = wp.media.view.l10n,
+	FeaturedImage;
+
+FeaturedImage = Library.extend({
+	defaults: _.defaults({
+		id:            'featured-image',
+		title:         l10n.setFeaturedImageTitle,
+		multiple:      false,
+		filterable:    'uploaded',
+		toolbar:       'featured-image',
+		priority:      60,
+		syncSelection: true
+	}, Library.prototype.defaults ),
 
-			if ( ! menuItem ) {
-				return;
-			}
+	/**
+	 * @since 3.5.0
+	 */
+	initialize: function() {
+		var library, comparator;
 
-			view.set( this.id, menuItem );
+		// If we haven't been provided a `library`, create a `Selection`.
+		if ( ! this.get('library') ) {
+			this.set( 'library', wp.media.query({ type: 'image' }) );
 		}
-	});
 
-	_.each(['toolbar','content'], function( region ) {
-		/**
-		 * @access private
-		 */
-		media.controller.State.prototype[ '_' + region ] = function() {
-			var mode = this.get( region );
-			if ( mode ) {
-				this.frame[ region ].render( mode );
-			}
-		};
-	});
+		Library.prototype.initialize.apply( this, arguments );
 
-	media.selectionSync = {
-		syncSelection: function() {
-			var selection = this.get('selection'),
-				manager = this.frame._selection;
+		library    = this.get('library');
+		comparator = library.comparator;
 
-			if ( ! this.get('syncSelection') || ! manager || ! selection ) {
-				return;
-			}
+		// Overload the library's comparator to push items that are not in
+		// the mirrored query to the front of the aggregate collection.
+		library.comparator = function( a, b ) {
+			var aInQuery = !! this.mirroring.get( a.cid ),
+				bInQuery = !! this.mirroring.get( b.cid );
 
-			// If the selection supports multiple items, validate the stored
-			// attachments based on the new selection's conditions. Record
-			// the attachments that are not included; we'll maintain a
-			// reference to those. Other attachments are considered in flux.
-			if ( selection.multiple ) {
-				selection.reset( [], { silent: true });
-				selection.validateAll( manager.attachments );
-				manager.difference = _.difference( manager.attachments.models, selection.models );
+			if ( ! aInQuery && bInQuery ) {
+				return -1;
+			} else if ( aInQuery && ! bInQuery ) {
+				return 1;
+			} else {
+				return comparator.apply( this, arguments );
 			}
+		};
 
-			// Sync the selection's single item with the master.
-			selection.single( manager.single );
-		},
+		// Add all items in the selection to the library, so any featured
+		// images that are not initially loaded still appear.
+		library.observe( this.get('selection') );
+	},
 
-		/**
-		 * Record the currently active attachments, which is a combination
-		 * of the selection's attachments and the set of selected
-		 * attachments that this specific selection considered invalid.
-		 * Reset the difference and record the single attachment.
-		 */
-		recordSelection: function() {
-			var selection = this.get('selection'),
-				manager = this.frame._selection;
+	/**
+	 * @since 3.5.0
+	 */
+	activate: function() {
+		this.updateSelection();
+		this.frame.on( 'open', this.updateSelection, this );
 
-			if ( ! this.get('syncSelection') || ! manager || ! selection ) {
-				return;
-			}
+		Library.prototype.activate.apply( this, arguments );
+	},
 
-			if ( selection.multiple ) {
-				manager.attachments.reset( selection.toArray().concat( manager.difference ) );
-				manager.difference = [];
-			} else {
-				manager.attachments.add( selection.toArray() );
-			}
+	/**
+	 * @since 3.5.0
+	 */
+	deactivate: function() {
+		this.frame.off( 'open', this.updateSelection, this );
 
-			manager.single = selection._single;
+		Library.prototype.deactivate.apply( this, arguments );
+	},
+
+	/**
+	 * @since 3.5.0
+	 */
+	updateSelection: function() {
+		var selection = this.get('selection'),
+			id = wp.media.view.settings.post.featuredImageId,
+			attachment;
+
+		if ( '' !== id && -1 !== id ) {
+			attachment = Attachment.get( id );
+			attachment.fetch();
 		}
-	};
+
+		selection.reset( attachment ? [ attachment ] : [] );
+	}
+});
+
+module.exports = FeaturedImage;
+
+},{}],8:[function(require,module,exports){
+/**
+ * wp.media.controller.GalleryAdd
+ *
+ * A state for selecting more images to add to a gallery.
+ *
+ * @class
+ * @augments wp.media.controller.Library
+ * @augments wp.media.controller.State
+ * @augments Backbone.Model
+ *
+ * @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 {boolean|string}             [attributes.filterable=uploaded]     Whether the library is filterable, and if so what filters should be shown.
+ *                                                                          Accepts 'all', 'uploaded', or 'unattached'.
+ * @param {string}                     [attributes.menu=gallery]            Initial mode for the menu region.
+ * @param {string}                     [attributes.content=upload]          Initial mode for the content region.
+ *                                                                          Overridden by persistent user setting if 'contentUserSetting' is true.
+ * @param {string}                     [attributes.router=browse]           Initial mode for the router region.
+ * @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 {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.
+ */
+var Selection = wp.media.model.Selection,
+	Library = wp.media.controller.Library,
+	l10n = wp.media.view.l10n,
+	GalleryAdd;
+
+GalleryAdd = Library.extend({
+	defaults: _.defaults({
+		id:            'gallery-library',
+		title:         l10n.addToGalleryTitle,
+		multiple:      'add',
+		filterable:    'uploaded',
+		menu:          'gallery',
+		toolbar:       'gallery-add',
+		priority:      100,
+		syncSelection: false
+	}, Library.prototype.defaults ),
 
 	/**
-	 * wp.media.controller.Library
-	 *
-	 * @constructor
-	 * @augments wp.media.controller.State
-	 * @augments Backbone.Model
-	 */
-	media.controller.Library = media.controller.State.extend({
-		defaults: {
-			id:         'library',
-			multiple:   false, // false, 'add', 'reset'
-			describe:   false,
-			toolbar:    'select',
-			sidebar:    'settings',
-			content:    'upload',
-			router:     'browse',
-			menu:       'default',
-			searchable: true,
-			filterable: false,
-			sortable:   true,
-			title:      l10n.mediaLibraryTitle,
+	 * @since 3.5.0
+	 */
+	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' }) );
+		}
 
-			// Uses a user setting to override the content mode.
-			contentUserSetting: true,
+		Library.prototype.initialize.apply( this, arguments );
+	},
 
-			// Sync the selection from the last state when 'multiple' matches.
-			syncSelection: true
-		},
+	/**
+	 * @since 3.5.0
+	 */
+	activate: function() {
+		var library = this.get('library'),
+			edit    = this.frame.state('gallery-edit').get('library');
 
-		/**
-		 * If a library isn't provided, query all media items.
-		 * If a selection instance isn't provided, create one.
-		 */
-		initialize: function() {
-			var selection = this.get('selection'),
-				props;
+		if ( this.editLibrary && this.editLibrary !== edit ) {
+			library.unobserve( this.editLibrary );
+		}
 
-			if ( ! this.get('library') ) {
-				this.set( 'library', media.query() );
-			}
+		// Accepts attachments that exist in the original library and
+		// that do not exist in gallery's library.
+		library.validator = function( attachment ) {
+			return !! this.mirroring.get( attachment.cid ) && ! edit.get( attachment.cid ) && Selection.prototype.validator.apply( this, arguments );
+		};
 
-			if ( ! (selection instanceof media.model.Selection) ) {
-				props = selection;
+		// Reset the library to ensure that all attachments are re-added
+		// 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;
+
+},{}],9:[function(require,module,exports){
+/**
+ * wp.media.controller.GalleryEdit
+ *
+ * A state for editing a gallery's images and settings.
+ *
+ * @class
+ * @augments wp.media.controller.Library
+ * @augments wp.media.controller.State
+ * @augments Backbone.Model
+ *
+ * @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 {boolean}                    [attributes.searchable=false]      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.date=true]             Whether to show the date filter in the browser's toolbar.
+ * @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 {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 {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.
+ */
+var Library = wp.media.controller.Library,
+	l10n = wp.media.view.l10n,
+	GalleryEdit;
+
+GalleryEdit = Library.extend({
+	defaults: {
+		id:               'gallery-edit',
+		title:            l10n.editGalleryTitle,
+		multiple:         false,
+		searchable:       false,
+		sortable:         true,
+		date:             false,
+		display:          false,
+		content:          'browse',
+		toolbar:          'gallery-edit',
+		describe:         true,
+		displaySettings:  true,
+		dragInfo:         true,
+		idealColumnWidth: 170,
+		editing:          false,
+		priority:         60,
+		syncSelection:    false
+	},
 
-				if ( ! props ) {
-					props = this.get('library').props.toJSON();
-					props = _.omit( props, 'orderby', 'query' );
-				}
+	/**
+	 * @since 3.5.0
+	 */
+	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() );
+		}
 
-				// If the `selection` attribute is set to an object,
-				// it will use those values as the selection instance's
-				// `props` model. Otherwise, it will copy the library's
-				// `props` model.
-				this.set( 'selection', new media.model.Selection( null, {
-					multiple: this.get('multiple'),
-					props: props
-				}) );
-			}
+		// The single `Attachment` view to be used in the `Attachments` view.
+		if ( ! this.get('AttachmentView') ) {
+			this.set( 'AttachmentView', wp.media.view.Attachment.EditLibrary );
+		}
 
-			if ( ! this.get('edge') ) {
-				this.set( 'edge', 120 );
-			}
+		Library.prototype.initialize.apply( this, arguments );
+	},
 
-			if ( ! this.get('gutter') ) {
-				this.set( 'gutter', 8 );
-			}
+	/**
+	 * @since 3.5.0
+	 */
+	activate: function() {
+		var library = this.get('library');
 
-			this.resetDisplays();
-		},
+		// Limit the library to images only.
+		library.props.set( 'type', 'image' );
 
-		activate: function() {
-			this.syncSelection();
+		// Watch for uploaded attachments.
+		this.get('library').observe( wp.Uploader.queue );
 
-			wp.Uploader.queue.on( 'add', this.uploading, this );
+		this.frame.on( 'content:render:browse', this.gallerySettings, this );
 
-			this.get('selection').on( 'add remove reset', this.refreshContent, this );
+		Library.prototype.activate.apply( this, arguments );
+	},
 
-			if ( this.get('contentUserSetting') ) {
-				this.frame.on( 'content:activate', this.saveContentMode, this );
-				this.set( 'content', getUserSetting( 'libraryContent', this.get('content') ) );
-			}
-		},
+	/**
+	 * @since 3.5.0
+	 */
+	deactivate: function() {
+		// Stop watching for uploaded attachments.
+		this.get('library').unobserve( wp.Uploader.queue );
 
-		deactivate: function() {
-			this.recordSelection();
+		this.frame.off( 'content:render:browse', this.gallerySettings, this );
 
-			this.frame.off( 'content:activate', this.saveContentMode, this );
+		Library.prototype.deactivate.apply( this, arguments );
+	},
 
-			// Unbind all event handlers that use this state as the context
-			// from the selection.
-			this.get('selection').off( null, null, this );
+	/**
+	 * @since 3.5.0
+	 *
+	 * @param browser
+	 */
+	gallerySettings: function( browser ) {
+		if ( ! this.get('displaySettings') ) {
+			return;
+		}
 
-			wp.Uploader.queue.off( null, null, this );
-		},
+		var library = this.get('library');
 
-		reset: function() {
-			this.get('selection').reset();
-			this.resetDisplays();
-			this.refreshContent();
-		},
+		if ( ! library || ! browser ) {
+			return;
+		}
 
-		resetDisplays: function() {
-			var defaultProps = media.view.settings.defaultProps;
-			this._displays = [];
-			this._defaultDisplaySettings = {
-				align: defaultProps.align || getUserSetting( 'align', 'none' ),
-				size:  defaultProps.size  || getUserSetting( 'imgsize', 'medium' ),
-				link:  defaultProps.link  || getUserSetting( 'urlbutton', 'file' )
-			};
-		},
+		library.gallery = library.gallery || new Backbone.Model();
 
-		/**
-		 * @param {wp.media.model.Attachment} attachment
-		 * @returns {Backbone.Model}
-		 */
-		display: function( attachment ) {
-			var displays = this._displays;
+		browser.sidebar.set({
+			gallery: new wp.media.view.Settings.Gallery({
+				controller: this,
+				model:      library.gallery,
+				priority:   40
+			})
+		});
 
-			if ( ! displays[ attachment.cid ] ) {
-				displays[ attachment.cid ] = new Backbone.Model( this.defaultDisplaySettings( attachment ) );
-			}
-			return displays[ attachment.cid ];
-		},
+		browser.toolbar.set( 'reverse', {
+			text:     l10n.reverseOrder,
+			priority: 80,
 
-		/**
-		 * @param {wp.media.model.Attachment} attachment
-		 * @returns {Object}
-		 */
-		defaultDisplaySettings: function( attachment ) {
-			var settings = this._defaultDisplaySettings;
-			if ( settings.canEmbed = this.canEmbed( attachment ) ) {
-				settings.link = 'embed';
+			click: function() {
+				library.reset( library.toArray().reverse() );
 			}
-			return settings;
-		},
+		});
+	}
+});
+
+module.exports = GalleryEdit;
+
+},{}],10:[function(require,module,exports){
+/**
+ * wp.media.controller.ImageDetails
+ *
+ * A state for editing the attachment display settings of an image that's been
+ * inserted into the editor.
+ *
+ * @class
+ * @augments wp.media.controller.State
+ * @augments Backbone.Model
+ *
+ * @param {object}                    [attributes]                       The attributes hash passed to the state.
+ * @param {string}                    [attributes.id=image-details]      Unique identifier.
+ * @param {string}                    [attributes.title=Image Details]   Title for the state. Displays in the frame's title region.
+ * @param {wp.media.model.Attachment} attributes.image                   The image's model.
+ * @param {string|false}              [attributes.content=image-details] Initial mode for the content region.
+ * @param {string|false}              [attributes.menu=false]            Initial mode for the menu region.
+ * @param {string|false}              [attributes.router=false]          Initial mode for the router region.
+ * @param {string|false}              [attributes.toolbar=image-details] Initial mode for the toolbar region.
+ * @param {boolean}                   [attributes.editing=false]         Unused.
+ * @param {int}                       [attributes.priority=60]           Unused.
+ *
+ * @todo This state inherits some defaults from media.controller.Library.prototype.defaults,
+ *       however this may not do anything.
+ */
+var State = wp.media.controller.State,
+	Library = wp.media.controller.Library,
+	l10n = wp.media.view.l10n,
+	ImageDetails;
+
+ImageDetails = State.extend({
+	defaults: _.defaults({
+		id:       'image-details',
+		title:    l10n.imageDetailsTitle,
+		content:  'image-details',
+		menu:     false,
+		router:   false,
+		toolbar:  'image-details',
+		editing:  false,
+		priority: 60
+	}, Library.prototype.defaults ),
 
-		/**
-		 * @param {wp.media.model.Attachment} attachment
-		 * @returns {Boolean}
-		 */
-		canEmbed: function( attachment ) {
-			// If uploading, we know the filename but not the mime type.
-			if ( ! attachment.get('uploading') ) {
-				var type = attachment.get('type');
-				if ( type !== 'audio' && type !== 'video' ) {
-					return false;
-				}
-			}
-
-			return _.contains( media.view.settings.embedExts, attachment.get('filename').split('.').pop() );
-		},
+	/**
+	 * @since 3.9.0
+	 *
+	 * @param options Attributes
+	 */
+	initialize: function( options ) {
+		this.image = options.image;
+		State.prototype.initialize.apply( this, arguments );
+	},
 
+	/**
+	 * @since 3.9.0
+	 */
+	activate: function() {
+		this.frame.modal.$el.addClass('image-details');
+	}
+});
+
+module.exports = ImageDetails;
+
+},{}],11:[function(require,module,exports){
+/**
+ * wp.media.controller.Library
+ *
+ * A state for choosing an attachment or group of attachments from the media library.
+ *
+ * @class
+ * @augments wp.media.controller.State
+ * @augments Backbone.Model
+ * @mixes media.selectionSync
+ *
+ * @param {object}                          [attributes]                         The attributes hash passed to the state.
+ * @param {string}                          [attributes.id=library]              Unique identifier.
+ * @param {string}                          [attributes.title=Media library]     Title for the state. Displays in the media menu and the frame's title region.
+ * @param {wp.media.model.Attachments}      [attributes.library]                 The attachments collection to browse.
+ *                                                                               If one is not supplied, a collection of all attachments will be created.
+ * @param {wp.media.model.Selection|object} [attributes.selection]               A collection to contain attachment selections within the state.
+ *                                                                               If the 'selection' attribute is a plain JS object,
+ *                                                                               a Selection will be created using its values as the selection instance's `props` model.
+ *                                                                               Otherwise, it will copy the library's `props` model.
+ * @param {boolean}                         [attributes.multiple=false]          Whether multi-select is enabled.
+ * @param {string}                          [attributes.content=upload]          Initial mode for the content region.
+ *                                                                               Overridden by persistent user setting if 'contentUserSetting' is true.
+ * @param {string}                          [attributes.menu=default]            Initial mode for the menu region.
+ * @param {string}                          [attributes.router=browse]           Initial mode for the router region.
+ * @param {string}                          [attributes.toolbar=select]          Initial mode for the toolbar region.
+ * @param {boolean}                         [attributes.searchable=true]         Whether the library is searchable.
+ * @param {boolean|string}                  [attributes.filterable=false]        Whether the library is filterable, and if so what filters should be shown.
+ *                                                                               Accepts 'all', 'uploaded', or 'unattached'.
+ * @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.describe=false]          Whether to offer UI to describe attachments - e.g. captioning images in a gallery.
+ * @param {boolean}                         [attributes.contentUserSetting=true] Whether the content region's mode should be set and persisted per user.
+ * @param {boolean}                         [attributes.syncSelection=true]      Whether the Attachments selection should be persisted from the last state.
+ */
+var l10n = wp.media.view.l10n,
+	getUserSetting = window.getUserSetting,
+	setUserSetting = window.setUserSetting,
+	Library;
+
+Library = wp.media.controller.State.extend({
+	defaults: {
+		id:                 'library',
+		title:              l10n.mediaLibraryTitle,
+		multiple:           false,
+		content:            'upload',
+		menu:               'default',
+		router:             'browse',
+		toolbar:            'select',
+		searchable:         true,
+		filterable:         false,
+		sortable:           true,
+		autoSelect:         true,
+		describe:           false,
+		contentUserSetting: true,
+		syncSelection:      true
+	},
 
-		/**
-		 * If the state is active, no items are selected, and the current
-		 * content mode is not an option in the state's router (provided
-		 * the state has a router), reset the content mode to the default.
-		 */
-		refreshContent: function() {
-			var selection = this.get('selection'),
-				frame = this.frame,
-				router = frame.router.get(),
-				mode = frame.content.mode();
-
-			if ( this.active && ! selection.length && router && ! router.get( mode ) ) {
-				this.frame.content.render( this.get('content') );
-			}
-		},
+	/**
+	 * If a library isn't provided, query all media items.
+	 * If a selection instance isn't provided, create one.
+	 *
+	 * @since 3.5.0
+	 */
+	initialize: function() {
+		var selection = this.get('selection'),
+			props;
 
-		/**
-		 * If the uploader was selected, navigate to the browser.
-		 *
-		 * Automatically select any uploading attachments.
-		 *
-		 * Selections that don't support multiple attachments automatically
-		 * limit themselves to one attachment (in this case, the last
-		 * attachment in the upload queue).
-		 *
-		 * @param {wp.media.model.Attachment} attachment
-		 */
-		uploading: function( attachment ) {
-			var content = this.frame.content;
+		if ( ! this.get('library') ) {
+			this.set( 'library', wp.media.query() );
+		}
 
-			if ( 'upload' === content.mode() ) {
-				this.frame.content.mode('browse');
-			}
-			this.get('selection').add( attachment );
-		},
+		if ( ! ( selection instanceof wp.media.model.Selection ) ) {
+			props = selection;
 
-		/**
-		 * Only track the browse router on library states.
-		 */
-		saveContentMode: function() {
-			if ( 'browse' !== this.get('router') ) {
-				return;
+			if ( ! props ) {
+				props = this.get('library').props.toJSON();
+				props = _.omit( props, 'orderby', 'query' );
 			}
 
-			var mode = this.frame.content.mode(),
-				view = this.frame.router.get();
-
-			if ( view && view.get( mode ) ) {
-				setUserSetting( 'libraryContent', mode );
-			}
+			this.set( 'selection', new wp.media.model.Selection( null, {
+				multiple: this.get('multiple'),
+				props: props
+			}) );
 		}
-	});
 
-	_.extend( media.controller.Library.prototype, media.selectionSync );
+		this.resetDisplays();
+	},
 
 	/**
-	 * wp.media.controller.ImageDetails
-	 *
-	 * @constructor
-	 * @augments wp.media.controller.State
-	 * @augments Backbone.Model
-	 */
-	media.controller.ImageDetails = media.controller.State.extend({
-		defaults: _.defaults({
-			id: 'image-details',
-			toolbar: 'image-details',
-			title: l10n.imageDetailsTitle,
-			content: 'image-details',
-			menu: 'image-details',
-			router: false,
-			attachment: false,
-			priority: 60,
-			editing: false
-		}, media.controller.Library.prototype.defaults ),
+	 * @since 3.5.0
+	 */
+	activate: function() {
+		this.syncSelection();
 
-		initialize: function( options ) {
-			this.image = options.image;
-			media.controller.State.prototype.initialize.apply( this, arguments );
-		},
+		wp.Uploader.queue.on( 'add', this.uploading, this );
 
-		activate: function() {
-			this.frame.modal.$el.addClass('image-details');
+		this.get('selection').on( 'add remove reset', this.refreshContent, this );
+
+		if ( this.get( 'router' ) && this.get('contentUserSetting') ) {
+			this.frame.on( 'content:activate', this.saveContentMode, this );
+			this.set( 'content', getUserSetting( 'libraryContent', this.get('content') ) );
 		}
-	});
+	},
 
 	/**
-	 * wp.media.controller.GalleryEdit
-	 *
-	 * @constructor
-	 * @augments wp.media.controller.Library
-	 * @augments wp.media.controller.State
-	 * @augments Backbone.Model
-	 */
-	media.controller.GalleryEdit = media.controller.Library.extend({
-		defaults: {
-			id:         'gallery-edit',
-			multiple:   false,
-			describe:   true,
-			edge:       199,
-			editing:    false,
-			sortable:   true,
-			searchable: false,
-			toolbar:    'gallery-edit',
-			content:    'browse',
-			title:      l10n.editGalleryTitle,
-			priority:   60,
-			dragInfo:   true,
-
-			// Don't sync the selection, as the Edit Gallery library
-			// *is* the selection.
-			syncSelection: false
-		},
+	 * @since 3.5.0
+	 */
+	deactivate: function() {
+		this.recordSelection();
 
-		initialize: function() {
-			// If we haven't been provided a `library`, create a `Selection`.
-			if ( ! this.get('library') )
-				this.set( 'library', new media.model.Selection() );
+		this.frame.off( 'content:activate', this.saveContentMode, this );
 
-			// The single `Attachment` view to be used in the `Attachments` view.
-			if ( ! this.get('AttachmentView') )
-				this.set( 'AttachmentView', media.view.Attachment.EditLibrary );
-			media.controller.Library.prototype.initialize.apply( this, arguments );
-		},
+		// Unbind all event handlers that use this state as the context
+		// from the selection.
+		this.get('selection').off( null, null, this );
 
-		activate: function() {
-			var library = this.get('library');
+		wp.Uploader.queue.off( null, null, this );
+	},
 
-			// Limit the library to images only.
-			library.props.set( 'type', 'image' );
+	/**
+	 * Reset the library to its initial state.
+	 *
+	 * @since 3.5.0
+	 */
+	reset: function() {
+		this.get('selection').reset();
+		this.resetDisplays();
+		this.refreshContent();
+	},
 
-			// Watch for uploaded attachments.
-			this.get('library').observe( wp.Uploader.queue );
+	/**
+	 * Reset the attachment display settings defaults to the site options.
+	 *
+	 * If site options don't define them, fall back to a persistent user setting.
+	 *
+	 * @since 3.5.0
+	 */
+	resetDisplays: function() {
+		var defaultProps = wp.media.view.settings.defaultProps;
+		this._displays = [];
+		this._defaultDisplaySettings = {
+			align: getUserSetting( 'align', defaultProps.align ) || 'none',
+			size:  getUserSetting( 'imgsize', defaultProps.size ) || 'medium',
+			link:  getUserSetting( 'urlbutton', defaultProps.link ) || 'none'
+		};
+	},
 
-			this.frame.on( 'content:render:browse', this.gallerySettings, this );
+	/**
+	 * Create a model to represent display settings (alignment, etc.) for an attachment.
+	 *
+	 * @since 3.5.0
+	 *
+	 * @param {wp.media.model.Attachment} attachment
+	 * @returns {Backbone.Model}
+	 */
+	display: function( attachment ) {
+		var displays = this._displays;
 
-			media.controller.Library.prototype.activate.apply( this, arguments );
-		},
+		if ( ! displays[ attachment.cid ] ) {
+			displays[ attachment.cid ] = new Backbone.Model( this.defaultDisplaySettings( attachment ) );
+		}
+		return displays[ attachment.cid ];
+	},
 
-		deactivate: function() {
-			// Stop watching for uploaded attachments.
-			this.get('library').unobserve( wp.Uploader.queue );
+	/**
+	 * Given an attachment, create attachment display settings properties.
+	 *
+	 * @since 3.6.0
+	 *
+	 * @param {wp.media.model.Attachment} attachment
+	 * @returns {Object}
+	 */
+	defaultDisplaySettings: function( attachment ) {
+		var settings = _.clone( this._defaultDisplaySettings );
 
-			this.frame.off( 'content:render:browse', this.gallerySettings, this );
+		if ( settings.canEmbed = this.canEmbed( attachment ) ) {
+			settings.link = 'embed';
+		} else if ( ! this.isImageAttachment( attachment ) && settings.link === 'none' ) {
+			settings.link = 'file';
+		}
 
-			media.controller.Library.prototype.deactivate.apply( this, arguments );
-		},
+		return settings;
+	},
 
-		gallerySettings: function( browser ) {
-			var library = this.get('library');
+	/**
+	 * Whether an attachment is image.
+	 *
+	 * @since 4.4.1
+	 *
+	 * @param {wp.media.model.Attachment} attachment
+	 * @returns {Boolean}
+	 */
+	isImageAttachment: function( attachment ) {
+		// If uploading, we know the filename but not the mime type.
+		if ( attachment.get('uploading') ) {
+			return /\.(jpe?g|png|gif)$/i.test( attachment.get('filename') );
+		}
 
-			if ( ! library || ! browser )
-				return;
+		return attachment.get('type') === 'image';
+	},
 
-			library.gallery = library.gallery || new Backbone.Model();
+	/**
+	 * Whether an attachment can be embedded (audio or video).
+	 *
+	 * @since 3.6.0
+	 *
+	 * @param {wp.media.model.Attachment} attachment
+	 * @returns {Boolean}
+	 */
+	canEmbed: function( attachment ) {
+		// If uploading, we know the filename but not the mime type.
+		if ( ! attachment.get('uploading') ) {
+			var type = attachment.get('type');
+			if ( type !== 'audio' && type !== 'video' ) {
+				return false;
+			}
+		}
 
-			browser.sidebar.set({
-				gallery: new media.view.Settings.Gallery({
-					controller: this,
-					model:      library.gallery,
-					priority:   40
-				})
-			});
+		return _.contains( wp.media.view.settings.embedExts, attachment.get('filename').split('.').pop() );
+	},
 
-			browser.toolbar.set( 'reverse', {
-				text:     l10n.reverseOrder,
-				priority: 80,
 
-				click: function() {
-					library.reset( library.toArray().reverse() );
-				}
-			});
+	/**
+	 * If the state is active, no items are selected, and the current
+	 * content mode is not an option in the state's router (provided
+	 * the state has a router), reset the content mode to the default.
+	 *
+	 * @since 3.5.0
+	 */
+	refreshContent: function() {
+		var selection = this.get('selection'),
+			frame = this.frame,
+			router = frame.router.get(),
+			mode = frame.content.mode();
+
+		if ( this.active && ! selection.length && router && ! router.get( mode ) ) {
+			this.frame.content.render( this.get('content') );
 		}
-	});
+	},
 
 	/**
-	 * wp.media.controller.GalleryAdd
+	 * Callback handler when an attachment is uploaded.
 	 *
-	 * @constructor
-	 * @augments wp.media.controller.Library
-	 * @augments wp.media.controller.State
-	 * @augments Backbone.Model
-	 */
-	media.controller.GalleryAdd = media.controller.Library.extend({
-		defaults: _.defaults({
-			id:           'gallery-library',
-			filterable:   'uploaded',
-			multiple:     'add',
-			menu:         'gallery',
-			toolbar:      'gallery-add',
-			title:        l10n.addToGalleryTitle,
-			priority:     100,
-
-			// Don't sync the selection, as the Edit Gallery library
-			// *is* the selection.
-			syncSelection: false
-		}, media.controller.Library.prototype.defaults ),
-
-		initialize: function() {
-			// If we haven't been provided a `library`, create a `Selection`.
-			if ( ! this.get('library') )
-				this.set( 'library', media.query({ type: 'image' }) );
-
-			media.controller.Library.prototype.initialize.apply( this, arguments );
-		},
-
-		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.
-			library.validator = function( attachment ) {
-				return !! this.mirroring.get( attachment.cid ) && ! edit.get( attachment.cid ) && media.model.Selection.prototype.validator.apply( this, arguments );
-			};
+	 * Switch to the Media Library if uploaded from the 'Upload Files' tab.
+	 *
+	 * Adds any uploading attachments to the selection.
+	 *
+	 * If the state only supports one attachment to be selected and multiple
+	 * attachments are uploaded, the last attachment in the upload queue will
+	 * be selected.
+	 *
+	 * @since 3.5.0
+	 *
+	 * @param {wp.media.model.Attachment} attachment
+	 */
+	uploading: function( attachment ) {
+		var content = this.frame.content;
 
-			// Reset the library to ensure that all attachments are re-added
-			// 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;
+		if ( 'upload' === content.mode() ) {
+			this.frame.content.mode('browse');
+		}
 
-			media.controller.Library.prototype.activate.apply( this, arguments );
+		if ( this.get( 'autoSelect' ) ) {
+			this.get('selection').add( attachment );
+			this.frame.trigger( 'library:selection:add' );
 		}
-	});
+	},
 
 	/**
-	 * wp.media.controller.CollectionEdit
+	 * Persist the mode of the content region as a user setting.
 	 *
-	 * @constructor
-	 * @augments wp.media.controller.Library
-	 * @augments wp.media.controller.State
-	 * @augments Backbone.Model
-	 */
-	media.controller.CollectionEdit = media.controller.Library.extend({
-		defaults: {
-			multiple:     false,
-			describe:     true,
-			edge:         199,
-			editing:      false,
-			sortable:     true,
-			searchable:   false,
-			content:      'browse',
-			priority:     60,
-			dragInfo:     true,
-			SettingsView: false,
-
-			// Don't sync the selection, as the Edit {Collection} library
-			// *is* the selection.
-			syncSelection: false
-		},
-
-		initialize: function() {
-			var collectionType = this.get('collectionType');
-
-			if ( 'video' === this.get( 'type' ) ) {
-				collectionType = 'video-' + collectionType;
-			}
+	 * @since 3.5.0
+	 */
+	saveContentMode: function() {
+		if ( 'browse' !== this.get('router') ) {
+			return;
+		}
 
-			this.set( 'id', collectionType + '-edit' );
-			this.set( 'toolbar', collectionType + '-edit' );
+		var mode = this.frame.content.mode(),
+			view = this.frame.router.get();
 
-			// If we haven't been provided a `library`, create a `Selection`.
-			if ( ! this.get('library') ) {
-				this.set( 'library', new media.model.Selection() );
-			}
-			// The single `Attachment` view to be used in the `Attachments` view.
-			if ( ! this.get('AttachmentView') ) {
-				this.set( 'AttachmentView', media.view.Attachment.EditLibrary );
-			}
-			media.controller.Library.prototype.initialize.apply( this, arguments );
-		},
+		if ( view && view.get( mode ) ) {
+			setUserSetting( 'libraryContent', mode );
+		}
+	}
+});
+
+// Make selectionSync available on any Media Library state.
+_.extend( Library.prototype, wp.media.selectionSync );
+
+module.exports = Library;
+
+},{}],12:[function(require,module,exports){
+/**
+ * wp.media.controller.MediaLibrary
+ *
+ * @class
+ * @augments wp.media.controller.Library
+ * @augments wp.media.controller.State
+ * @augments Backbone.Model
+ */
+var Library = wp.media.controller.Library,
+	MediaLibrary;
+
+MediaLibrary = Library.extend({
+	defaults: _.defaults({
+		// Attachments browser defaults. @see media.view.AttachmentsBrowser
+		filterable:      'uploaded',
+
+		displaySettings: false,
+		priority:        80,
+		syncSelection:   false
+	}, Library.prototype.defaults ),
 
-		activate: function() {
-			var library = this.get('library');
+	/**
+	 * @since 3.9.0
+	 *
+	 * @param options
+	 */
+	initialize: function( options ) {
+		this.media = options.media;
+		this.type = options.type;
+		this.set( 'library', wp.media.query({ type: this.type }) );
 
-			// Limit the library to images only.
-			library.props.set( 'type', this.get( 'type' ) );
+		Library.prototype.initialize.apply( this, arguments );
+	},
 
-			// Watch for uploaded attachments.
-			this.get('library').observe( wp.Uploader.queue );
+	/**
+	 * @since 3.9.0
+	 */
+	activate: function() {
+		// @todo this should use this.frame.
+		if ( wp.media.frame.lastMime ) {
+			this.set( 'library', wp.media.query({ type: wp.media.frame.lastMime }) );
+			delete wp.media.frame.lastMime;
+		}
+		Library.prototype.activate.apply( this, arguments );
+	}
+});
+
+module.exports = MediaLibrary;
+
+},{}],13:[function(require,module,exports){
+/**
+ * wp.media.controller.Region
+ *
+ * A region is a persistent application layout area.
+ *
+ * A region assumes one mode at any time, and can be switched to another.
+ *
+ * When mode changes, events are triggered on the region's parent view.
+ * The parent view will listen to specific events and fill the region with an
+ * appropriate view depending on mode. For example, a frame listens for the
+ * 'browse' mode t be activated on the 'content' view and then fills the region
+ * with an AttachmentsBrowser view.
+ *
+ * @class
+ *
+ * @param {object}        options          Options hash for the region.
+ * @param {string}        options.id       Unique identifier for the region.
+ * @param {Backbone.View} options.view     A parent view the region exists within.
+ * @param {string}        options.selector jQuery selector for the region within the parent view.
+ */
+var Region = function( options ) {
+	_.extend( this, _.pick( options || {}, 'id', 'view', 'selector' ) );
+};
+
+// Use Backbone's self-propagating `extend` inheritance method.
+Region.extend = Backbone.Model.extend;
+
+_.extend( Region.prototype, {
+	/**
+	 * Activate a mode.
+	 *
+	 * @since 3.5.0
+	 *
+	 * @param {string} mode
+	 *
+	 * @fires this.view#{this.id}:activate:{this._mode}
+	 * @fires this.view#{this.id}:activate
+	 * @fires this.view#{this.id}:deactivate:{this._mode}
+	 * @fires this.view#{this.id}:deactivate
+	 *
+	 * @returns {wp.media.controller.Region} Returns itself to allow chaining.
+	 */
+	mode: function( mode ) {
+		if ( ! mode ) {
+			return this._mode;
+		}
+		// Bail if we're trying to change to the current mode.
+		if ( mode === this._mode ) {
+			return this;
+		}
 
-			this.frame.on( 'content:render:browse', this.renderSettings, this );
+		/**
+		 * Region mode deactivation event.
+		 *
+		 * @event this.view#{this.id}:deactivate:{this._mode}
+		 * @event this.view#{this.id}:deactivate
+		 */
+		this.trigger('deactivate');
 
-			media.controller.Library.prototype.activate.apply( this, arguments );
-		},
+		this._mode = mode;
+		this.render( mode );
 
-		deactivate: function() {
-			// Stop watching for uploaded attachments.
-			this.get('library').unobserve( wp.Uploader.queue );
+		/**
+		 * Region mode activation event.
+		 *
+		 * @event this.view#{this.id}:activate:{this._mode}
+		 * @event this.view#{this.id}:activate
+		 */
+		this.trigger('activate');
+		return this;
+	},
+	/**
+	 * Render a mode.
+	 *
+	 * @since 3.5.0
+	 *
+	 * @param {string} mode
+	 *
+	 * @fires this.view#{this.id}:create:{this._mode}
+	 * @fires this.view#{this.id}:create
+	 * @fires this.view#{this.id}:render:{this._mode}
+	 * @fires this.view#{this.id}:render
+	 *
+	 * @returns {wp.media.controller.Region} Returns itself to allow chaining
+	 */
+	render: function( mode ) {
+		// If the mode isn't active, activate it.
+		if ( mode && mode !== this._mode ) {
+			return this.mode( mode );
+		}
 
-			this.frame.off( 'content:render:browse', this.renderSettings, this );
+		var set = { view: null },
+			view;
 
-			media.controller.Library.prototype.deactivate.apply( this, arguments );
-		},
+		/**
+		 * Create region view event.
+		 *
+		 * Region view creation takes place in an event callback on the frame.
+		 *
+		 * @event this.view#{this.id}:create:{this._mode}
+		 * @event this.view#{this.id}:create
+		 */
+		this.trigger( 'create', set );
+		view = set.view;
 
-		renderSettings: function( browser ) {
-			var library = this.get('library'),
-				collectionType = this.get('collectionType'),
-				dragInfoText = this.get('dragInfoText'),
-				SettingsView = this.get('SettingsView'),
-				obj = {};
+		/**
+		 * Render region view event.
+		 *
+		 * Region view creation takes place in an event callback on the frame.
+		 *
+		 * @event this.view#{this.id}:create:{this._mode}
+		 * @event this.view#{this.id}:create
+		 */
+		this.trigger( 'render', view );
+		if ( view ) {
+			this.set( view );
+		}
+		return this;
+	},
 
-			if ( ! library || ! browser ) {
-				return;
-			}
+	/**
+	 * Get the region's view.
+	 *
+	 * @since 3.5.0
+	 *
+	 * @returns {wp.media.View}
+	 */
+	get: function() {
+		return this.view.views.first( this.selector );
+	},
 
-			library[ collectionType ] = library[ collectionType ] || new Backbone.Model();
+	/**
+	 * Set the region's view as a subview of the frame.
+	 *
+	 * @since 3.5.0
+	 *
+	 * @param {Array|Object} views
+	 * @param {Object} [options={}]
+	 * @returns {wp.Backbone.Subviews} Subviews is returned to allow chaining
+	 */
+	set: function( views, options ) {
+		if ( options ) {
+			options.add = false;
+		}
+		return this.view.views.set( this.selector, views, options );
+	},
 
-			obj[ collectionType ] = new SettingsView({
-				controller: this,
-				model:      library[ collectionType ],
-				priority:   40
-			});
+	/**
+	 * Trigger regional view events on the frame.
+	 *
+	 * @since 3.5.0
+	 *
+	 * @param {string} event
+	 * @returns {undefined|wp.media.controller.Region} Returns itself to allow chaining.
+	 */
+	trigger: function( event ) {
+		var base, args;
 
-			browser.sidebar.set( obj );
+		if ( ! this._mode ) {
+			return;
+		}
 
-			if ( dragInfoText ) {
-				browser.toolbar.set( 'dragInfo', new media.View({
-					el: $( '<div class="instructions">' + dragInfoText + '</div>' )[0],
-					priority: -40
-				}) );
-			}
+		args = _.toArray( arguments );
+		base = this.id + ':' + event;
+
+		// Trigger `{this.id}:{event}:{this._mode}` event on the frame.
+		args[0] = base + ':' + this._mode;
+		this.view.trigger.apply( this.view, args );
+
+		// Trigger `{this.id}:{event}` event on the frame.
+		args[0] = base;
+		this.view.trigger.apply( this.view, args );
+		return this;
+	}
+});
+
+module.exports = Region;
+
+},{}],14:[function(require,module,exports){
+/**
+ * wp.media.controller.ReplaceImage
+ *
+ * A state for replacing an image.
+ *
+ * @class
+ * @augments wp.media.controller.Library
+ * @augments wp.media.controller.State
+ * @augments Backbone.Model
+ *
+ * @param {object}                     [attributes]                         The attributes hash passed to the state.
+ * @param {string}                     [attributes.id=replace-image]        Unique identifier.
+ * @param {string}                     [attributes.title=Replace Image]     Title for the state. Displays in the media menu and the frame's title region.
+ * @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 {boolean}                    [attributes.multiple=false]          Whether multi-select is enabled.
+ * @param {string}                     [attributes.content=upload]          Initial mode for the content region.
+ *                                                                          Overridden by persistent user setting if 'contentUserSetting' is true.
+ * @param {string}                     [attributes.menu=default]            Initial mode for the menu region.
+ * @param {string}                     [attributes.router=browse]           Initial mode for the router region.
+ * @param {string}                     [attributes.toolbar=replace]         Initial mode for the toolbar region.
+ * @param {int}                        [attributes.priority=60]             The priority for the state link in the media menu.
+ * @param {boolean}                    [attributes.searchable=true]         Whether the library is searchable.
+ * @param {boolean|string}             [attributes.filterable=uploaded]     Whether the library is filterable, and if so what filters should be shown.
+ *                                                                          Accepts 'all', 'uploaded', or 'unattached'.
+ * @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.describe=false]          Whether to offer UI to describe attachments - e.g. captioning images in a gallery.
+ * @param {boolean}                    [attributes.contentUserSetting=true] Whether the content region's mode should be set and persisted per user.
+ * @param {boolean}                    [attributes.syncSelection=true]      Whether the Attachments selection should be persisted from the last state.
+ */
+var Library = wp.media.controller.Library,
+	l10n = wp.media.view.l10n,
+	ReplaceImage;
+
+ReplaceImage = Library.extend({
+	defaults: _.defaults({
+		id:            'replace-image',
+		title:         l10n.replaceImageTitle,
+		multiple:      false,
+		filterable:    'uploaded',
+		toolbar:       'replace',
+		menu:          false,
+		priority:      60,
+		syncSelection: true
+	}, Library.prototype.defaults ),
 
-			browser.toolbar.set( 'reverse', {
-				text:     l10n.reverseOrder,
-				priority: 80,
+	/**
+	 * @since 3.9.0
+	 *
+	 * @param options
+	 */
+	initialize: function( options ) {
+		var library, comparator;
 
-				click: function() {
-					library.reset( library.toArray().reverse() );
-				}
-			});
+		this.image = options.image;
+		// If we haven't been provided a `library`, create a `Selection`.
+		if ( ! this.get('library') ) {
+			this.set( 'library', wp.media.query({ type: 'image' }) );
 		}
-	});
 
-	/**
-	 * wp.media.controller.CollectionAdd
-	 *
-	 * @constructor
-	 * @augments wp.media.controller.Library
-	 * @augments wp.media.controller.State
-	 * @augments Backbone.Model
-	 */
-	media.controller.CollectionAdd = media.controller.Library.extend({
-		defaults: _.defaults( {
-			filterable:    'uploaded',
-			multiple:      'add',
-			priority:      100,
-			syncSelection: false
-		}, media.controller.Library.prototype.defaults ),
-
-		initialize: function() {
-			var collectionType = this.get('collectionType');
-
-			if ( 'video' === this.get( 'type' ) ) {
-				collectionType = 'video-' + collectionType;
-			}
+		Library.prototype.initialize.apply( this, arguments );
+
+		library    = this.get('library');
+		comparator = library.comparator;
 
-			this.set( 'id', collectionType + '-library' );
-			this.set( 'toolbar', collectionType + '-add' );
-			this.set( 'menu', collectionType );
+		// Overload the library's comparator to push items that are not in
+		// the mirrored query to the front of the aggregate collection.
+		library.comparator = function( a, b ) {
+			var aInQuery = !! this.mirroring.get( a.cid ),
+				bInQuery = !! this.mirroring.get( b.cid );
 
-			// If we haven't been provided a `library`, create a `Selection`.
-			if ( ! this.get('library') ) {
-				this.set( 'library', media.query({ type: this.get('type') }) );
+			if ( ! aInQuery && bInQuery ) {
+				return -1;
+			} else if ( aInQuery && ! bInQuery ) {
+				return 1;
+			} else {
+				return comparator.apply( this, arguments );
 			}
-			media.controller.Library.prototype.initialize.apply( this, arguments );
-		},
+		};
 
-		activate: function() {
-			var library = this.get('library'),
-				editLibrary = this.get('editLibrary'),
-				edit = this.frame.state( this.get('collectionType') + '-edit' ).get('library');
+		// Add all items in the selection to the library, so any featured
+		// images that are not initially loaded still appear.
+		library.observe( this.get('selection') );
+	},
 
-			if ( editLibrary && editLibrary !== edit ) {
-				library.unobserve( editLibrary );
-			}
+	/**
+	 * @since 3.9.0
+	 */
+	activate: function() {
+		this.updateSelection();
+		Library.prototype.activate.apply( this, arguments );
+	},
 
-			// Accepts attachments that exist in the original library and
-			// that do not exist in gallery's library.
-			library.validator = function( attachment ) {
-				return !! this.mirroring.get( attachment.cid ) && ! edit.get( attachment.cid ) && media.model.Selection.prototype.validator.apply( this, arguments );
-			};
+	/**
+	 * @since 3.9.0
+	 */
+	updateSelection: function() {
+		var selection = this.get('selection'),
+			attachment = this.image.attachment;
+
+		selection.reset( attachment ? [ attachment ] : [] );
+	}
+});
+
+module.exports = ReplaceImage;
+
+},{}],15:[function(require,module,exports){
+/**
+ * wp.media.controller.SiteIconCropper
+ *
+ * A state for cropping a Site Icon.
+ *
+ * @class
+ * @augments wp.media.controller.Cropper
+ * @augments wp.media.controller.State
+ * @augments Backbone.Model
+ */
+var Controller = wp.media.controller,
+	SiteIconCropper;
+
+SiteIconCropper = Controller.Cropper.extend({
+	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));
+	},
+
+	createCropContent: function() {
+		this.cropperView = new wp.media.view.SiteIconCropper({
+			controller: this,
+			attachment: this.get('selection').first()
+		});
+		this.cropperView.on('image-loaded', this.createCropToolbar, this);
+		this.frame.content.set(this.cropperView);
+
+	},
+
+	doCrop: function( attachment ) {
+		var cropDetails = attachment.get( 'cropDetails' ),
+			control = this.get( 'control' );
+
+		cropDetails.dst_width  = control.params.width;
+		cropDetails.dst_height = control.params.height;
+
+		return wp.ajax.post( 'crop-image', {
+			nonce: attachment.get( 'nonces' ).edit,
+			id: attachment.get( 'id' ),
+			context: 'site-icon',
+			cropDetails: cropDetails
+		} );
+	}
+});
+
+module.exports = SiteIconCropper;
+
+},{}],16:[function(require,module,exports){
+/**
+ * wp.media.controller.StateMachine
+ *
+ * A state machine keeps track of state. It is in one state at a time,
+ * and can change from one state to another.
+ *
+ * States are stored as models in a Backbone collection.
+ *
+ * @since 3.5.0
+ *
+ * @class
+ * @augments Backbone.Model
+ * @mixin
+ * @mixes Backbone.Events
+ *
+ * @param {Array} states
+ */
+var StateMachine = function( states ) {
+	// @todo This is dead code. The states collection gets created in media.view.Frame._createStates.
+	this.states = new Backbone.Collection( states );
+};
+
+// Use Backbone's self-propagating `extend` inheritance method.
+StateMachine.extend = Backbone.Model.extend;
+
+_.extend( StateMachine.prototype, Backbone.Events, {
+	/**
+	 * Fetch a state.
+	 *
+	 * If no `id` is provided, returns the active state.
+	 *
+	 * Implicitly creates states.
+	 *
+	 * Ensure that the `states` collection exists so the `StateMachine`
+	 *   can be used as a mixin.
+	 *
+	 * @since 3.5.0
+	 *
+	 * @param {string} id
+	 * @returns {wp.media.controller.State} Returns a State model
+	 *   from the StateMachine collection
+	 */
+	state: function( id ) {
+		this.states = this.states || new Backbone.Collection();
 
-			// Reset the library to ensure that all attachments are re-added
-			// 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.set('editLibrary', edit);
+		// Default to the active state.
+		id = id || this._state;
 
-			media.controller.Library.prototype.activate.apply( this, arguments );
+		if ( id && ! this.states.get( id ) ) {
+			this.states.add({ id: id });
 		}
-	});
+		return this.states.get( id );
+	},
 
 	/**
-	 * wp.media.controller.FeaturedImage
+	 * Sets the active state.
 	 *
-	 * @constructor
-	 * @augments wp.media.controller.Library
-	 * @augments wp.media.controller.State
-	 * @augments Backbone.Model
-	 */
-	media.controller.FeaturedImage = media.controller.Library.extend({
-		defaults: _.defaults({
-			id:         'featured-image',
-			filterable: 'uploaded',
-			multiple:   false,
-			toolbar:    'featured-image',
-			title:      l10n.setFeaturedImageTitle,
-			priority:   60,
-			syncSelection: true
-		}, media.controller.Library.prototype.defaults ),
-
-		initialize: function() {
-			var library, comparator;
-
-			// If we haven't been provided a `library`, create a `Selection`.
-			if ( ! this.get('library') ) {
-				this.set( 'library', media.query({ type: 'image' }) );
-			}
-
-			media.controller.Library.prototype.initialize.apply( this, arguments );
+	 * Bail if we're trying to select the current state, if we haven't
+	 * created the `states` collection, or are trying to select a state
+	 * that does not exist.
+	 *
+	 * @since 3.5.0
+	 *
+	 * @param {string} id
+	 *
+	 * @fires wp.media.controller.State#deactivate
+	 * @fires wp.media.controller.State#activate
+	 *
+	 * @returns {wp.media.controller.StateMachine} Returns itself to allow chaining
+	 */
+	setState: function( id ) {
+		var previous = this.state();
 
-			library    = this.get('library');
-			comparator = library.comparator;
+		if ( ( previous && id === previous.id ) || ! this.states || ! this.states.get( id ) ) {
+			return this;
+		}
 
-			// Overload the library's comparator to push items that are not in
-			// the mirrored query to the front of the aggregate collection.
-			library.comparator = function( a, b ) {
-				var aInQuery = !! this.mirroring.get( a.cid ),
-					bInQuery = !! this.mirroring.get( b.cid );
+		if ( previous ) {
+			previous.trigger('deactivate');
+			this._lastState = previous.id;
+		}
 
-				if ( ! aInQuery && bInQuery ) {
-					return -1;
-				} else if ( aInQuery && ! bInQuery ) {
-					return 1;
-				} else {
-					return comparator.apply( this, arguments );
-				}
-			};
+		this._state = id;
+		this.state().trigger('activate');
 
-			// Add all items in the selection to the library, so any featured
-			// images that are not initially loaded still appear.
-			library.observe( this.get('selection') );
-		},
+		return this;
+	},
 
-		activate: function() {
-			this.updateSelection();
-			this.frame.on( 'open', this.updateSelection, this );
+	/**
+	 * Returns the previous active state.
+	 *
+	 * Call the `state()` method with no parameters to retrieve the current
+	 * active state.
+	 *
+	 * @since 3.5.0
+	 *
+	 * @returns {wp.media.controller.State} Returns a State model
+	 *    from the StateMachine collection
+	 */
+	lastState: function() {
+		if ( this._lastState ) {
+			return this.state( this._lastState );
+		}
+	}
+});
 
-			media.controller.Library.prototype.activate.apply( this, arguments );
-		},
+// Map all event binding and triggering on a StateMachine to its `states` collection.
+_.each([ 'on', 'off', 'trigger' ], function( method ) {
+	/**
+	 * @returns {wp.media.controller.StateMachine} Returns itself to allow chaining.
+	 */
+	StateMachine.prototype[ method ] = function() {
+		// Ensure that the `states` collection exists so the `StateMachine`
+		// can be used as a mixin.
+		this.states = this.states || new Backbone.Collection();
+		// Forward the method to the `states` collection.
+		this.states[ method ].apply( this.states, arguments );
+		return this;
+	};
+});
+
+module.exports = StateMachine;
+
+},{}],17:[function(require,module,exports){
+/**
+ * wp.media.controller.State
+ *
+ * A state is a step in a workflow that when set will trigger the controllers
+ * for the regions to be updated as specified in the frame.
+ *
+ * A state has an event-driven lifecycle:
+ *
+ *     'ready'      triggers when a state is added to a state machine's collection.
+ *     'activate'   triggers when a state is activated by a state machine.
+ *     'deactivate' triggers when a state is deactivated by a state machine.
+ *     'reset'      is not triggered automatically. It should be invoked by the
+ *                  proper controller to reset the state to its default.
+ *
+ * @class
+ * @augments Backbone.Model
+ */
+var State = Backbone.Model.extend({
+	/**
+	 * Constructor.
+	 *
+	 * @since 3.5.0
+	 */
+	constructor: function() {
+		this.on( 'activate', this._preActivate, this );
+		this.on( 'activate', this.activate, this );
+		this.on( 'activate', this._postActivate, this );
+		this.on( 'deactivate', this._deactivate, this );
+		this.on( 'deactivate', this.deactivate, this );
+		this.on( 'reset', this.reset, this );
+		this.on( 'ready', this._ready, this );
+		this.on( 'ready', this.ready, this );
+		/**
+		 * Call parent constructor with passed arguments
+		 */
+		Backbone.Model.apply( this, arguments );
+		this.on( 'change:menu', this._updateMenu, this );
+	},
+	/**
+	 * Ready event callback.
+	 *
+	 * @abstract
+	 * @since 3.5.0
+	 */
+	ready: function() {},
 
-		deactivate: function() {
-			this.frame.off( 'open', this.updateSelection, this );
+	/**
+	 * Activate event callback.
+	 *
+	 * @abstract
+	 * @since 3.5.0
+	 */
+	activate: function() {},
 
-			media.controller.Library.prototype.deactivate.apply( this, arguments );
-		},
+	/**
+	 * Deactivate event callback.
+	 *
+	 * @abstract
+	 * @since 3.5.0
+	 */
+	deactivate: function() {},
 
-		updateSelection: function() {
-			var selection = this.get('selection'),
-				id = media.view.settings.post.featuredImageId,
-				attachment;
+	/**
+	 * Reset event callback.
+	 *
+	 * @abstract
+	 * @since 3.5.0
+	 */
+	reset: function() {},
 
-			if ( '' !== id && -1 !== id ) {
-				attachment = media.model.Attachment.get( id );
-				attachment.fetch();
-			}
+	/**
+	 * @access private
+	 * @since 3.5.0
+	 */
+	_ready: function() {
+		this._updateMenu();
+	},
 
-			selection.reset( attachment ? [ attachment ] : [] );
-		}
-	});
+	/**
+	 * @access private
+	 * @since 3.5.0
+	*/
+	_preActivate: function() {
+		this.active = true;
+	},
 
 	/**
-	 * wp.media.controller.ReplaceImage
-	 *
-	 * Replace a selected single image
-	 *
-	 * @constructor
-	 * @augments wp.media.controller.Library
-	 * @augments wp.media.controller.State
-	 * @augments Backbone.Model
-	 */
-	media.controller.ReplaceImage = media.controller.Library.extend({
-		defaults: _.defaults({
-			id:         'replace-image',
-			filterable: 'uploaded',
-			multiple:   false,
-			toolbar:    'replace',
-			title:      l10n.replaceImageTitle,
-			priority:   60,
-			syncSelection: true
-		}, media.controller.Library.prototype.defaults ),
-
-		initialize: function( options ) {
-			var library, comparator;
-
-			this.image = options.image;
-			// If we haven't been provided a `library`, create a `Selection`.
-			if ( ! this.get('library') ) {
-				this.set( 'library', media.query({ type: 'image' }) );
-			}
+	 * @access private
+	 * @since 3.5.0
+	 */
+	_postActivate: function() {
+		this.on( 'change:menu', this._menu, this );
+		this.on( 'change:titleMode', this._title, this );
+		this.on( 'change:content', this._content, this );
+		this.on( 'change:toolbar', this._toolbar, this );
 
-			media.controller.Library.prototype.initialize.apply( this, arguments );
+		this.frame.on( 'title:render:default', this._renderTitle, this );
 
-			library    = this.get('library');
-			comparator = library.comparator;
+		this._title();
+		this._menu();
+		this._toolbar();
+		this._content();
+		this._router();
+	},
 
-			// Overload the library's comparator to push items that are not in
-			// the mirrored query to the front of the aggregate collection.
-			library.comparator = function( a, b ) {
-				var aInQuery = !! this.mirroring.get( a.cid ),
-					bInQuery = !! this.mirroring.get( b.cid );
+	/**
+	 * @access private
+	 * @since 3.5.0
+	 */
+	_deactivate: function() {
+		this.active = false;
 
-				if ( ! aInQuery && bInQuery ) {
-					return -1;
-				} else if ( aInQuery && ! bInQuery ) {
-					return 1;
-				} else {
-					return comparator.apply( this, arguments );
-				}
-			};
+		this.frame.off( 'title:render:default', this._renderTitle, this );
 
-			// Add all items in the selection to the library, so any featured
-			// images that are not initially loaded still appear.
-			library.observe( this.get('selection') );
-		},
+		this.off( 'change:menu', this._menu, this );
+		this.off( 'change:titleMode', this._title, this );
+		this.off( 'change:content', this._content, this );
+		this.off( 'change:toolbar', this._toolbar, this );
+	},
 
-		activate: function() {
-			this.updateSelection();
-			media.controller.Library.prototype.activate.apply( this, arguments );
-		},
+	/**
+	 * @access private
+	 * @since 3.5.0
+	 */
+	_title: function() {
+		this.frame.title.render( this.get('titleMode') || 'default' );
+	},
 
-		updateSelection: function() {
-			var selection = this.get('selection'),
-				attachment = this.image.attachment;
+	/**
+	 * @access private
+	 * @since 3.5.0
+	 */
+	_renderTitle: function( view ) {
+		view.$el.text( this.get('title') || '' );
+	},
 
-			selection.reset( attachment ? [ attachment ] : [] );
+	/**
+	 * @access private
+	 * @since 3.5.0
+	 */
+	_router: function() {
+		var router = this.frame.router,
+			mode = this.get('router'),
+			view;
+
+		this.frame.$el.toggleClass( 'hide-router', ! mode );
+		if ( ! mode ) {
+			return;
 		}
-	});
 
-	/**
-	 * wp.media.controller.EditImage
-	 *
-	 * @constructor
-	 * @augments wp.media.controller.State
-	 * @augments Backbone.Model
-	 */
-	media.controller.EditImage = media.controller.State.extend({
-		defaults: {
-			id: 'edit-image',
-			url: '',
-			menu: false,
-			toolbar: 'edit-image',
-			title: l10n.editImage,
-			content: 'edit-image'
-		},
-
-		activate: function() {
-			this.listenTo( this.frame, 'toolbar:render:edit-image', this.toolbar );
-		},
-
-		deactivate: function() {
-			this.stopListening( this.frame );
-		},
-
-		toolbar: function() {
-			var frame = this.frame,
-				lastState = frame.lastState(),
-				previous = lastState && lastState.id;
-
-			frame.toolbar.set( new media.view.Toolbar({
-				controller: frame,
-				items: {
-					back: {
-						style: 'primary',
-						text:     l10n.back,
-						priority: 20,
-						click:    function() {
-							if ( previous ) {
-								frame.setState( previous );
-							} else {
-								frame.close();
-							}
-						}
-					}
-				}
-			}) );
+		this.frame.router.render( mode );
+
+		view = router.get();
+		if ( view && view.select ) {
+			view.select( this.frame.content.mode() );
 		}
-	});
+	},
 
 	/**
-	 * wp.media.controller.MediaLibrary
-	 *
-	 * @constructor
-	 * @augments wp.media.controller.Library
-	 * @augments wp.media.controller.State
-	 * @augments Backbone.Model
-	 */
-	media.controller.MediaLibrary = media.controller.Library.extend({
-		defaults: _.defaults({
-			filterable: 'uploaded',
-			priority:   80,
-			syncSelection: false,
-			displaySettings: false
-		}, media.controller.Library.prototype.defaults ),
-
-		initialize: function( options ) {
-			this.media = options.media;
-			this.type = options.type;
-			this.set( 'library', media.query({ type: this.type }) );
-
-			media.controller.Library.prototype.initialize.apply( this, arguments );
-		},
-
-		activate: function() {
-			if ( media.frame.lastMime ) {
-				this.set( 'library', media.query({ type: media.frame.lastMime }) );
-				delete media.frame.lastMime;
-			}
-			media.controller.Library.prototype.activate.apply( this, arguments );
+	 * @access private
+	 * @since 3.5.0
+	 */
+	_menu: function() {
+		var menu = this.frame.menu,
+			mode = this.get('menu'),
+			view;
+
+		this.frame.$el.toggleClass( 'hide-menu', ! mode );
+		if ( ! mode ) {
+			return;
 		}
-	});
 
-	/**
-	 * wp.media.controller.Embed
-	 *
-	 * @constructor
-	 * @augments wp.media.controller.State
-	 * @augments Backbone.Model
-	 */
-	media.controller.Embed = media.controller.State.extend({
-		defaults: {
-			id:      'embed',
-			url:     '',
-			menu:    'default',
-			content: 'embed',
-			toolbar: 'main-embed',
-			type:    'link',
-
-			title:    l10n.insertFromUrlTitle,
-			priority: 120
-		},
-
-		// The amount of time used when debouncing the scan.
-		sensitivity: 200,
-
-		initialize: function() {
-			this.debouncedScan = _.debounce( _.bind( this.scan, this ), this.sensitivity );
-			this.props = new Backbone.Model({ url: '' });
-			this.props.on( 'change:url', this.debouncedScan, this );
-			this.props.on( 'change:url', this.refresh, this );
-			this.on( 'scan', this.scanImage, this );
-		},
-
-		/**
-		 * @fires wp.media.controller.Embed#scan
-		 */
-		scan: function() {
-			var scanners,
-				embed = this,
-				attributes = {
-					type: 'link',
-					scanners: []
-				};
-
-			// Scan is triggered with the list of `attributes` to set on the
-			// state, useful for the 'type' attribute and 'scanners' attribute,
-			// an array of promise objects for asynchronous scan operations.
-			if ( this.props.get('url') ) {
-				this.trigger( 'scan', attributes );
-			}
-
-			if ( attributes.scanners.length ) {
-				scanners = attributes.scanners = $.when.apply( $, attributes.scanners );
-				scanners.always( function() {
-					if ( embed.get('scanners') === scanners ) {
-						embed.set( 'loading', false );
-					}
-				});
-			} else {
-				attributes.scanners = null;
-			}
-
-			attributes.loading = !! attributes.scanners;
-			this.set( attributes );
-		},
-		/**
-		 * @param {Object} attributes
-		 */
-		scanImage: function( attributes ) {
-			var frame = this.frame,
-				state = this,
-				url = this.props.get('url'),
-				image = new Image(),
-				deferred = $.Deferred();
-
-			attributes.scanners.push( deferred.promise() );
-
-			// Try to load the image and find its width/height.
-			image.onload = function() {
-				deferred.resolve();
-
-				if ( state !== frame.state() || url !== state.props.get('url') ) {
-					return;
-				}
-
-				state.set({
-					type: 'image'
-				});
-
-				state.props.set({
-					width:  image.width,
-					height: image.height
-				});
-			};
-
-			image.onerror = deferred.reject;
-			image.src = url;
-		},
+		menu.mode( mode );
 
-		refresh: function() {
-			this.frame.toolbar.get().refresh();
-		},
-
-		reset: function() {
-			this.props.clear().set({ url: '' });
-
-			if ( this.active ) {
-				this.refresh();
-			}
+		view = menu.get();
+		if ( view && view.select ) {
+			view.select( this.id );
 		}
-	});
+	},
 
 	/**
-	 * wp.media.controller.Cropper
-	 *
-	 * Allows for a cropping step.
-	 *
-	 * @constructor
-	 * @augments wp.media.controller.State
-	 * @augments Backbone.Model
-	 */
-	media.controller.Cropper = media.controller.State.extend({
-		defaults: {
-			id: 'cropper',
-			title: l10n.cropImage,
-			toolbar: 'crop',
-			content: 'crop',
-			router: false,
-			canSkipCrop: false
-		},
-
-		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));
-		},
-
-		deactivate: function() {
-			this.frame.toolbar.mode('browse');
-		},
-
-		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);
-
-		},
-		removeCropper: function() {
-			this.imgSelect.cancelSelection();
-			this.imgSelect.setOptions({remove: true});
-			this.imgSelect.update();
-			this.cropperView.remove();
-		},
-		createCropToolbar: function() {
-			var canSkipCrop, toolbarOptions;
-
-			canSkipCrop = this.get('canSkipCrop') || false;
-
-			toolbarOptions = {
-				controller: this.frame,
-				items: {
-					insert: {
-						style:    'primary',
-						text:     l10n.cropImage,
-						priority: 80,
-						requires: { library: false, selection: false },
-
-						click: function() {
-							var self = this,
-								selection = this.controller.state().get('selection').first();
-
-							selection.set({cropDetails: this.controller.state().imgSelect.getSelection()});
-
-							this.$el.text(l10n.cropping);
-							this.$el.attr('disabled', true);
-							this.controller.state().doCrop( selection ).done( function( croppedImage ) {
-								self.controller.trigger('cropped', croppedImage );
-								self.controller.close();
-							}).fail( function() {
-								self.controller.trigger('content:error:crop');
-							});
-						}
-					}
-				}
-			};
-
-			if ( canSkipCrop ) {
-				_.extend( toolbarOptions.items, {
-					skip: {
-						style:      'secondary',
-						text:       l10n.skipCropping,
-						priority:   70,
-						requires:   { library: false, selection: false },
-						click:      function() {
-							var selection = this.controller.state().get('selection').first();
-							this.controller.state().cropperView.remove();
-							this.controller.trigger('skippedcrop', selection);
-							this.controller.close();
-						}
-					}
-				});
-			}
-
-			this.frame.toolbar.set( new wp.media.view.Toolbar(toolbarOptions) );
-		},
+	 * @access private
+	 * @since 3.5.0
+	 */
+	_updateMenu: function() {
+		var previous = this.previous('menu'),
+			menu = this.get('menu');
 
-		doCrop: function( attachment ) {
-			return wp.ajax.post( 'custom-header-crop', {
-				nonce: attachment.get('nonces').edit,
-				id: attachment.get('id'),
-				cropDetails: attachment.get('cropDetails')
-			} );
+		if ( previous ) {
+			this.frame.off( 'menu:render:' + previous, this._renderMenu, this );
 		}
-	});
 
-	/**
-	 * ========================================================================
-	 * VIEWS
-	 * ========================================================================
-	 */
+		if ( menu ) {
+			this.frame.on( 'menu:render:' + menu, this._renderMenu, this );
+		}
+	},
 
 	/**
-	 * wp.media.View
-	 * -------------
-	 *
-	 * The base view class.
-	 *
-	 * Undelegating events, removing events from the model, and
-	 * removing events from the controller mirror the code for
-	 * `Backbone.View.dispose` in Backbone 0.9.8 development.
+	 * Create a view in the media menu for the state.
 	 *
-	 * This behavior has since been removed, and should not be used
-	 * outside of the media manager.
+	 * @access private
+	 * @since 3.5.0
 	 *
-	 * @constructor
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.View = wp.Backbone.View.extend({
-		constructor: function( options ) {
-			if ( options && options.controller ) {
-				this.controller = options.controller;
-			}
-			wp.Backbone.View.apply( this, arguments );
-		},
-		/**
-		 * @returns {wp.media.View} Returns itself to allow chaining
-		 */
-		dispose: function() {
-			// Undelegating events, removing events from the model, and
-			// removing events from the controller mirror the code for
-			// `Backbone.View.dispose` in Backbone 0.9.8 development.
-			this.undelegateEvents();
-
-			if ( this.model && this.model.off ) {
-				this.model.off( null, null, this );
-			}
+	 * @param {media.view.Menu} view The menu view.
+	 */
+	_renderMenu: function( view ) {
+		var menuItem = this.get('menuItem'),
+			title = this.get('title'),
+			priority = this.get('priority');
 
-			if ( this.collection && this.collection.off ) {
-				this.collection.off( null, null, this );
-			}
+		if ( ! menuItem && title ) {
+			menuItem = { text: title };
 
-			// Unbind controller events.
-			if ( this.controller && this.controller.off ) {
-				this.controller.off( null, null, this );
+			if ( priority ) {
+				menuItem.priority = priority;
 			}
+		}
 
-			return this;
-		},
-		/**
-		 * @returns {wp.media.View} Returns itself to allow chaining
-		 */
-		remove: function() {
-			this.dispose();
-			/**
-			 * call 'remove' directly on the parent class
-			 */
-			return wp.Backbone.View.prototype.remove.apply( this, arguments );
+		if ( ! menuItem ) {
+			return;
 		}
-	});
 
+		view.set( this.id, menuItem );
+	}
+});
+
+_.each(['toolbar','content'], function( region ) {
 	/**
-	 * wp.media.view.Frame
-	 *
-	 * A frame is a composite view consisting of one or more regions and one or more
-	 * states. Only one state can be active at any given moment.
-	 *
-	 * @constructor
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 * @mixes wp.media.controller.StateMachine
-	 */
-	media.view.Frame = media.View.extend({
-		initialize: function() {
-			this._createRegions();
-			this._createStates();
-		},
-
-		_createRegions: function() {
-			// Clone the regions array.
-			this.regions = this.regions ? this.regions.slice() : [];
-
-			// Initialize regions.
-			_.each( this.regions, function( region ) {
-				this[ region ] = new media.controller.Region({
-					view:     this,
-					id:       region,
-					selector: '.media-frame-' + region
-				});
-			}, this );
-		},
-		/**
-		 * @fires wp.media.controller.State#ready
-		 */
-		_createStates: function() {
-			// Create the default `states` collection.
-			this.states = new Backbone.Collection( null, {
-				model: media.controller.State
-			});
+	 * @access private
+	 */
+	State.prototype[ '_' + region ] = function() {
+		var mode = this.get( region );
+		if ( mode ) {
+			this.frame[ region ].render( mode );
+		}
+	};
+});
+
+module.exports = State;
+
+},{}],18:[function(require,module,exports){
+/**
+ * wp.media.selectionSync
+ *
+ * Sync an attachments selection in a state with another state.
+ *
+ * Allows for selecting multiple images in the Insert Media workflow, and then
+ * switching to the Insert Gallery workflow while preserving the attachments selection.
+ *
+ * @mixin
+ */
+var selectionSync = {
+	/**
+	 * @since 3.5.0
+	 */
+	syncSelection: function() {
+		var selection = this.get('selection'),
+			manager = this.frame._selection;
 
-			// Ensure states have a reference to the frame.
-			this.states.on( 'add', function( model ) {
-				model.frame = this;
-				model.trigger('ready');
-			}, this );
+		if ( ! this.get('syncSelection') || ! manager || ! selection ) {
+			return;
+		}
 
-			if ( this.options.states ) {
-				this.states.add( this.options.states );
-			}
-		},
-		/**
-		 * @returns {wp.media.view.Frame} Returns itself to allow chaining
-		 */
-		reset: function() {
-			this.states.invoke( 'trigger', 'reset' );
-			return this;
+		// If the selection supports multiple items, validate the stored
+		// attachments based on the new selection's conditions. Record
+		// the attachments that are not included; we'll maintain a
+		// reference to those. Other attachments are considered in flux.
+		if ( selection.multiple ) {
+			selection.reset( [], { silent: true });
+			selection.validateAll( manager.attachments );
+			manager.difference = _.difference( manager.attachments.models, selection.models );
 		}
-	});
 
-	// Make the `Frame` a `StateMachine`.
-	_.extend( media.view.Frame.prototype, media.controller.StateMachine.prototype );
+		// Sync the selection's single item with the master.
+		selection.single( manager.single );
+	},
 
 	/**
-	 * wp.media.view.MediaFrame
-	 *
-	 * Type of frame used to create the media modal.
+	 * Record the currently active attachments, which is a combination
+	 * of the selection's attachments and the set of selected
+	 * attachments that this specific selection considered invalid.
+	 * Reset the difference and record the single attachment.
 	 *
-	 * @constructor
-	 * @augments wp.media.view.Frame
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 * @mixes wp.media.controller.StateMachine
-	 */
-	media.view.MediaFrame = media.view.Frame.extend({
-		className: 'media-frame',
-		template:  media.template('media-frame'),
-		regions:   ['menu','title','content','toolbar','router'],
-
-		/**
-		 * @global wp.Uploader
-		 */
-		initialize: function() {
-
-			media.view.Frame.prototype.initialize.apply( this, arguments );
-
-			_.defaults( this.options, {
-				title:    '',
-				modal:    true,
-				uploader: true
-			});
-
-			// Ensure core UI is enabled.
-			this.$el.addClass('wp-core-ui');
-
-			// Initialize modal container view.
-			if ( this.options.modal ) {
-				this.modal = new media.view.Modal({
-					controller: this,
-					title:      this.options.title
-				});
-
-				this.modal.content( this );
-			}
-
-			// Force the uploader off if the upload limit has been exceeded or
-			// if the browser isn't supported.
-			if ( wp.Uploader.limitExceeded || ! wp.Uploader.browser.supported ) {
-				this.options.uploader = false;
-			}
-
-			// Initialize window-wide uploader.
-			if ( this.options.uploader ) {
-				this.uploader = new media.view.UploaderWindow({
-					controller: this,
-					uploader: {
-						dropzone:  this.modal ? this.modal.$el : this.$el,
-						container: this.$el
-					}
-				});
-				this.views.set( '.media-frame-uploader', this.uploader );
-			}
-
-			this.on( 'attach', _.bind( this.views.ready, this.views ), this );
-
-			// Bind default title creation.
-			this.on( 'title:create:default', this.createTitle, this );
-			this.title.mode('default');
-
-			// Bind default menu.
-			this.on( 'menu:create:default', this.createMenu, this );
-		},
-		/**
-		 * @returns {wp.media.view.MediaFrame} Returns itself to allow chaining
-		 */
-		render: function() {
-			// Activate the default state if no active state exists.
-			if ( ! this.state() && this.options.state ) {
-				this.setState( this.options.state );
-			}
-			/**
-			 * call 'render' directly on the parent class
-			 */
-			return media.view.Frame.prototype.render.apply( this, arguments );
-		},
-		/**
-		 * @param {Object} title
-		 * @this wp.media.controller.Region
-		 */
-		createTitle: function( title ) {
-			title.view = new media.View({
-				controller: this,
-				tagName: 'h1'
-			});
-		},
-		/**
-		 * @param {Object} menu
-		 * @this wp.media.controller.Region
-		 */
-		createMenu: function( menu ) {
-			menu.view = new media.view.Menu({
-				controller: this
-			});
-		},
-		/**
-		 * @param {Object} toolbar
-		 * @this wp.media.controller.Region
-		 */
-		createToolbar: function( toolbar ) {
-			toolbar.view = new media.view.Toolbar({
-				controller: this
-			});
-		},
-		/**
-		 * @param {Object} router
-		 * @this wp.media.controller.Region
-		 */
-		createRouter: function( router ) {
-			router.view = new media.view.Router({
-				controller: this
-			});
-		},
-		/**
-		 * @param {Object} options
-		 */
-		createIframeStates: function( options ) {
-			var settings = media.view.settings,
-				tabs = settings.tabs,
-				tabUrl = settings.tabUrl,
-				$postId;
-
-			if ( ! tabs || ! tabUrl ) {
-				return;
-			}
-
-			// Add the post ID to the tab URL if it exists.
-			$postId = $('#post_ID');
-			if ( $postId.length ) {
-				tabUrl += '&post_id=' + $postId.val();
-			}
+	 * @since 3.5.0
+	 */
+	recordSelection: function() {
+		var selection = this.get('selection'),
+			manager = this.frame._selection;
 
-			// Generate the tab states.
-			_.each( tabs, function( title, id ) {
-				this.state( 'iframe:' + id ).set( _.defaults({
-					tab:     id,
-					src:     tabUrl + '&tab=' + id,
-					title:   title,
-					content: 'iframe',
-					menu:    'default'
-				}, options ) );
-			}, this );
+		if ( ! this.get('syncSelection') || ! manager || ! selection ) {
+			return;
+		}
 
-			this.on( 'content:create:iframe', this.iframeContent, this );
-			this.on( 'menu:render:default', this.iframeMenu, this );
-			this.on( 'open', this.hijackThickbox, this );
-			this.on( 'close', this.restoreThickbox, this );
-		},
+		if ( selection.multiple ) {
+			manager.attachments.reset( selection.toArray().concat( manager.difference ) );
+			manager.difference = [];
+		} else {
+			manager.attachments.add( selection.toArray() );
+		}
 
-		/**
-		 * @param {Object} content
-		 * @this wp.media.controller.Region
-		 */
-		iframeContent: function( content ) {
-			this.$el.addClass('hide-toolbar');
-			content.view = new media.view.Iframe({
-				controller: this
-			});
-		},
+		manager.single = selection._single;
+	}
+};
 
-		iframeMenu: function( view ) {
-			var views = {};
+module.exports = selectionSync;
 
-			if ( ! view ) {
-				return;
-			}
+},{}],19:[function(require,module,exports){
+var media = wp.media,
+	$ = jQuery,
+	l10n;
 
-			_.each( media.view.settings.tabs, function( title, id ) {
-				views[ 'iframe:' + id ] = {
-					text: this.state( 'iframe:' + id ).get('title'),
-					priority: 200
-				};
-			}, this );
+media.isTouchDevice = ( 'ontouchend' in document );
 
-			view.set( views );
-		},
+// Link any localized strings.
+l10n = media.view.l10n = window._wpMediaViewsL10n || {};
 
-		hijackThickbox: function() {
-			var frame = this;
+// Link any settings.
+media.view.settings = l10n.settings || {};
+delete l10n.settings;
 
-			if ( ! window.tb_remove || this._tb_remove ) {
-				return;
-			}
+// Copy the `post` setting over to the model settings.
+media.model.settings.post = media.view.settings.post;
 
-			this._tb_remove = window.tb_remove;
-			window.tb_remove = function() {
-				frame.close();
-				frame.reset();
-				frame.setState( frame.options.state );
-				frame._tb_remove.call( window );
-			};
-		},
+// Check if the browser supports CSS 3.0 transitions
+$.support.transition = (function(){
+	var style = document.documentElement.style,
+		transitions = {
+			WebkitTransition: 'webkitTransitionEnd',
+			MozTransition:    'transitionend',
+			OTransition:      'oTransitionEnd otransitionend',
+			transition:       'transitionend'
+		}, transition;
 
-		restoreThickbox: function() {
-			if ( ! this._tb_remove ) {
-				return;
-			}
+	transition = _.find( _.keys( transitions ), function( transition ) {
+		return ! _.isUndefined( style[ transition ] );
+	});
 
-			window.tb_remove = this._tb_remove;
-			delete this._tb_remove;
+	return transition && {
+		end: transitions[ transition ]
+	};
+}());
+
+/**
+ * A shared event bus used to provide events into
+ * the media workflows that 3rd-party devs can use to hook
+ * in.
+ */
+media.events = _.extend( {}, Backbone.Events );
+
+/**
+ * Makes it easier to bind events using transitions.
+ *
+ * @param {string} selector
+ * @param {Number} sensitivity
+ * @returns {Promise}
+ */
+media.transition = function( selector, sensitivity ) {
+	var deferred = $.Deferred();
+
+	sensitivity = sensitivity || 2000;
+
+	if ( $.support.transition ) {
+		if ( ! (selector instanceof $) ) {
+			selector = $( selector );
 		}
-	});
 
-	// Map some of the modal's methods to the frame.
-	_.each(['open','close','attach','detach','escape'], function( method ) {
+		// Resolve the deferred when the first element finishes animating.
+		selector.first().one( $.support.transition.end, deferred.resolve );
+
+		// Just in case the event doesn't trigger, fire a callback.
+		_.delay( deferred.resolve, sensitivity );
+
+	// Otherwise, execute on the spot.
+	} else {
+		deferred.resolve();
+	}
+
+	return deferred.promise();
+};
+
+media.controller.Region = require( './controllers/region.js' );
+media.controller.StateMachine = require( './controllers/state-machine.js' );
+media.controller.State = require( './controllers/state.js' );
+
+media.selectionSync = require( './utils/selection-sync.js' );
+media.controller.Library = require( './controllers/library.js' );
+media.controller.ImageDetails = require( './controllers/image-details.js' );
+media.controller.GalleryEdit = require( './controllers/gallery-edit.js' );
+media.controller.GalleryAdd = require( './controllers/gallery-add.js' );
+media.controller.CollectionEdit = require( './controllers/collection-edit.js' );
+media.controller.CollectionAdd = require( './controllers/collection-add.js' );
+media.controller.FeaturedImage = require( './controllers/featured-image.js' );
+media.controller.ReplaceImage = require( './controllers/replace-image.js' );
+media.controller.EditImage = require( './controllers/edit-image.js' );
+media.controller.MediaLibrary = require( './controllers/media-library.js' );
+media.controller.Embed = require( './controllers/embed.js' );
+media.controller.Cropper = require( './controllers/cropper.js' );
+media.controller.CustomizeImageCropper = require( './controllers/customize-image-cropper.js' );
+media.controller.SiteIconCropper = require( './controllers/site-icon-cropper.js' );
+
+media.View = require( './views/view.js' );
+media.view.Frame = require( './views/frame.js' );
+media.view.MediaFrame = require( './views/media-frame.js' );
+media.view.MediaFrame.Select = require( './views/frame/select.js' );
+media.view.MediaFrame.Post = require( './views/frame/post.js' );
+media.view.MediaFrame.ImageDetails = require( './views/frame/image-details.js' );
+media.view.Modal = require( './views/modal.js' );
+media.view.FocusManager = require( './views/focus-manager.js' );
+media.view.UploaderWindow = require( './views/uploader/window.js' );
+media.view.EditorUploader = require( './views/uploader/editor.js' );
+media.view.UploaderInline = require( './views/uploader/inline.js' );
+media.view.UploaderStatus = require( './views/uploader/status.js' );
+media.view.UploaderStatusError = require( './views/uploader/status-error.js' );
+media.view.Toolbar = require( './views/toolbar.js' );
+media.view.Toolbar.Select = require( './views/toolbar/select.js' );
+media.view.Toolbar.Embed = require( './views/toolbar/embed.js' );
+media.view.Button = require( './views/button.js' );
+media.view.ButtonGroup = require( './views/button-group.js' );
+media.view.PriorityList = require( './views/priority-list.js' );
+media.view.MenuItem = require( './views/menu-item.js' );
+media.view.Menu = require( './views/menu.js' );
+media.view.RouterItem = require( './views/router-item.js' );
+media.view.Router = require( './views/router.js' );
+media.view.Sidebar = require( './views/sidebar.js' );
+media.view.Attachment = require( './views/attachment.js' );
+media.view.Attachment.Library = require( './views/attachment/library.js' );
+media.view.Attachment.EditLibrary = require( './views/attachment/edit-library.js' );
+media.view.Attachments = require( './views/attachments.js' );
+media.view.Search = require( './views/search.js' );
+media.view.AttachmentFilters = require( './views/attachment-filters.js' );
+media.view.DateFilter = require( './views/attachment-filters/date.js' );
+media.view.AttachmentFilters.Uploaded = require( './views/attachment-filters/uploaded.js' );
+media.view.AttachmentFilters.All = require( './views/attachment-filters/all.js' );
+media.view.AttachmentsBrowser = require( './views/attachments/browser.js' );
+media.view.Selection = require( './views/selection.js' );
+media.view.Attachment.Selection = require( './views/attachment/selection.js' );
+media.view.Attachments.Selection = require( './views/attachments/selection.js' );
+media.view.Attachment.EditSelection = require( './views/attachment/edit-selection.js' );
+media.view.Settings = require( './views/settings.js' );
+media.view.Settings.AttachmentDisplay = require( './views/settings/attachment-display.js' );
+media.view.Settings.Gallery = require( './views/settings/gallery.js' );
+media.view.Settings.Playlist = require( './views/settings/playlist.js' );
+media.view.Attachment.Details = require( './views/attachment/details.js' );
+media.view.AttachmentCompat = require( './views/attachment-compat.js' );
+media.view.Iframe = require( './views/iframe.js' );
+media.view.Embed = require( './views/embed.js' );
+media.view.Label = require( './views/label.js' );
+media.view.EmbedUrl = require( './views/embed/url.js' );
+media.view.EmbedLink = require( './views/embed/link.js' );
+media.view.EmbedImage = require( './views/embed/image.js' );
+media.view.ImageDetails = require( './views/image-details.js' );
+media.view.Cropper = require( './views/cropper.js' );
+media.view.SiteIconCropper = require( './views/site-icon-cropper.js' );
+media.view.SiteIconPreview = require( './views/site-icon-preview.js' );
+media.view.EditImage = require( './views/edit-image.js' );
+media.view.Spinner = require( './views/spinner.js' );
+
+},{"./controllers/collection-add.js":1,"./controllers/collection-edit.js":2,"./controllers/cropper.js":3,"./controllers/customize-image-cropper.js":4,"./controllers/edit-image.js":5,"./controllers/embed.js":6,"./controllers/featured-image.js":7,"./controllers/gallery-add.js":8,"./controllers/gallery-edit.js":9,"./controllers/image-details.js":10,"./controllers/library.js":11,"./controllers/media-library.js":12,"./controllers/region.js":13,"./controllers/replace-image.js":14,"./controllers/site-icon-cropper.js":15,"./controllers/state-machine.js":16,"./controllers/state.js":17,"./utils/selection-sync.js":18,"./views/attachment-compat.js":20,"./views/attachment-filters.js":21,"./views/attachment-filters/all.js":22,"./views/attachment-filters/date.js":23,"./views/attachment-filters/uploaded.js":24,"./views/attachment.js":25,"./views/attachment/details.js":26,"./views/attachment/edit-library.js":27,"./views/attachment/edit-selection.js":28,"./views/attachment/library.js":29,"./views/attachment/selection.js":30,"./views/attachments.js":31,"./views/attachments/browser.js":32,"./views/attachments/selection.js":33,"./views/button-group.js":34,"./views/button.js":35,"./views/cropper.js":36,"./views/edit-image.js":37,"./views/embed.js":38,"./views/embed/image.js":39,"./views/embed/link.js":40,"./views/embed/url.js":41,"./views/focus-manager.js":42,"./views/frame.js":43,"./views/frame/image-details.js":44,"./views/frame/post.js":45,"./views/frame/select.js":46,"./views/iframe.js":47,"./views/image-details.js":48,"./views/label.js":49,"./views/media-frame.js":50,"./views/menu-item.js":51,"./views/menu.js":52,"./views/modal.js":53,"./views/priority-list.js":54,"./views/router-item.js":55,"./views/router.js":56,"./views/search.js":57,"./views/selection.js":58,"./views/settings.js":59,"./views/settings/attachment-display.js":60,"./views/settings/gallery.js":61,"./views/settings/playlist.js":62,"./views/sidebar.js":63,"./views/site-icon-cropper.js":64,"./views/site-icon-preview.js":65,"./views/spinner.js":66,"./views/toolbar.js":67,"./views/toolbar/embed.js":68,"./views/toolbar/select.js":69,"./views/uploader/editor.js":70,"./views/uploader/inline.js":71,"./views/uploader/status-error.js":72,"./views/uploader/status.js":73,"./views/uploader/window.js":74,"./views/view.js":75}],20:[function(require,module,exports){
+/**
+ * wp.media.view.AttachmentCompat
+ *
+ * A view to display fields added via the `attachment_fields_to_edit` filter.
+ *
+ * @class
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var View = wp.media.View,
+	AttachmentCompat;
+
+AttachmentCompat = View.extend({
+	tagName:   'form',
+	className: 'compat-item',
+
+	events: {
+		'submit':          'preventDefault',
+		'change input':    'save',
+		'change select':   'save',
+		'change textarea': 'save'
+	},
+
+	initialize: function() {
+		this.listenTo( this.model, 'change:compat', this.render );
+	},
+	/**
+	 * @returns {wp.media.view.AttachmentCompat} Returns itself to allow chaining
+	 */
+	dispose: function() {
+		if ( this.$(':focus').length ) {
+			this.save();
+		}
 		/**
-		 * @returns {wp.media.view.MediaFrame} Returns itself to allow chaining
+		 * call 'dispose' directly on the parent class
 		 */
-		media.view.MediaFrame.prototype[ method ] = function() {
-			if ( this.modal ) {
-				this.modal[ method ].apply( this.modal, arguments );
-			}
-			return this;
-		};
-	});
-
+		return View.prototype.dispose.apply( this, arguments );
+	},
 	/**
-	 * wp.media.view.MediaFrame.Select
-	 *
-	 * Type of media frame that is used to select an item or items from the media library
-	 *
-	 * @constructor
-	 * @augments wp.media.view.MediaFrame
-	 * @augments wp.media.view.Frame
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 * @mixes wp.media.controller.StateMachine
-	 */
-	media.view.MediaFrame.Select = media.view.MediaFrame.extend({
-		initialize: function() {
-			/**
-			 * call 'initialize' directly on the parent class
-			 */
-			media.view.MediaFrame.prototype.initialize.apply( this, arguments );
-
-			_.defaults( this.options, {
-				selection: [],
-				library:   {},
-				multiple:  false,
-				state:    'library'
-			});
+	 * @returns {wp.media.view.AttachmentCompat} Returns itself to allow chaining
+	 */
+	render: function() {
+		var compat = this.model.get('compat');
+		if ( ! compat || ! compat.item ) {
+			return;
+		}
 
-			this.createSelection();
-			this.createStates();
-			this.bindHandlers();
-		},
+		this.views.detach();
+		this.$el.html( compat.item );
+		this.views.render();
+		return this;
+	},
+	/**
+	 * @param {Object} event
+	 */
+	preventDefault: function( event ) {
+		event.preventDefault();
+	},
+	/**
+	 * @param {Object} event
+	 */
+	save: function( event ) {
+		var data = {};
 
-		createSelection: function() {
-			var selection = this.options.selection;
+		if ( event ) {
+			event.preventDefault();
+		}
 
-			if ( ! (selection instanceof media.model.Selection) ) {
-				this.options.selection = new media.model.Selection( selection, {
-					multiple: this.options.multiple
-				});
-			}
+		_.each( this.$el.serializeArray(), function( pair ) {
+			data[ pair.name ] = pair.value;
+		});
 
-			this._selection = {
-				attachments: new media.model.Attachments(),
-				difference: []
+		this.controller.trigger( 'attachment:compat:waiting', ['waiting'] );
+		this.model.saveCompat( data ).always( _.bind( this.postSave, this ) );
+	},
+
+	postSave: function() {
+		this.controller.trigger( 'attachment:compat:ready', ['ready'] );
+	}
+});
+
+module.exports = AttachmentCompat;
+
+},{}],21:[function(require,module,exports){
+/**
+ * wp.media.view.AttachmentFilters
+ *
+ * @class
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var $ = jQuery,
+	AttachmentFilters;
+
+AttachmentFilters = wp.media.View.extend({
+	tagName:   'select',
+	className: 'attachment-filters',
+	id:        'media-attachment-filters',
+
+	events: {
+		change: 'change'
+	},
+
+	keys: [],
+
+	initialize: function() {
+		this.createFilters();
+		_.extend( this.filters, this.options.filters );
+
+		// Build `<option>` elements.
+		this.$el.html( _.chain( this.filters ).map( function( filter, value ) {
+			return {
+				el: $( '<option></option>' ).val( value ).html( filter.text )[0],
+				priority: filter.priority || 50
 			};
-		},
+		}, this ).sortBy('priority').pluck('el').value() );
 
-		createStates: function() {
-			var options = this.options;
+		this.listenTo( this.model, 'change', this.select );
+		this.select();
+	},
 
-			if ( this.options.states ) {
-				return;
-			}
-
-			// Add the default states.
-			this.states.add([
-				// Main states.
-				new media.controller.Library({
-					library:   media.query( options.library ),
-					multiple:  options.multiple,
-					title:     options.title,
-					priority:  20
-				})
-			]);
-		},
-
-		bindHandlers: function() {
-			this.on( 'router:create:browse', this.createRouter, this );
-			this.on( 'router:render:browse', this.browseRouter, this );
-			this.on( 'content:create:browse', this.browseContent, this );
-			this.on( 'content:render:upload', this.uploadContent, this );
-			this.on( 'toolbar:create:select', this.createSelectToolbar, this );
-		},
-
-		// Routers
-		browseRouter: function( view ) {
-			view.set({
-				upload: {
-					text:     l10n.uploadFilesTitle,
-					priority: 20
-				},
-				browse: {
-					text:     l10n.mediaLibraryTitle,
-					priority: 40
-				}
-			});
-		},
+	/**
+	 * @abstract
+	 */
+	createFilters: function() {
+		this.filters = {};
+	},
 
-		/**
-		 * Content
-		 *
-		 * @param {Object} content
-		 * @this wp.media.controller.Region
-		 */
-		browseContent: function( content ) {
-			var state = this.state();
+	/**
+	 * When the selected filter changes, update the Attachment Query properties to match.
+	 */
+	change: function() {
+		var filter = this.filters[ this.el.value ];
+		if ( filter ) {
+			this.model.set( filter.props );
+		}
+	},
 
-			this.$el.removeClass('hide-toolbar');
+	select: function() {
+		var model = this.model,
+			value = 'all',
+			props = model.toJSON();
 
-			// Browse our library of attachments.
-			content.view = new media.view.AttachmentsBrowser({
-				controller: this,
-				collection: state.get('library'),
-				selection:  state.get('selection'),
-				model:      state,
-				sortable:   state.get('sortable'),
-				search:     state.get('searchable'),
-				filters:    state.get('filterable'),
-				display:    state.get('displaySettings'),
-				dragInfo:   state.get('dragInfo'),
-
-				suggestedWidth:  state.get('suggestedWidth'),
-				suggestedHeight: state.get('suggestedHeight'),
-
-				AttachmentView: state.get('AttachmentView')
+		_.find( this.filters, function( filter, id ) {
+			var equal = _.all( filter.props, function( prop, key ) {
+				return prop === ( _.isUndefined( props[ key ] ) ? null : props[ key ] );
 			});
-		},
 
-		/**
-		 *
-		 * @this wp.media.controller.Region
-		 */
-		uploadContent: function() {
-			this.$el.removeClass('hide-toolbar');
-			this.content.set( new media.view.UploaderInline({
-				controller: this
-			}) );
-		},
-
-		/**
-		 * Toolbars
-		 *
-		 * @param {Object} toolbar
-		 * @param {Object} [options={}]
-		 * @this wp.media.controller.Region
-		 */
-		createSelectToolbar: function( toolbar, options ) {
-			options = options || this.options.button || {};
-			options.controller = this;
-
-			toolbar.view = new media.view.Toolbar.Select( options );
-		}
-	});
+			if ( equal ) {
+				return value = id;
+			}
+		});
 
-	/**
-	 * wp.media.view.MediaFrame.Post
-	 *
-	 * @constructor
-	 * @augments wp.media.view.MediaFrame.Select
-	 * @augments wp.media.view.MediaFrame
-	 * @augments wp.media.view.Frame
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 * @mixes wp.media.controller.StateMachine
-	 */
-	media.view.MediaFrame.Post = media.view.MediaFrame.Select.extend({
-		initialize: function() {
-			this.counts = {
-				audio: {
-					count: media.view.settings.attachmentCounts.audio,
-					state: 'playlist'
-				},
-				video: {
-					count: media.view.settings.attachmentCounts.video,
-					state: 'video-playlist'
+		this.$el.val( value );
+	}
+});
+
+module.exports = AttachmentFilters;
+
+},{}],22:[function(require,module,exports){
+/**
+ * wp.media.view.AttachmentFilters.All
+ *
+ * @class
+ * @augments wp.media.view.AttachmentFilters
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var l10n = wp.media.view.l10n,
+	All;
+
+All = wp.media.view.AttachmentFilters.extend({
+	createFilters: function() {
+		var filters = {};
+
+		_.each( wp.media.view.settings.mimeTypes || {}, function( text, key ) {
+			filters[ key ] = {
+				text: text,
+				props: {
+					status:  null,
+					type:    key,
+					uploadedTo: null,
+					orderby: 'date',
+					order:   'DESC'
 				}
 			};
+		});
 
-			_.defaults( this.options, {
-				multiple:  true,
-				editing:   false,
-				state:    'insert'
-			});
-			/**
-			 * call 'initialize' directly on the parent class
-			 */
-			media.view.MediaFrame.Select.prototype.initialize.apply( this, arguments );
-			this.createIframeStates();
-
-		},
-
-		createStates: function() {
-			var options = this.options;
-
-			// Add the default states.
-			this.states.add([
-				// Main states.
-				new media.controller.Library({
-					id:         'insert',
-					title:      l10n.insertMediaTitle,
-					priority:   20,
-					toolbar:    'main-insert',
-					filterable: 'all',
-					library:    media.query( options.library ),
-					multiple:   options.multiple ? 'reset' : false,
-					editable:   true,
-
-					// If the user isn't allowed to edit fields,
-					// can they still edit it locally?
-					allowLocalEdits: true,
-
-					// Show the attachment display settings.
-					displaySettings: true,
-					// Update user settings when users adjust the
-					// attachment display settings.
-					displayUserSettings: true
-				}),
-
-				new media.controller.Library({
-					id:         'gallery',
-					title:      l10n.createGalleryTitle,
-					priority:   40,
-					toolbar:    'main-gallery',
-					filterable: 'uploaded',
-					multiple:   'add',
-					editable:   false,
-
-					library:  media.query( _.defaults({
-						type: 'image'
-					}, options.library ) )
-				}),
-
-				// Embed states.
-				new media.controller.Embed(),
-
-				new media.controller.EditImage( { model: options.editImage } ),
-
-				// Gallery states.
-				new media.controller.GalleryEdit({
-					library: options.selection,
-					editing: options.editing,
-					menu:    'gallery'
-				}),
-
-				new media.controller.GalleryAdd(),
-
-				new media.controller.Library({
-					id:         'playlist',
-					title:      l10n.createPlaylistTitle,
-					priority:   60,
-					toolbar:    'main-playlist',
-					filterable: 'uploaded',
-					multiple:   'add',
-					editable:   false,
-
-					library:  media.query( _.defaults({
-						type: 'audio'
-					}, options.library ) )
-				}),
-
-				// Playlist states.
-				new media.controller.CollectionEdit({
-					type: 'audio',
-					collectionType: 'playlist',
-					title:          l10n.editPlaylistTitle,
-					SettingsView:   media.view.Settings.Playlist,
-					library:        options.selection,
-					editing:        options.editing,
-					menu:           'playlist',
-					dragInfoText:   l10n.playlistDragInfo,
-					dragInfo:       false
-				}),
-
-				new media.controller.CollectionAdd({
-					type: 'audio',
-					collectionType: 'playlist',
-					title: l10n.addToPlaylistTitle
-				}),
-
-				new media.controller.Library({
-					id:         'video-playlist',
-					title:      l10n.createVideoPlaylistTitle,
-					priority:   60,
-					toolbar:    'main-video-playlist',
-					filterable: 'uploaded',
-					multiple:   'add',
-					editable:   false,
-
-					library:  media.query( _.defaults({
-						type: 'video'
-					}, options.library ) )
-				}),
-
-				new media.controller.CollectionEdit({
-					type: 'video',
-					collectionType: 'playlist',
-					title:          l10n.editVideoPlaylistTitle,
-					SettingsView:   media.view.Settings.Playlist,
-					library:        options.selection,
-					editing:        options.editing,
-					menu:           'video-playlist',
-					dragInfoText:   l10n.playlistDragInfo,
-					dragInfo:       false
-				}),
-
-				new media.controller.CollectionAdd({
-					type: 'video',
-					collectionType: 'playlist',
-					title: l10n.addToVideoPlaylistTitle
-				})
-			]);
-
-			if ( media.view.settings.post.featuredImageId ) {
-				this.states.add( new media.controller.FeaturedImage() );
-			}
-		},
-
-		bindHandlers: function() {
-			var handlers, checkCounts;
-
-			media.view.MediaFrame.Select.prototype.bindHandlers.apply( this, arguments );
+		filters.all = {
+			text:  l10n.allMediaItems,
+			props: {
+				status:  null,
+				type:    null,
+				uploadedTo: null,
+				orderby: 'date',
+				order:   'DESC'
+			},
+			priority: 10
+		};
 
-			this.on( 'activate', this.activate, this );
+		if ( wp.media.view.settings.post.id ) {
+			filters.uploaded = {
+				text:  l10n.uploadedToThisPost,
+				props: {
+					status:  null,
+					type:    null,
+					uploadedTo: wp.media.view.settings.post.id,
+					orderby: 'menuOrder',
+					order:   'ASC'
+				},
+				priority: 20
+			};
+		}
 
-			// Only bother checking media type counts if one of the counts is zero
-			checkCounts = _.find( this.counts, function( type ) {
-				return type.count === 0;
-			} );
+		filters.unattached = {
+			text:  l10n.unattached,
+			props: {
+				status:     null,
+				uploadedTo: 0,
+				type:       null,
+				orderby:    'menuOrder',
+				order:      'ASC'
+			},
+			priority: 50
+		};
 
-			if ( typeof checkCounts !== 'undefined' ) {
-				this.listenTo( media.model.Attachments.all, 'change:type', this.mediaTypeCounts );
-			}
+		if ( wp.media.view.settings.mediaTrash &&
+			this.controller.isModeActive( 'grid' ) ) {
 
-			this.on( 'menu:create:gallery', this.createMenu, this );
-			this.on( 'menu:create:playlist', this.createMenu, this );
-			this.on( 'menu:create:video-playlist', this.createMenu, this );
-			this.on( 'toolbar:create:main-insert', this.createToolbar, this );
-			this.on( 'toolbar:create:main-gallery', this.createToolbar, this );
-			this.on( 'toolbar:create:main-playlist', this.createToolbar, this );
-			this.on( 'toolbar:create:main-video-playlist', this.createToolbar, this );
-			this.on( 'toolbar:create:featured-image', this.featuredImageToolbar, this );
-			this.on( 'toolbar:create:main-embed', this.mainEmbedToolbar, this );
-
-			handlers = {
-				menu: {
-					'default': 'mainMenu',
-					'gallery': 'galleryMenu',
-					'playlist': 'playlistMenu',
-					'video-playlist': 'videoPlaylistMenu'
-				},
-
-				content: {
-					'embed':          'embedContent',
-					'edit-image':     'editImageContent',
-					'edit-selection': 'editSelectionContent'
+			filters.trash = {
+				text:  l10n.trash,
+				props: {
+					uploadedTo: null,
+					status:     'trash',
+					type:       null,
+					orderby:    'date',
+					order:      'DESC'
 				},
-
-				toolbar: {
-					'main-insert':      'mainInsertToolbar',
-					'main-gallery':     'mainGalleryToolbar',
-					'gallery-edit':     'galleryEditToolbar',
-					'gallery-add':      'galleryAddToolbar',
-					'main-playlist':	'mainPlaylistToolbar',
-					'playlist-edit':	'playlistEditToolbar',
-					'playlist-add':		'playlistAddToolbar',
-					'main-video-playlist': 'mainVideoPlaylistToolbar',
-					'video-playlist-edit': 'videoPlaylistEditToolbar',
-					'video-playlist-add': 'videoPlaylistAddToolbar'
-				}
+				priority: 50
 			};
+		}
 
-			_.each( handlers, function( regionHandlers, region ) {
-				_.each( regionHandlers, function( callback, handler ) {
-					this.on( region + ':render:' + handler, this[ callback ], this );
-				}, this );
-			}, this );
-		},
-
-		activate: function() {
-			// Hide menu items for states tied to particular media types if there are no items
-			_.each( this.counts, function( type ) {
-				if ( type.count < 1 ) {
-					this.menuItemVisibility( type.state, 'hide' );
+		this.filters = filters;
+	}
+});
+
+module.exports = All;
+
+},{}],23:[function(require,module,exports){
+/**
+ * A filter dropdown for month/dates.
+ *
+ * @class
+ * @augments wp.media.view.AttachmentFilters
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var l10n = wp.media.view.l10n,
+	DateFilter;
+
+DateFilter = wp.media.view.AttachmentFilters.extend({
+	id: 'media-attachment-date-filters',
+
+	createFilters: function() {
+		var filters = {};
+		_.each( wp.media.view.settings.months || {}, function( value, index ) {
+			filters[ index ] = {
+				text: value.text,
+				props: {
+					year: value.year,
+					monthnum: value.month
 				}
-			}, this );
-		},
-
-		mediaTypeCounts: function( model, attr ) {
-			if ( typeof this.counts[ attr ] !== 'undefined' && this.counts[ attr ].count < 1 ) {
-				this.counts[ attr ].count++;
-				this.menuItemVisibility( this.counts[ attr ].state, 'show' );
-			}
-		},
+			};
+		});
+		filters.all = {
+			text:  l10n.allDates,
+			props: {
+				monthnum: false,
+				year:  false
+			},
+			priority: 10
+		};
+		this.filters = filters;
+	}
+});
+
+module.exports = DateFilter;
+
+},{}],24:[function(require,module,exports){
+/**
+ * wp.media.view.AttachmentFilters.Uploaded
+ *
+ * @class
+ * @augments wp.media.view.AttachmentFilters
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var l10n = wp.media.view.l10n,
+	Uploaded;
+
+Uploaded = wp.media.view.AttachmentFilters.extend({
+	createFilters: function() {
+		var type = this.model.get('type'),
+			types = wp.media.view.settings.mimeTypes,
+			text;
+
+		if ( types && type ) {
+			text = types[ type ];
+		}
 
-		// Menus
-		/**
-		 * @param {wp.Backbone.View} view
-		 */
-		mainMenu: function( view ) {
-			view.set({
-				'library-separator': new media.View({
-					className: 'separator',
-					priority: 100
-				})
-			});
-		},
-
-		menuItemVisibility: function( state, visibility ) {
-			var menu = this.menu.get();
-			if ( visibility === 'hide' ) {
-				menu.hide( state );
-			} else if ( visibility === 'show' ) {
-				menu.show( state );
-			}
-		},
-		/**
-		 * @param {wp.Backbone.View} view
-		 */
-		galleryMenu: function( view ) {
-			var lastState = this.lastState(),
-				previous = lastState && lastState.id,
-				frame = this;
-
-			view.set({
-				cancel: {
-					text:     l10n.cancelGalleryTitle,
-					priority: 20,
-					click:    function() {
-						if ( previous ) {
-							frame.setState( previous );
-						} else {
-							frame.close();
-						}
-					}
+		this.filters = {
+			all: {
+				text:  text || l10n.allMediaItems,
+				props: {
+					uploadedTo: null,
+					orderby: 'date',
+					order:   'DESC'
 				},
-				separateCancel: new media.View({
-					className: 'separator',
-					priority: 40
-				})
-			});
-		},
-
-		playlistMenu: function( view ) {
-			var lastState = this.lastState(),
-				previous = lastState && lastState.id,
-				frame = this;
+				priority: 10
+			},
 
-			view.set({
-				cancel: {
-					text:     l10n.cancelPlaylistTitle,
-					priority: 20,
-					click:    function() {
-						if ( previous ) {
-							frame.setState( previous );
-						} else {
-							frame.close();
-						}
-					}
+			uploaded: {
+				text:  l10n.uploadedToThisPost,
+				props: {
+					uploadedTo: wp.media.view.settings.post.id,
+					orderby: 'menuOrder',
+					order:   'ASC'
 				},
-				separateCancel: new media.View({
-					className: 'separator',
-					priority: 40
-				})
-			});
-		},
-
-		videoPlaylistMenu: function( view ) {
-			var lastState = this.lastState(),
-				previous = lastState && lastState.id,
-				frame = this;
+				priority: 20
+			},
 
-			view.set({
-				cancel: {
-					text:     l10n.cancelVideoPlaylistTitle,
-					priority: 20,
-					click:    function() {
-						if ( previous ) {
-							frame.setState( previous );
-						} else {
-							frame.close();
-						}
-					}
+			unattached: {
+				text:  l10n.unattached,
+				props: {
+					uploadedTo: 0,
+					orderby: 'menuOrder',
+					order:   'ASC'
 				},
-				separateCancel: new media.View({
-					className: 'separator',
-					priority: 40
-				})
-			});
-		},
-
-		// Content
-		embedContent: function() {
-			var view = new media.view.Embed({
-				controller: this,
-				model:      this.state()
-			}).render();
-
-			this.content.set( view );
-			view.url.focus();
-		},
-
-		editSelectionContent: function() {
-			var state = this.state(),
-				selection = state.get('selection'),
-				view;
-
-			view = new media.view.AttachmentsBrowser({
-				controller: this,
-				collection: selection,
-				selection:  selection,
-				model:      state,
-				sortable:   true,
-				search:     false,
-				dragInfo:   true,
-
-				AttachmentView: media.view.Attachment.EditSelection
-			}).render();
-
-			view.toolbar.set( 'backToLibrary', {
-				text:     l10n.returnToLibrary,
-				priority: -100,
-
-				click: function() {
-					this.controller.content.mode('browse');
-				}
-			});
-
-			// Browse our library of attachments.
-			this.content.set( view );
-		},
-
-		editImageContent: function() {
-			var image = this.state().get('image'),
-				view = new media.view.EditImage( { model: image, controller: this } ).render();
-
-			this.content.set( view );
-
-			// after creating the wrapper view, load the actual editor via an ajax call
-			view.loadEditor();
-
-		},
-
-		// Toolbars
-
-		/**
-		 * @param {wp.Backbone.View} view
-		 */
-		selectionStatusToolbar: function( view ) {
-			var editable = this.state().get('editable');
-
-			view.set( 'selection', new media.view.Selection({
-				controller: this,
-				collection: this.state().get('selection'),
-				priority:   -40,
-
-				// If the selection is editable, pass the callback to
-				// switch the content mode.
-				editable: editable && function() {
-					this.controller.content.mode('edit-selection');
-				}
-			}).render() );
-		},
-
-		/**
-		 * @param {wp.Backbone.View} view
-		 */
-		mainInsertToolbar: function( view ) {
-			var controller = this;
-
-			this.selectionStatusToolbar( view );
+				priority: 50
+			}
+		};
+	}
+});
+
+module.exports = Uploaded;
+
+},{}],25:[function(require,module,exports){
+/**
+ * wp.media.view.Attachment
+ *
+ * @class
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var View = wp.media.View,
+	$ = jQuery,
+	Attachment;
+
+Attachment = View.extend({
+	tagName:   'li',
+	className: 'attachment',
+	template:  wp.template('attachment'),
+
+	attributes: function() {
+		return {
+			'tabIndex':     0,
+			'role':         'checkbox',
+			'aria-label':   this.model.get( 'title' ),
+			'aria-checked': false,
+			'data-id':      this.model.get( 'id' )
+		};
+	},
+
+	events: {
+		'click .js--select-attachment':   'toggleSelectionHandler',
+		'change [data-setting]':          'updateSetting',
+		'change [data-setting] input':    'updateSetting',
+		'change [data-setting] select':   'updateSetting',
+		'change [data-setting] textarea': 'updateSetting',
+		'click .attachment-close':        'removeFromLibrary',
+		'click .check':                   'checkClickHandler',
+		'keydown':                        'toggleSelectionHandler'
+	},
+
+	buttons: {},
+
+	initialize: function() {
+		var selection = this.options.selection,
+			options = _.defaults( this.options, {
+				rerenderOnModelChange: true
+			} );
 
-			view.set( 'insert', {
-				style:    'primary',
-				priority: 80,
-				text:     l10n.insertIntoPost,
-				requires: { selection: true },
+		if ( options.rerenderOnModelChange ) {
+			this.listenTo( this.model, 'change', this.render );
+		} else {
+			this.listenTo( this.model, 'change:percent', this.progress );
+		}
+		this.listenTo( this.model, 'change:title', this._syncTitle );
+		this.listenTo( this.model, 'change:caption', this._syncCaption );
+		this.listenTo( this.model, 'change:artist', this._syncArtist );
+		this.listenTo( this.model, 'change:album', this._syncAlbum );
+
+		// Update the selection.
+		this.listenTo( this.model, 'add', this.select );
+		this.listenTo( this.model, 'remove', this.deselect );
+		if ( selection ) {
+			selection.on( 'reset', this.updateSelect, this );
+			// Update the model's details view.
+			this.listenTo( this.model, 'selection:single selection:unsingle', this.details );
+			this.details( this.model, this.controller.state().get('selection') );
+		}
 
-				/**
-				 * @fires wp.media.controller.State#insert
-				 */
-				click: function() {
-					var state = controller.state(),
-						selection = state.get('selection');
+		this.listenTo( this.controller, 'attachment:compat:waiting attachment:compat:ready', this.updateSave );
+	},
+	/**
+	 * @returns {wp.media.view.Attachment} Returns itself to allow chaining
+	 */
+	dispose: function() {
+		var selection = this.options.selection;
 
-					controller.close();
-					state.trigger( 'insert', selection ).reset();
-				}
-			});
-		},
+		// Make sure all settings are saved before removing the view.
+		this.updateAll();
 
+		if ( selection ) {
+			selection.off( null, null, this );
+		}
 		/**
-		 * @param {wp.Backbone.View} view
+		 * call 'dispose' directly on the parent class
 		 */
-		mainGalleryToolbar: function( view ) {
-			var controller = this;
+		View.prototype.dispose.apply( this, arguments );
+		return this;
+	},
+	/**
+	 * @returns {wp.media.view.Attachment} Returns itself to allow chaining
+	 */
+	render: function() {
+		var options = _.defaults( this.model.toJSON(), {
+				orientation:   'landscape',
+				uploading:     false,
+				type:          '',
+				subtype:       '',
+				icon:          '',
+				filename:      '',
+				caption:       '',
+				title:         '',
+				dateFormatted: '',
+				width:         '',
+				height:        '',
+				compat:        false,
+				alt:           '',
+				description:   ''
+			}, this.options );
 
-			this.selectionStatusToolbar( view );
+		options.buttons  = this.buttons;
+		options.describe = this.controller.state().get('describe');
 
-			view.set( 'gallery', {
-				style:    'primary',
-				text:     l10n.createNewGallery,
-				priority: 60,
-				requires: { selection: true },
+		if ( 'image' === options.type ) {
+			options.size = this.imageSize();
+		}
 
-				click: function() {
-					var selection = controller.state().get('selection'),
-						edit = controller.state('gallery-edit'),
-						models = selection.where({ type: 'image' });
+		options.can = {};
+		if ( options.nonces ) {
+			options.can.remove = !! options.nonces['delete'];
+			options.can.save = !! options.nonces.update;
+		}
 
-					edit.set( 'library', new media.model.Selection( models, {
-						props:    selection.props.toJSON(),
-						multiple: true
-					}) );
+		if ( this.controller.state().get('allowLocalEdits') ) {
+			options.allowLocalEdits = true;
+		}
 
-					this.controller.setState('gallery-edit');
-				}
-			});
-		},
+		if ( options.uploading && ! options.percent ) {
+			options.percent = 0;
+		}
 
-		mainPlaylistToolbar: function( view ) {
-			var controller = this;
+		this.views.detach();
+		this.$el.html( this.template( options ) );
 
-			this.selectionStatusToolbar( view );
+		this.$el.toggleClass( 'uploading', options.uploading );
 
-			view.set( 'playlist', {
-				style:    'primary',
-				text:     l10n.createNewPlaylist,
-				priority: 100,
-				requires: { selection: true },
+		if ( options.uploading ) {
+			this.$bar = this.$('.media-progress-bar div');
+		} else {
+			delete this.$bar;
+		}
 
-				click: function() {
-					var selection = controller.state().get('selection'),
-						edit = controller.state('playlist-edit'),
-						models = selection.where({ type: 'audio' });
+		// Check if the model is selected.
+		this.updateSelect();
 
-					edit.set( 'library', new media.model.Selection( models, {
-						props:    selection.props.toJSON(),
-						multiple: true
-					}) );
+		// Update the save status.
+		this.updateSave();
 
-					this.controller.setState('playlist-edit');
-				}
-			});
-		},
+		this.views.render();
 
-		mainVideoPlaylistToolbar: function( view ) {
-			var controller = this;
+		return this;
+	},
 
-			this.selectionStatusToolbar( view );
+	progress: function() {
+		if ( this.$bar && this.$bar.length ) {
+			this.$bar.width( this.model.get('percent') + '%' );
+		}
+	},
 
-			view.set( 'video-playlist', {
-				style:    'primary',
-				text:     l10n.createNewVideoPlaylist,
-				priority: 100,
-				requires: { selection: true },
+	/**
+	 * @param {Object} event
+	 */
+	toggleSelectionHandler: function( event ) {
+		var method;
 
-				click: function() {
-					var selection = controller.state().get('selection'),
-						edit = controller.state('video-playlist-edit'),
-						models = selection.where({ type: 'video' });
+		// Don't do anything inside inputs and on the attachment check and remove buttons.
+		if ( 'INPUT' === event.target.nodeName || 'BUTTON' === event.target.nodeName ) {
+			return;
+		}
 
-					edit.set( 'library', new media.model.Selection( models, {
-						props:    selection.props.toJSON(),
-						multiple: true
-					}) );
+		// Catch arrow events
+		if ( 37 === event.keyCode || 38 === event.keyCode || 39 === event.keyCode || 40 === event.keyCode ) {
+			this.controller.trigger( 'attachment:keydown:arrow', event );
+			return;
+		}
 
-					this.controller.setState('video-playlist-edit');
-				}
-			});
-		},
+		// Catch enter and space events
+		if ( 'keydown' === event.type && 13 !== event.keyCode && 32 !== event.keyCode ) {
+			return;
+		}
 
-		featuredImageToolbar: function( toolbar ) {
-			this.createSelectToolbar( toolbar, {
-				text:  l10n.setFeaturedImage,
-				state: this.options.state
-			});
-		},
+		event.preventDefault();
 
-		mainEmbedToolbar: function( toolbar ) {
-			toolbar.view = new media.view.Toolbar.Embed({
-				controller: this
-			});
-		},
+		// In the grid view, bubble up an edit:attachment event to the controller.
+		if ( this.controller.isModeActive( 'grid' ) ) {
+			if ( this.controller.isModeActive( 'edit' ) ) {
+				// Pass the current target to restore focus when closing
+				this.controller.trigger( 'edit:attachment', this.model, event.currentTarget );
+				return;
+			}
 
-		galleryEditToolbar: function() {
-			var editing = this.state().get('editing');
-			this.toolbar.set( new media.view.Toolbar({
-				controller: this,
-				items: {
-					insert: {
-						style:    'primary',
-						text:     editing ? l10n.updateGallery : l10n.insertGallery,
-						priority: 80,
-						requires: { library: true },
-
-						/**
-						 * @fires wp.media.controller.State#update
-						 */
-						click: function() {
-							var controller = this.controller,
-								state = controller.state();
+			if ( this.controller.isModeActive( 'select' ) ) {
+				method = 'toggle';
+			}
+		}
 
-							controller.close();
-							state.trigger( 'update', state.get('library') );
+		if ( event.shiftKey ) {
+			method = 'between';
+		} else if ( event.ctrlKey || event.metaKey ) {
+			method = 'toggle';
+		}
 
-							// Restore and reset the default state.
-							controller.setState( controller.options.state );
-							controller.reset();
-						}
-					}
-				}
-			}) );
-		},
+		this.toggleSelection({
+			method: method
+		});
 
-		galleryAddToolbar: function() {
-			this.toolbar.set( new media.view.Toolbar({
-				controller: this,
-				items: {
-					insert: {
-						style:    'primary',
-						text:     l10n.addToGallery,
-						priority: 80,
-						requires: { selection: true },
-
-						/**
-						 * @fires wp.media.controller.State#reset
-						 */
-						click: function() {
-							var controller = this.controller,
-								state = controller.state(),
-								edit = controller.state('gallery-edit');
-
-							edit.get('library').add( state.get('selection').models );
-							state.trigger('reset');
-							controller.setState('gallery-edit');
-						}
-					}
-				}
-			}) );
-		},
+		this.controller.trigger( 'selection:toggle' );
+	},
+	/**
+	 * @param {Object} options
+	 */
+	toggleSelection: function( options ) {
+		var collection = this.collection,
+			selection = this.options.selection,
+			model = this.model,
+			method = options && options.method,
+			single, models, singleIndex, modelIndex;
+
+		if ( ! selection ) {
+			return;
+		}
 
-		playlistEditToolbar: function() {
-			var editing = this.state().get('editing');
-			this.toolbar.set( new media.view.Toolbar({
-				controller: this,
-				items: {
-					insert: {
-						style:    'primary',
-						text:     editing ? l10n.updatePlaylist : l10n.insertPlaylist,
-						priority: 80,
-						requires: { library: true },
-
-						/**
-						 * @fires wp.media.controller.State#update
-						 */
-						click: function() {
-							var controller = this.controller,
-								state = controller.state();
+		single = selection.single();
+		method = _.isUndefined( method ) ? selection.multiple : method;
 
-							controller.close();
-							state.trigger( 'update', state.get('library') );
+		// If the `method` is set to `between`, select all models that
+		// exist between the current and the selected model.
+		if ( 'between' === method && single && selection.multiple ) {
+			// If the models are the same, short-circuit.
+			if ( single === model ) {
+				return;
+			}
 
-							// Restore and reset the default state.
-							controller.setState( controller.options.state );
-							controller.reset();
-						}
-					}
-				}
-			}) );
-		},
+			singleIndex = collection.indexOf( single );
+			modelIndex  = collection.indexOf( this.model );
 
-		playlistAddToolbar: function() {
-			this.toolbar.set( new media.view.Toolbar({
-				controller: this,
-				items: {
-					insert: {
-						style:    'primary',
-						text:     l10n.addToPlaylist,
-						priority: 80,
-						requires: { selection: true },
-
-						/**
-						 * @fires wp.media.controller.State#reset
-						 */
-						click: function() {
-							var controller = this.controller,
-								state = controller.state(),
-								edit = controller.state('playlist-edit');
-
-							edit.get('library').add( state.get('selection').models );
-							state.trigger('reset');
-							controller.setState('playlist-edit');
-						}
-					}
-				}
-			}) );
-		},
+			if ( singleIndex < modelIndex ) {
+				models = collection.models.slice( singleIndex, modelIndex + 1 );
+			} else {
+				models = collection.models.slice( modelIndex, singleIndex + 1 );
+			}
+
+			selection.add( models );
+			selection.single( model );
+			return;
+
+		// If the `method` is set to `toggle`, just flip the selection
+		// status, regardless of whether the model is the single model.
+		} else if ( 'toggle' === method ) {
+			selection[ this.selected() ? 'remove' : 'add' ]( model );
+			selection.single( model );
+			return;
+		} else if ( 'add' === method ) {
+			selection.add( model );
+			selection.single( model );
+			return;
+		}
 
-		videoPlaylistEditToolbar: function() {
-			var editing = this.state().get('editing');
-			this.toolbar.set( new media.view.Toolbar({
-				controller: this,
-				items: {
-					insert: {
-						style:    'primary',
-						text:     editing ? l10n.updateVideoPlaylist : l10n.insertVideoPlaylist,
-						priority: 140,
-						requires: { library: true },
+		// Fixes bug that loses focus when selecting a featured image
+		if ( ! method ) {
+			method = 'add';
+		}
 
-						click: function() {
-							var controller = this.controller,
-								state = controller.state(),
-								library = state.get('library');
+		if ( method !== 'add' ) {
+			method = 'reset';
+		}
 
-							library.type = 'video';
+		if ( this.selected() ) {
+			// If the model is the single model, remove it.
+			// If it is not the same as the single model,
+			// it now becomes the single model.
+			selection[ single === model ? 'remove' : 'single' ]( model );
+		} else {
+			// If the model is not selected, run the `method` on the
+			// selection. By default, we `reset` the selection, but the
+			// `method` can be set to `add` the model to the selection.
+			selection[ method ]( model );
+			selection.single( model );
+		}
+	},
 
-							controller.close();
-							state.trigger( 'update', library );
+	updateSelect: function() {
+		this[ this.selected() ? 'select' : 'deselect' ]();
+	},
+	/**
+	 * @returns {unresolved|Boolean}
+	 */
+	selected: function() {
+		var selection = this.options.selection;
+		if ( selection ) {
+			return !! selection.get( this.model.cid );
+		}
+	},
+	/**
+	 * @param {Backbone.Model} model
+	 * @param {Backbone.Collection} collection
+	 */
+	select: function( model, collection ) {
+		var selection = this.options.selection,
+			controller = this.controller;
+
+		// Check if a selection exists and if it's the collection provided.
+		// If they're not the same collection, bail; we're in another
+		// selection's event loop.
+		if ( ! selection || ( collection && collection !== selection ) ) {
+			return;
+		}
 
-							// Restore and reset the default state.
-							controller.setState( controller.options.state );
-							controller.reset();
-						}
-					}
-				}
-			}) );
-		},
+		// Bail if the model is already selected.
+		if ( this.$el.hasClass( 'selected' ) ) {
+			return;
+		}
 
-		videoPlaylistAddToolbar: function() {
-			this.toolbar.set( new media.view.Toolbar({
-				controller: this,
-				items: {
-					insert: {
-						style:    'primary',
-						text:     l10n.addToVideoPlaylist,
-						priority: 140,
-						requires: { selection: true },
-
-						click: function() {
-							var controller = this.controller,
-								state = controller.state(),
-								edit = controller.state('video-playlist-edit');
-
-							edit.get('library').add( state.get('selection').models );
-							state.trigger('reset');
-							controller.setState('video-playlist-edit');
-						}
-					}
-				}
-			}) );
+		// Add 'selected' class to model, set aria-checked to true.
+		this.$el.addClass( 'selected' ).attr( 'aria-checked', true );
+		//  Make the checkbox tabable, except in media grid (bulk select mode).
+		if ( ! ( controller.isModeActive( 'grid' ) && controller.isModeActive( 'select' ) ) ) {
+			this.$( '.check' ).attr( 'tabindex', '0' );
+		}
+	},
+	/**
+	 * @param {Backbone.Model} model
+	 * @param {Backbone.Collection} collection
+	 */
+	deselect: function( model, collection ) {
+		var selection = this.options.selection;
+
+		// Check if a selection exists and if it's the collection provided.
+		// If they're not the same collection, bail; we're in another
+		// selection's event loop.
+		if ( ! selection || ( collection && collection !== selection ) ) {
+			return;
+		}
+		this.$el.removeClass( 'selected' ).attr( 'aria-checked', false )
+			.find( '.check' ).attr( 'tabindex', '-1' );
+	},
+	/**
+	 * @param {Backbone.Model} model
+	 * @param {Backbone.Collection} collection
+	 */
+	details: function( model, collection ) {
+		var selection = this.options.selection,
+			details;
+
+		if ( selection !== collection ) {
+			return;
 		}
-	});
 
+		details = selection.single();
+		this.$el.toggleClass( 'details', details === this.model );
+	},
 	/**
-	 * wp.media.view.MediaFrame.ImageDetails
-	 *
-	 * @constructor
-	 * @augments wp.media.view.MediaFrame.Select
-	 * @augments wp.media.view.MediaFrame
-	 * @augments wp.media.view.Frame
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 * @mixes wp.media.controller.StateMachine
-	 */
-	media.view.MediaFrame.ImageDetails = media.view.MediaFrame.Select.extend({
-		defaults: {
-			id:      'image',
-			url:     '',
-			menu:    'image-details',
-			content: 'image-details',
-			toolbar: 'image-details',
-			type:    'link',
-			title:    l10n.imageDetailsTitle,
-			priority: 120
-		},
-
-		initialize: function( options ) {
-			this.image = new media.model.PostImage( options.metadata );
-			this.options.selection = new media.model.Selection( this.image.attachment, { multiple: false } );
-			media.view.MediaFrame.Select.prototype.initialize.apply( this, arguments );
-		},
-
-		bindHandlers: function() {
-			media.view.MediaFrame.Select.prototype.bindHandlers.apply( this, arguments );
-			this.on( 'menu:create:image-details', this.createMenu, this );
-			this.on( 'content:create:image-details', this.imageDetailsContent, this );
-			this.on( 'content:render:edit-image', this.editImageContent, this );
-			this.on( 'menu:render:image-details', this.renderMenu, this );
-			this.on( 'toolbar:render:image-details', this.renderImageDetailsToolbar, this );
-			// override the select toolbar
-			this.on( 'toolbar:render:replace', this.renderReplaceImageToolbar, this );
-		},
-
-		createStates: function() {
-			this.states.add([
-				new media.controller.ImageDetails({
-					image: this.image,
-					editable: false,
-					menu: 'image-details'
-				}),
-				new media.controller.ReplaceImage({
-					id: 'replace-image',
-					library:   media.query( { type: 'image' } ),
-					image: this.image,
-					multiple:  false,
-					title:     l10n.imageReplaceTitle,
-					menu: 'image-details',
-					toolbar: 'replace',
-					priority:  80,
-					displaySettings: true
-				}),
-				new media.controller.EditImage( {
-					image: this.image,
-					selection: this.options.selection
-				} )
-			]);
-		},
-
-		imageDetailsContent: function( options ) {
-			options.view = new media.view.ImageDetails({
-				controller: this,
-				model: this.state().image,
-				attachment: this.state().image.attachment
-			});
-		},
+	 * @param {string} size
+	 * @returns {Object}
+	 */
+	imageSize: function( size ) {
+		var sizes = this.model.get('sizes'), matched = false;
 
-		editImageContent: function() {
-			var state = this.state(),
-				model = state.get('image'),
-				view;
+		size = size || 'medium';
 
-			if ( ! model ) {
-				return;
+		// Use the provided image size if possible.
+		if ( sizes ) {
+			if ( sizes[ size ] ) {
+				matched = sizes[ size ];
+			} else if ( sizes.large ) {
+				matched = sizes.large;
+			} else if ( sizes.thumbnail ) {
+				matched = sizes.thumbnail;
+			} else if ( sizes.full ) {
+				matched = sizes.full;
 			}
 
-			view = new media.view.EditImage( { model: model, controller: this } ).render();
+			if ( matched ) {
+				return _.clone( matched );
+			}
+		}
 
-			this.content.set( view );
+		return {
+			url:         this.model.get('url'),
+			width:       this.model.get('width'),
+			height:      this.model.get('height'),
+			orientation: this.model.get('orientation')
+		};
+	},
+	/**
+	 * @param {Object} event
+	 */
+	updateSetting: function( event ) {
+		var $setting = $( event.target ).closest('[data-setting]'),
+			setting, value;
 
-			// after bringing in the frame, load the actual editor via an ajax call
-			view.loadEditor();
+		if ( ! $setting.length ) {
+			return;
+		}
 
-		},
+		setting = $setting.data('setting');
+		value   = event.target.value;
 
-		renderMenu: function( view ) {
-			var lastState = this.lastState(),
-				previous = lastState && lastState.id,
-				frame = this;
+		if ( this.model.get( setting ) !== value ) {
+			this.save( setting, value );
+		}
+	},
 
-			view.set({
-				cancel: {
-					text:     l10n.imageDetailsCancel,
-					priority: 20,
-					click:    function() {
-						if ( previous ) {
-							frame.setState( previous );
-						} else {
-							frame.close();
-						}
-					}
-				},
-				separateCancel: new media.View({
-					className: 'separator',
-					priority: 40
-				})
-			});
+	/**
+	 * Pass all the arguments to the model's save method.
+	 *
+	 * Records the aggregate status of all save requests and updates the
+	 * view's classes accordingly.
+	 */
+	save: function() {
+		var view = this,
+			save = this._save = this._save || { status: 'ready' },
+			request = this.model.save.apply( this.model, arguments ),
+			requests = save.requests ? $.when( request, save.requests ) : request;
+
+		// If we're waiting to remove 'Saved.', stop.
+		if ( save.savedTimer ) {
+			clearTimeout( save.savedTimer );
+		}
 
-		},
+		this.updateSave('waiting');
+		save.requests = requests;
+		requests.always( function() {
+			// If we've performed another request since this one, bail.
+			if ( save.requests !== requests ) {
+				return;
+			}
 
-		renderImageDetailsToolbar: function() {
-			this.toolbar.set( new media.view.Toolbar({
-				controller: this,
-				items: {
-					select: {
-						style:    'primary',
-						text:     l10n.update,
-						priority: 80,
+			view.updateSave( requests.state() === 'resolved' ? 'complete' : 'error' );
+			save.savedTimer = setTimeout( function() {
+				view.updateSave('ready');
+				delete save.savedTimer;
+			}, 2000 );
+		});
+	},
+	/**
+	 * @param {string} status
+	 * @returns {wp.media.view.Attachment} Returns itself to allow chaining
+	 */
+	updateSave: function( status ) {
+		var save = this._save = this._save || { status: 'ready' };
 
-						click: function() {
-							var controller = this.controller,
-								state = controller.state();
+		if ( status && status !== save.status ) {
+			this.$el.removeClass( 'save-' + save.status );
+			save.status = status;
+		}
 
-							controller.close();
+		this.$el.addClass( 'save-' + save.status );
+		return this;
+	},
 
-							// not sure if we want to use wp.media.string.image which will create a shortcode or
-							// perhaps wp.html.string to at least to build the <img />
-							state.trigger( 'update', controller.image.toJSON() );
+	updateAll: function() {
+		var $settings = this.$('[data-setting]'),
+			model = this.model,
+			changed;
 
-							// Restore and reset the default state.
-							controller.setState( controller.options.state );
-							controller.reset();
-						}
-					}
-				}
-			}) );
-		},
+		changed = _.chain( $settings ).map( function( el ) {
+			var $input = $('input, textarea, select, [value]', el ),
+				setting, value;
+
+			if ( ! $input.length ) {
+				return;
+			}
 
-		renderReplaceImageToolbar: function() {
-			var frame = this,
-				lastState = frame.lastState(),
-				previous = lastState && lastState.id;
+			setting = $(el).data('setting');
+			value = $input.val();
 
-			this.toolbar.set( new media.view.Toolbar({
-				controller: this,
-				items: {
-					back: {
-						text:     l10n.back,
-						priority: 20,
-						click:    function() {
-							if ( previous ) {
-								frame.setState( previous );
-							} else {
-								frame.close();
-							}
-						}
-					},
+			// Record the value if it changed.
+			if ( model.get( setting ) !== value ) {
+				return [ setting, value ];
+			}
+		}).compact().object().value();
 
-					replace: {
-						style:    'primary',
-						text:     l10n.replace,
-						priority: 80,
+		if ( ! _.isEmpty( changed ) ) {
+			model.save( changed );
+		}
+	},
+	/**
+	 * @param {Object} event
+	 */
+	removeFromLibrary: function( event ) {
+		// Catch enter and space events
+		if ( 'keydown' === event.type && 13 !== event.keyCode && 32 !== event.keyCode ) {
+			return;
+		}
 
-						click: function() {
-							var controller = this.controller,
-								state = controller.state(),
-								selection = state.get( 'selection' ),
-								attachment = selection.single();
+		// Stop propagation so the model isn't selected.
+		event.stopPropagation();
 
-							controller.close();
+		this.collection.remove( this.model );
+	},
 
-							controller.image.changeAttachment( attachment, state.display( attachment ) );
+	/**
+	 * Add the model if it isn't in the selection, if it is in the selection,
+	 * remove it.
+	 *
+	 * @param  {[type]} event [description]
+	 * @return {[type]}       [description]
+	 */
+	checkClickHandler: function ( event ) {
+		var selection = this.options.selection;
+		if ( ! selection ) {
+			return;
+		}
+		event.stopPropagation();
+		if ( selection.where( { id: this.model.get( 'id' ) } ).length ) {
+			selection.remove( this.model );
+			// Move focus back to the attachment tile (from the check).
+			this.$el.focus();
+		} else {
+			selection.add( this.model );
+		}
+	}
+});
+
+// Ensure settings remain in sync between attachment views.
+_.each({
+	caption: '_syncCaption',
+	title:   '_syncTitle',
+	artist:  '_syncArtist',
+	album:   '_syncAlbum'
+}, function( method, setting ) {
+	/**
+	 * @param {Backbone.Model} model
+	 * @param {string} value
+	 * @returns {wp.media.view.Attachment} Returns itself to allow chaining
+	 */
+	Attachment.prototype[ method ] = function( model, value ) {
+		var $setting = this.$('[data-setting="' + setting + '"]');
 
-							// not sure if we want to use wp.media.string.image which will create a shortcode or
-							// perhaps wp.html.string to at least to build the <img />
-							state.trigger( 'replace', controller.image.toJSON() );
+		if ( ! $setting.length ) {
+			return this;
+		}
 
-							// Restore and reset the default state.
-							controller.setState( controller.options.state );
-							controller.reset();
-						}
-					}
-				}
-			}) );
+		// If the updated value is in sync with the value in the DOM, there
+		// is no need to re-render. If we're currently editing the value,
+		// it will automatically be in sync, suppressing the re-render for
+		// the view we're editing, while updating any others.
+		if ( value === $setting.find('input, textarea, select, [value]').val() ) {
+			return this;
 		}
 
-	});
+		return this.render();
+	};
+});
+
+module.exports = Attachment;
+
+},{}],26:[function(require,module,exports){
+/**
+ * wp.media.view.Attachment.Details
+ *
+ * @class
+ * @augments wp.media.view.Attachment
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var Attachment = wp.media.view.Attachment,
+	l10n = wp.media.view.l10n,
+	Details;
+
+Details = Attachment.extend({
+	tagName:   'div',
+	className: 'attachment-details',
+	template:  wp.template('attachment-details'),
+
+	attributes: function() {
+		return {
+			'tabIndex':     0,
+			'data-id':      this.model.get( 'id' )
+		};
+	},
+
+	events: {
+		'change [data-setting]':          'updateSetting',
+		'change [data-setting] input':    'updateSetting',
+		'change [data-setting] select':   'updateSetting',
+		'change [data-setting] textarea': 'updateSetting',
+		'click .delete-attachment':       'deleteAttachment',
+		'click .trash-attachment':        'trashAttachment',
+		'click .untrash-attachment':      'untrashAttachment',
+		'click .edit-attachment':         'editAttachment',
+		'keydown':                        'toggleSelectionHandler'
+	},
+
+	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();
+		}
+	},
 	/**
-	 * wp.media.view.Modal
-	 *
-	 * @constructor
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.Modal = media.View.extend({
-		tagName:  'div',
-		template: media.template('media-modal'),
-
-		attributes: {
-			tabindex: 0
-		},
-
-		events: {
-			'click .media-modal-backdrop, .media-modal-close': 'escapeHandler',
-			'keydown': 'keydown'
-		},
-
-		initialize: function() {
-			_.defaults( this.options, {
-				container: document.body,
-				title:     '',
-				propagate: true,
-				freeze:    true
-			});
-		},
-		/**
-		 * @returns {Object}
-		 */
-		prepare: function() {
-			return {
-				title: this.options.title
-			};
-		},
+	 * @param {Object} event
+	 */
+	deleteAttachment: function( event ) {
+		event.preventDefault();
 
-		/**
-		 * @returns {wp.media.view.Modal} Returns itself to allow chaining
-		 */
-		attach: function() {
-			if ( this.views.attached ) {
-				return this;
-			}
+		if ( window.confirm( l10n.warnDelete ) ) {
+			this.model.destroy();
+			// Keep focus inside media modal
+			// after image is deleted
+			this.controller.modal.focusManager.focus();
+		}
+	},
+	/**
+	 * @param {Object} event
+	 */
+	trashAttachment: function( event ) {
+		var library = this.controller.library;
+		event.preventDefault();
 
-			if ( ! this.views.rendered ) {
-				this.render();
-			}
+		if ( wp.media.view.settings.mediaTrash &&
+			'edit-metadata' === this.controller.content.mode() ) {
 
-			this.$el.appendTo( this.options.container );
+			this.model.set( 'status', 'trash' );
+			this.model.save().done( function() {
+				library._requery( true );
+			} );
+		}  else {
+			this.model.destroy();
+		}
+	},
+	/**
+	 * @param {Object} event
+	 */
+	untrashAttachment: function( event ) {
+		var library = this.controller.library;
+		event.preventDefault();
+
+		this.model.set( 'status', 'inherit' );
+		this.model.save().done( function() {
+			library._requery( true );
+		} );
+	},
+	/**
+	 * @param {Object} event
+	 */
+	editAttachment: function( event ) {
+		var editState = this.controller.states.get( 'edit-image' );
+		if ( window.imageEdit && editState ) {
+			event.preventDefault();
 
-			// Manually mark the view as attached and trigger ready.
-			this.views.attached = true;
-			this.views.ready();
+			editState.set( 'image', this.model );
+			this.controller.setState( 'edit-image' );
+		} else {
+			this.$el.addClass('needs-refresh');
+		}
+	},
+	/**
+	 * When reverse tabbing(shift+tab) out of the right details panel, deliver
+	 * the focus to the item in the list that was being edited.
+	 *
+	 * @param {Object} event
+	 */
+	toggleSelectionHandler: function( event ) {
+		if ( 'keydown' === event.type && 9 === event.keyCode && event.shiftKey && event.target === this.$( ':tabbable' ).get( 0 ) ) {
+			this.controller.trigger( 'attachment:details:shift-tab', event );
+			return false;
+		}
 
-			return this.propagate('attach');
-		},
+		if ( 37 === event.keyCode || 38 === event.keyCode || 39 === event.keyCode || 40 === event.keyCode ) {
+			this.controller.trigger( 'attachment:keydown:arrow', event );
+			return;
+		}
+	}
+});
+
+module.exports = Details;
+
+},{}],27:[function(require,module,exports){
+/**
+ * wp.media.view.Attachment.EditLibrary
+ *
+ * @class
+ * @augments wp.media.view.Attachment
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var EditLibrary = wp.media.view.Attachment.extend({
+	buttons: {
+		close: true
+	}
+});
+
+module.exports = EditLibrary;
+
+},{}],28:[function(require,module,exports){
+/**
+ * wp.media.view.Attachments.EditSelection
+ *
+ * @class
+ * @augments wp.media.view.Attachment.Selection
+ * @augments wp.media.view.Attachment
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var EditSelection = wp.media.view.Attachment.Selection.extend({
+	buttons: {
+		close: true
+	}
+});
+
+module.exports = EditSelection;
+
+},{}],29:[function(require,module,exports){
+/**
+ * wp.media.view.Attachment.Library
+ *
+ * @class
+ * @augments wp.media.view.Attachment
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var Library = wp.media.view.Attachment.extend({
+	buttons: {
+		check: true
+	}
+});
+
+module.exports = Library;
+
+},{}],30:[function(require,module,exports){
+/**
+ * wp.media.view.Attachment.Selection
+ *
+ * @class
+ * @augments wp.media.view.Attachment
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var Selection = wp.media.view.Attachment.extend({
+	className: 'attachment selection',
+
+	// On click, just select the model, instead of removing the model from
+	// the selection.
+	toggleSelection: function() {
+		this.options.selection.single( this.model );
+	}
+});
+
+module.exports = Selection;
+
+},{}],31:[function(require,module,exports){
+/**
+ * wp.media.view.Attachments
+ *
+ * @class
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var View = wp.media.View,
+	$ = jQuery,
+	Attachments;
+
+Attachments = View.extend({
+	tagName:   'ul',
+	className: 'attachments',
+
+	attributes: {
+		tabIndex: -1
+	},
+
+	initialize: function() {
+		this.el.id = _.uniqueId('__attachments-view-');
+
+		_.defaults( this.options, {
+			refreshSensitivity: wp.media.isTouchDevice ? 300 : 200,
+			refreshThreshold:   3,
+			AttachmentView:     wp.media.view.Attachment,
+			sortable:           false,
+			resize:             true,
+			idealColumnWidth:   $( window ).width() < 640 ? 135 : 150
+		});
 
-		/**
-		 * @returns {wp.media.view.Modal} Returns itself to allow chaining
-		 */
-		detach: function() {
-			if ( this.$el.is(':visible') ) {
-				this.close();
-			}
+		this._viewsByCid = {};
+		this.$window = $( window );
+		this.resizeEvent = 'resize.media-modal-columns';
 
-			this.$el.detach();
-			this.views.attached = false;
-			return this.propagate('detach');
-		},
+		this.collection.on( 'add', function( attachment ) {
+			this.views.add( this.createAttachmentView( attachment ), {
+				at: this.collection.indexOf( attachment )
+			});
+		}, this );
 
-		/**
-		 * @returns {wp.media.view.Modal} Returns itself to allow chaining
-		 */
-		open: function() {
-			var $el = this.$el,
-				options = this.options;
+		this.collection.on( 'remove', function( attachment ) {
+			var view = this._viewsByCid[ attachment.cid ];
+			delete this._viewsByCid[ attachment.cid ];
 
-			if ( $el.is(':visible') ) {
-				return this;
+			if ( view ) {
+				view.remove();
 			}
+		}, this );
 
-			if ( ! this.views.attached ) {
-				this.attach();
-			}
+		this.collection.on( 'reset', this.render, this );
 
-			// If the `freeze` option is set, record the window's scroll position.
-			if ( options.freeze ) {
-				this._freeze = {
-					scrollTop: $( window ).scrollTop()
-				};
-			}
+		this.listenTo( this.controller, 'library:selection:add',    this.attachmentFocus );
 
-			$el.show().focus();
-			return this.propagate('open');
-		},
+		// Throttle the scroll handler and bind this.
+		this.scroll = _.chain( this.scroll ).bind( this ).throttle( this.options.refreshSensitivity ).value();
 
-		/**
-		 * @param {Object} options
-		 * @returns {wp.media.view.Modal} Returns itself to allow chaining
-		 */
-		close: function( options ) {
-			var freeze = this._freeze;
+		this.options.scrollElement = this.options.scrollElement || this.el;
+		$( this.options.scrollElement ).on( 'scroll', this.scroll );
 
-			if ( ! this.views.attached || ! this.$el.is(':visible') ) {
-				return this;
-			}
+		this.initSortable();
 
-			this.$el.hide();
-			this.propagate('close');
+		_.bindAll( this, 'setColumns' );
 
-			// If the `freeze` option is set, restore the container's scroll position.
-			if ( freeze ) {
-				$( window ).scrollTop( freeze.scrollTop );
-			}
+		if ( this.options.resize ) {
+			this.on( 'ready', this.bindEvents );
+			this.controller.on( 'open', this.setColumns );
 
-			if ( options && options.escape ) {
-				this.propagate('escape');
-			}
+			// Call this.setColumns() after this view has been rendered in the DOM so
+			// attachments get proper width applied.
+			_.defer( this.setColumns, this );
+		}
+	},
 
-			return this;
-		},
-		/**
-		 * @returns {wp.media.view.Modal} Returns itself to allow chaining
-		 */
-		escape: function() {
-			return this.close({ escape: true });
-		},
-		/**
-		 * @param {Object} event
-		 */
-		escapeHandler: function( event ) {
-			event.preventDefault();
-			this.escape();
-		},
+	bindEvents: function() {
+		this.$window.off( this.resizeEvent ).on( this.resizeEvent, _.debounce( this.setColumns, 50 ) );
+	},
 
-		/**
-		 * @param {Array|Object} content Views to register to '.media-modal-content'
-		 * @returns {wp.media.view.Modal} Returns itself to allow chaining
-		 */
-		content: function( content ) {
-			this.views.set( '.media-modal-content', content );
-			return this;
-		},
+	attachmentFocus: function() {
+		this.$( 'li:first' ).focus();
+	},
 
-		/**
-		 * Triggers a modal event and if the `propagate` option is set,
-		 * forwards events to the modal's controller.
-		 *
-		 * @param {string} id
-		 * @returns {wp.media.view.Modal} Returns itself to allow chaining
-		 */
-		propagate: function( id ) {
-			this.trigger( id );
+	restoreFocus: function() {
+		this.$( 'li.selected:first' ).focus();
+	},
 
-			if ( this.options.propagate ) {
-				this.controller.trigger( id );
-			}
+	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 );
 
-			return this;
-		},
-		/**
-		 * @param {Object} event
-		 */
-		keydown: function( event ) {
-			// Close the modal when escape is pressed.
-			if ( 27 === event.which && this.$el.is(':visible') ) {
-				this.escape();
-				event.stopImmediatePropagation();
-			}
+		if ( index === -1 ) {
+			return;
 		}
-	});
 
-	/**
-	 * wp.media.view.FocusManager
-	 *
-	 * @constructor
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.FocusManager = media.View.extend({
-		events: {
-			keydown: 'recordTab',
-			focusin: 'updateIndex'
-		},
-
-		focus: function() {
-			if ( _.isUndefined( this.index ) ) {
+		// Left arrow
+		if ( 37 === event.keyCode ) {
+			if ( 0 === index ) {
 				return;
 			}
+			attachments.eq( index - 1 ).focus();
+		}
 
-			// Update our collection of `$tabbables`.
-			this.$tabbables = this.$(':tabbable');
-
-			// If tab is saved, focus it.
-			this.$tabbables.eq( this.index ).focus();
-		},
-		/**
-		 * @param {Object} event
-		 */
-		recordTab: function( event ) {
-			// Look for the tab key.
-			if ( 9 !== event.keyCode ) {
+		// Up arrow
+		if ( 38 === event.keyCode ) {
+			if ( 1 === row ) {
 				return;
 			}
+			attachments.eq( index - perRow ).focus();
+		}
 
-			// First try to update the index.
-			if ( _.isUndefined( this.index ) ) {
-				this.updateIndex( event );
+		// Right arrow
+		if ( 39 === event.keyCode ) {
+			if ( attachments.length === index ) {
+				return;
 			}
+			attachments.eq( index + 1 ).focus();
+		}
 
-			// If we still don't have an index, bail.
-			if ( _.isUndefined( this.index ) ) {
+		// Down arrow
+		if ( 40 === event.keyCode ) {
+			if ( Math.ceil( attachments.length / perRow ) === row ) {
 				return;
 			}
+			attachments.eq( index + perRow ).focus();
+		}
+	},
 
-			var index = this.index + ( event.shiftKey ? -1 : 1 );
+	dispose: function() {
+		this.collection.props.off( null, null, this );
+		if ( this.options.resize ) {
+			this.$window.off( this.resizeEvent );
+		}
 
-			if ( index >= 0 && index < this.$tabbables.length ) {
-				this.index = index;
-			} else {
-				delete this.index;
-			}
-		},
 		/**
-		 * @param {Object} event
+		 * call 'dispose' directly on the parent class
 		 */
-		updateIndex: function( event ) {
-			this.$tabbables = this.$(':tabbable');
+		View.prototype.dispose.apply( this, arguments );
+	},
 
-			var index = this.$tabbables.index( event.target );
+	setColumns: function() {
+		var prev = this.columns,
+			width = this.$el.width();
 
-			if ( -1 === index ) {
-				delete this.index;
-			} else {
-				this.index = index;
+		if ( width ) {
+			this.columns = Math.min( Math.round( width / this.options.idealColumnWidth ), 12 ) || 1;
+
+			if ( ! prev || prev !== this.columns ) {
+				this.$el.closest( '.media-frame-content' ).attr( 'data-columns', this.columns );
 			}
 		}
-	});
+	},
 
-	/**
-	 * wp.media.view.UploaderWindow
-	 *
-	 * @constructor
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.UploaderWindow = media.View.extend({
-		tagName:   'div',
-		className: 'uploader-window',
-		template:  media.template('uploader-window'),
+	initSortable: function() {
+		var collection = this.collection;
+
+		if ( wp.media.isTouchDevice || ! this.options.sortable || ! $.fn.sortable ) {
+			return;
+		}
 
-		initialize: function() {
-			var uploader;
+		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.
+			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: function( event, ui ) {
+				var model = collection.at( ui.item.data('sortableIndexStart') ),
+					comparator = collection.comparator;
+
+				// Temporarily disable the comparator to prevent `add`
+				// from re-sorting.
+				delete collection.comparator;
+
+				// Silently shift the model to its new index.
+				collection.remove( model, {
+					silent: true
+				});
+				collection.add( model, {
+					silent: true,
+					at:     ui.item.index()
+				});
 
-			this.$browser = $('<a href="#" class="browser" />').hide().appendTo('body');
+				// Restore the comparator.
+				collection.comparator = comparator;
 
-			uploader = this.options.uploader = _.defaults( this.options.uploader || {}, {
-				dropzone:  this.$el,
-				browser:   this.$browser,
-				params:    {}
-			});
+				// Fire the `reset` event to ensure other collections sync.
+				collection.trigger( 'reset', collection );
 
-			// Ensure the dropzone is a jQuery collection.
-			if ( uploader.dropzone && ! (uploader.dropzone instanceof $) ) {
-				uploader.dropzone = $( uploader.dropzone );
+				// If the collection is sorted by menu order,
+				// update the menu order.
+				collection.saveMenuOrder();
 			}
+		}, this.options.sortable ) );
 
-			this.controller.on( 'activate', this.refresh, this );
+		// 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.controller.on( 'detach', function() {
-				this.$browser.remove();
-			}, this );
-		},
+		this.collection.props.on( 'change:orderby', this.refreshSortable, this );
+		this.refreshSortable();
+	},
 
-		refresh: function() {
-			if ( this.uploader ) {
-				this.uploader.refresh();
-			}
-		},
+	refreshSortable: function() {
+		if ( wp.media.isTouchDevice || ! this.options.sortable || ! $.fn.sortable ) {
+			return;
+		}
 
-		ready: function() {
-			var postId = media.view.settings.post.id,
-				dropzone;
+		// If the `collection` has a `comparator`, disable sorting.
+		var collection = this.collection,
+			orderby = collection.props.get('orderby'),
+			enabled = 'menuOrder' === orderby || ! collection.comparator;
 
-			// If the uploader already exists, bail.
-			if ( this.uploader ) {
-				return;
-			}
+		this.$el.sortable( 'option', 'disabled', ! enabled );
+	},
 
-			if ( postId ) {
-				this.options.uploader.params.post_id = postId;
-			}
-			this.uploader = new wp.Uploader( this.options.uploader );
+	/**
+	 * @param {wp.media.model.Attachment} attachment
+	 * @returns {wp.media.View}
+	 */
+	createAttachmentView: function( attachment ) {
+		var view = new this.options.AttachmentView({
+			controller:           this.controller,
+			model:                attachment,
+			collection:           this.collection,
+			selection:            this.options.selection
+		});
 
-			dropzone = this.uploader.dropzone;
-			dropzone.on( 'dropzone:enter', _.bind( this.show, this ) );
-			dropzone.on( 'dropzone:leave', _.bind( this.hide, this ) );
+		return this._viewsByCid[ attachment.cid ] = view;
+	},
 
-			$( this.uploader ).on( 'uploader:ready', _.bind( this._ready, this ) );
-		},
+	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 ) );
 
-		_ready: function() {
-			this.controller.trigger( 'uploader:ready' );
-		},
+		// If there are no elements, clear the views and load some.
+		} else {
+			this.views.unset();
+			this.collection.more().done( this.scroll );
+		}
+	},
+
+	ready: function() {
+		// Trigger the scroll event to check if we're within the
+		// threshold to query for additional attachments.
+		this.scroll();
+	},
+
+	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.
+		if ( el === document ) {
+			el = document.body;
+			scrollTop = $(document).scrollTop();
+		}
 
-		show: function() {
-			var $el = this.$el.show();
+		if ( ! $(el).is(':visible') || ! this.collection.hasMore() ) {
+			return;
+		}
 
-			// Ensure that the animation is triggered by waiting until
-			// the transparent element is painted into the DOM.
-			_.defer( function() {
-				$el.css({ opacity: 1 });
-			});
-		},
+		toolbar = this.views.parent.toolbar;
 
-		hide: function() {
-			var $el = this.$el.css({ opacity: 0 });
+		// Show the spinner only if we are close to the bottom.
+		if ( el.scrollHeight - ( scrollTop + el.clientHeight ) < el.clientHeight / 3 ) {
+			toolbar.get('spinner').show();
+		}
 
-			media.transition( $el ).done( function() {
-				// Transition end events are subject to race conditions.
-				// Make sure that the value is set as intended.
-				if ( '0' === $el.css('opacity') ) {
-					$el.hide();
-				}
+		if ( el.scrollHeight < scrollTop + ( el.clientHeight * this.options.refreshThreshold ) ) {
+			this.collection.more().done(function() {
+				view.scroll();
+				toolbar.get('spinner').hide();
 			});
 		}
-	});
+	}
+});
+
+module.exports = Attachments;
+
+},{}],32:[function(require,module,exports){
+/**
+ * wp.media.view.AttachmentsBrowser
+ *
+ * @class
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ *
+ * @param {object}         [options]               The options hash passed to the view.
+ * @param {boolean|string} [options.filters=false] Which filters to show in the browser's toolbar.
+ *                                                 Accepts 'uploaded' and 'all'.
+ * @param {boolean}        [options.search=true]   Whether to show the search interface in the
+ *                                                 browser's toolbar.
+ * @param {boolean}        [options.date=true]     Whether to show the date filter in the
+ *                                                 browser's toolbar.
+ * @param {boolean}        [options.display=false] Whether to show the attachments display settings
+ *                                                 view in the sidebar.
+ * @param {boolean|string} [options.sidebar=true]  Whether to create a sidebar for the browser.
+ *                                                 Accepts true, false, and 'errors'.
+ */
+var View = wp.media.View,
+	mediaTrash = wp.media.view.settings.mediaTrash,
+	l10n = wp.media.view.l10n,
+	$ = jQuery,
+	AttachmentsBrowser;
+
+AttachmentsBrowser = View.extend({
+	tagName:   'div',
+	className: 'attachments-browser',
+
+	initialize: function() {
+		_.defaults( this.options, {
+			filters: false,
+			search:  true,
+			date:    true,
+			display: false,
+			sidebar: true,
+			AttachmentView: wp.media.view.Attachment.Library
+		});
+
+		this.controller.on( 'toggle:upload:attachment', this.toggleUploader, this );
+		this.controller.on( 'edit:selection', this.editSelection );
+		this.createToolbar();
+		if ( this.options.sidebar ) {
+			this.createSidebar();
+		}
+		this.createUploader();
+		this.createAttachments();
+		this.updateContent();
+
+		if ( ! this.options.sidebar || 'errors' === this.options.sidebar ) {
+			this.$el.addClass( 'hide-sidebar' );
+
+			if ( 'errors' === this.options.sidebar ) {
+				this.$el.addClass( 'sidebar-for-errors' );
+			}
+		}
+
+		this.collection.on( 'add remove reset', this.updateContent, this );
+	},
+
+	editSelection: function( modal ) {
+		modal.$( '.media-button-backToLibrary' ).focus();
+	},
 
 	/**
-	 * wp.media.view.EditorUploader
-	 *
-	 * @constructor
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
+	 * @returns {wp.media.view.AttachmentsBrowser} Returns itself to allow chaining
 	 */
-	media.view.EditorUploader = media.View.extend({
-		tagName:   'div',
-		className: 'uploader-editor',
-		template:  media.template( 'uploader-editor' ),
+	dispose: function() {
+		this.options.selection.off( null, null, this );
+		View.prototype.dispose.apply( this, arguments );
+		return this;
+	},
 
-		localDrag: false,
-		overContainer: false,
-		overDropzone: false,
+	createToolbar: function() {
+		var LibraryViewSwitcher, Filters, toolbarOptions;
 
-		initialize: function() {
-			var self = this;
+		toolbarOptions = {
+			controller: this.controller
+		};
+
+		if ( this.controller.isModeActive( 'grid' ) ) {
+			toolbarOptions.className = 'media-toolbar wp-filter';
+		}
+
+		/**
+		* @member {wp.media.view.Toolbar}
+		*/
+		this.toolbar = new wp.media.view.Toolbar( toolbarOptions );
+
+		this.views.add( this.toolbar );
+
+		this.toolbar.set( 'spinner', new wp.media.view.Spinner({
+			priority: -60
+		}) );
+
+		if ( -1 !== $.inArray( this.options.filters, [ 'uploaded', 'all' ] ) ) {
+			// "Filters" will return a <select>, need to render
+			// screen reader text before
+			this.toolbar.set( 'filtersLabel', new wp.media.view.Label({
+				value: l10n.filterByType,
+				attributes: {
+					'for':  'media-attachment-filters'
+				},
+				priority:   -80
+			}).render() );
 
-			this.initialized = false;
+			if ( 'uploaded' === this.options.filters ) {
+				this.toolbar.set( 'filters', new wp.media.view.AttachmentFilters.Uploaded({
+					controller: this.controller,
+					model:      this.collection.props,
+					priority:   -80
+				}).render() );
+			} else {
+				Filters = new wp.media.view.AttachmentFilters.All({
+					controller: this.controller,
+					model:      this.collection.props,
+					priority:   -80
+				});
 
-			// Bail if not enabled or UA does not support drag'n'drop or File API.
-			if ( ! window.tinyMCEPreInit || ! window.tinyMCEPreInit.dragDropUpload || ! this.browserSupport() ) {
-				return this;
+				this.toolbar.set( 'filters', Filters.render() );
 			}
+		}
 
-			this.$document = $(document);
-			this.dropzones = [];
-			this.files = [];
+		// Feels odd to bring the global media library switcher into the Attachment
+		// browser view. Is this a use case for doAction( 'add:toolbar-items:attachments-browser', this.toolbar );
+		// which the controller can tap into and add this view?
+		if ( this.controller.isModeActive( 'grid' ) ) {
+			LibraryViewSwitcher = View.extend({
+				className: 'view-switch media-grid-view-switch',
+				template: wp.template( 'media-library-view-switcher')
+			});
 
-			this.$document.on( 'drop', '.uploader-editor', _.bind( this.drop, this ) );
-			this.$document.on( 'dragover', '.uploader-editor', _.bind( this.dropzoneDragover, this ) );
-			this.$document.on( 'dragleave', '.uploader-editor', _.bind( this.dropzoneDragleave, this ) );
-			this.$document.on( 'click', '.uploader-editor', _.bind( this.click, this ) );
+			this.toolbar.set( 'libraryViewSwitcher', new LibraryViewSwitcher({
+				controller: this.controller,
+				priority: -90
+			}).render() );
 
-			this.$document.on( 'dragover', _.bind( this.containerDragover, this ) );
-			this.$document.on( 'dragleave', _.bind( this.containerDragleave, this ) );
+			// DateFilter is a <select>, screen reader text needs to be rendered before
+			this.toolbar.set( 'dateFilterLabel', new wp.media.view.Label({
+				value: l10n.filterByDate,
+				attributes: {
+					'for': 'media-attachment-date-filters'
+				},
+				priority: -75
+			}).render() );
+			this.toolbar.set( 'dateFilter', new wp.media.view.DateFilter({
+				controller: this.controller,
+				model:      this.collection.props,
+				priority: -75
+			}).render() );
 
-			this.$document.on( 'dragstart dragend drop', function( event ) {
-				self.localDrag = event.type === 'dragstart';
-			});
+			// BulkSelection is a <div> with subviews, including screen reader text
+			this.toolbar.set( 'selectModeToggleButton', new wp.media.view.SelectModeToggleButton({
+				text: l10n.bulkSelect,
+				controller: this.controller,
+				priority: -70
+			}).render() );
 
-			this.initialized = true;
-			return this;
-		},
+			this.toolbar.set( 'deleteSelectedButton', new wp.media.view.DeleteSelectedButton({
+				filters: Filters,
+				style: 'primary',
+				disabled: true,
+				text: mediaTrash ? l10n.trashSelected : l10n.deleteSelected,
+				controller: this.controller,
+				priority: -60,
+				click: function() {
+					var changed = [], removed = [],
+						selection = this.controller.state().get( 'selection' ),
+						library = this.controller.state().get( 'library' );
 
-		browserSupport: function() {
-			var supports = false, div = document.createElement('div');
+					if ( ! selection.length ) {
+						return;
+					}
 
-			supports = ( 'draggable' in div ) || ( 'ondragstart' in div && 'ondrop' in div );
-			supports = supports && !! ( window.File && window.FileList && window.FileReader );
-			return supports;
-		},
+					if ( ! mediaTrash && ! window.confirm( l10n.warnBulkDelete ) ) {
+						return;
+					}
 
-		refresh: function( e ) {
-			var dropzone_id;
-			for ( dropzone_id in this.dropzones ) {
-				// Hide the dropzones only if dragging has left the screen.
-				this.dropzones[ dropzone_id ].toggle( this.overContainer || this.overDropzone );
-			}
+					if ( mediaTrash &&
+						'trash' !== selection.at( 0 ).get( 'status' ) &&
+						! window.confirm( l10n.warnBulkTrash ) ) {
 
-			if ( ! _.isUndefined( e ) ) {
-				$( e.target ).closest( '.uploader-editor' ).toggleClass( 'droppable', this.overDropzone );
-			}
+						return;
+					}
 
-			return this;
-		},
+					selection.each( function( model ) {
+						if ( ! model.get( 'nonces' )['delete'] ) {
+							removed.push( model );
+							return;
+						}
 
-		render: function() {
-			if ( ! this.initialized ) {
-				return this;
-			}
+						if ( mediaTrash && 'trash' === model.get( 'status' ) ) {
+							model.set( 'status', 'inherit' );
+							changed.push( model.save() );
+							removed.push( model );
+						} else if ( mediaTrash ) {
+							model.set( 'status', 'trash' );
+							changed.push( model.save() );
+							removed.push( model );
+						} else {
+							model.destroy({wait: true});
+						}
+					} );
 
-			media.View.prototype.render.apply( this, arguments );
-			$( '.wp-editor-wrap, #wp-fullscreen-body' ).each( _.bind( this.attach, this ) );
-			return this;
-		},
+					if ( changed.length ) {
+						selection.remove( removed );
 
-		attach: function( index, editor ) {
-			// Attach a dropzone to an editor.
-			var dropzone = this.$el.clone();
-			this.dropzones.push( dropzone );
-			$( editor ).append( dropzone );
-			return this;
-		},
+						$.when.apply( null, changed ).then( _.bind( function() {
+							library._requery( true );
+							this.controller.trigger( 'selection:action:done' );
+						}, this ) );
+					} else {
+						this.controller.trigger( 'selection:action:done' );
+					}
+				}
+			}).render() );
 
-		drop: function( event ) {
-			var $wrap = null;
+			if ( mediaTrash ) {
+				this.toolbar.set( 'deleteSelectedPermanentlyButton', new wp.media.view.DeleteSelectedPermanentlyButton({
+					filters: Filters,
+					style: 'primary',
+					disabled: true,
+					text: l10n.deleteSelected,
+					controller: this.controller,
+					priority: -55,
+					click: function() {
+						var removed = [], selection = this.controller.state().get( 'selection' );
 
-			this.containerDragleave( event );
-			this.dropzoneDragleave( event );
+						if ( ! selection.length || ! window.confirm( l10n.warnBulkDelete ) ) {
+							return;
+						}
 
-			this.files = event.originalEvent.dataTransfer.files;
-			if ( this.files.length < 1 ) {
-				return;
-			}
+						selection.each( function( model ) {
+							if ( ! model.get( 'nonces' )['delete'] ) {
+								removed.push( model );
+								return;
+							}
 
-			// Set the active editor to the drop target.
-			$wrap = $( event.target ).parents( '.wp-editor-wrap' );
-			if ( $wrap.length > 0 && $wrap[0].id ) {
-				window.wpActiveEditor = $wrap[0].id.slice( 3, -5 );
-			}
+							model.destroy();
+						} );
 
-			if ( ! this.workflow ) {
-				this.workflow = wp.media.editor.open( 'content', {
-					frame:    'post',
-					state:    'insert',
-					title:    wp.media.view.l10n.addMedia,
-					multiple: true
-				});
-				this.workflow.on( 'uploader:ready', this.addFiles, this );
-			} else {
-				this.workflow.state().reset();
-				this.addFiles.apply( this );
-				this.workflow.open();
+						selection.remove( removed );
+						this.controller.trigger( 'selection:action:done' );
+					}
+				}).render() );
 			}
 
-			return false;
-		},
+		} else if ( this.options.date ) {
+			// DateFilter is a <select>, screen reader text needs to be rendered before
+			this.toolbar.set( 'dateFilterLabel', new wp.media.view.Label({
+				value: l10n.filterByDate,
+				attributes: {
+					'for': 'media-attachment-date-filters'
+				},
+				priority: -75
+			}).render() );
+			this.toolbar.set( 'dateFilter', new wp.media.view.DateFilter({
+				controller: this.controller,
+				model:      this.collection.props,
+				priority: -75
+			}).render() );
+		}
 
-		addFiles: function() {
-			if ( this.files.length ) {
-				this.workflow.uploader.uploader.uploader.addFile( _.toArray( this.files ) );
-				this.files = [];
-			}
-			return this;
-		},
+		if ( this.options.search ) {
+			// Search is an input, screen reader text needs to be rendered before
+			this.toolbar.set( 'searchLabel', new wp.media.view.Label({
+				value: l10n.searchMediaLabel,
+				attributes: {
+					'for': 'media-search-input'
+				},
+				priority:   60
+			}).render() );
+			this.toolbar.set( 'search', new wp.media.view.Search({
+				controller: this.controller,
+				model:      this.collection.props,
+				priority:   60
+			}).render() );
+		}
 
-		containerDragover: function() {
-			if ( this.localDrag ) {
-				return;
-			}
+		if ( this.options.dragInfo ) {
+			this.toolbar.set( 'dragInfo', new View({
+				el: $( '<div class="instructions">' + l10n.dragInfo + '</div>' )[0],
+				priority: -40
+			}) );
+		}
 
-			this.overContainer = true;
-			this.refresh();
-		},
+		if ( this.options.suggestedWidth && this.options.suggestedHeight ) {
+			this.toolbar.set( 'suggestedDimensions', new View({
+				el: $( '<div class="instructions">' + l10n.suggestedDimensions + ' ' + this.options.suggestedWidth + ' &times; ' + this.options.suggestedHeight + '</div>' )[0],
+				priority: -40
+			}) );
+		}
+	},
 
-		containerDragleave: function() {
-			this.overContainer = false;
+	updateContent: function() {
+		var view = this,
+			noItemsView;
 
-			// Throttle dragleave because it's called when bouncing from some elements to others.
-			_.delay( _.bind( this.refresh, this ), 50 );
-		},
+		if ( this.controller.isModeActive( 'grid' ) ) {
+			noItemsView = view.attachmentsNoResults;
+		} else {
+			noItemsView = view.uploader;
+		}
 
-		dropzoneDragover: function( e ) {
-			if ( this.localDrag ) {
-				return;
-			}
+		if ( ! this.collection.length ) {
+			this.toolbar.get( 'spinner' ).show();
+			this.dfd = this.collection.more().done( function() {
+				if ( ! view.collection.length ) {
+					noItemsView.$el.removeClass( 'hidden' );
+				} else {
+					noItemsView.$el.addClass( 'hidden' );
+				}
+				view.toolbar.get( 'spinner' ).hide();
+			} );
+		} else {
+			noItemsView.$el.addClass( 'hidden' );
+			view.toolbar.get( 'spinner' ).hide();
+		}
+	},
+
+	createUploader: function() {
+		this.uploader = new wp.media.view.UploaderInline({
+			controller: this.controller,
+			status:     false,
+			message:    this.controller.isModeActive( 'grid' ) ? '' : l10n.noItemsFound,
+			canClose:   this.controller.isModeActive( 'grid' )
+		});
 
-			this.overDropzone = true;
-			this.refresh( e );
-			return false;
-		},
+		this.uploader.hide();
+		this.views.add( this.uploader );
+	},
+
+	toggleUploader: function() {
+		if ( this.uploader.$el.hasClass( 'hidden' ) ) {
+			this.uploader.show();
+		} else {
+			this.uploader.hide();
+		}
+	},
+
+	createAttachments: function() {
+		this.attachments = new wp.media.view.Attachments({
+			controller:           this.controller,
+			collection:           this.collection,
+			selection:            this.options.selection,
+			model:                this.model,
+			sortable:             this.options.sortable,
+			scrollElement:        this.options.scrollElement,
+			idealColumnWidth:     this.options.idealColumnWidth,
+
+			// The single `Attachment` view to be used in the `Attachments` view.
+			AttachmentView: this.options.AttachmentView
+		});
+
+		// Add keydown listener to the instance of the Attachments view
+		this.controller.on( 'attachment:keydown:arrow',     _.bind( this.attachments.arrowEvent, this.attachments ) );
+		this.controller.on( 'attachment:details:shift-tab', _.bind( this.attachments.restoreFocus, this.attachments ) );
+
+		this.views.add( this.attachments );
+
+
+		if ( this.controller.isModeActive( 'grid' ) ) {
+			this.attachmentsNoResults = new View({
+				controller: this.controller,
+				tagName: 'p'
+			});
 
-		dropzoneDragleave: function( e ) {
-			this.overDropzone = false;
-			_.delay( _.bind( this.refresh, this, e ), 50 );
-		},
+			this.attachmentsNoResults.$el.addClass( 'hidden no-media' );
+			this.attachmentsNoResults.$el.html( l10n.noMedia );
 
-		click: function( e ) {
-			// In the rare case where the dropzone gets stuck, hide it on click.
-			this.containerDragleave( e );
-			this.dropzoneDragleave( e );
-			this.localDrag = false;
+			this.views.add( this.attachmentsNoResults );
 		}
-	});
+	},
 
-	/**
-	 * wp.media.view.UploaderInline
-	 *
-	 * @constructor
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.UploaderInline = media.View.extend({
-		tagName:   'div',
-		className: 'uploader-inline',
-		template:  media.template('uploader-inline'),
-
-		initialize: function() {
-			_.defaults( this.options, {
-				message: '',
-				status:  true
+	createSidebar: function() {
+		var options = this.options,
+			selection = options.selection,
+			sidebar = this.sidebar = new wp.media.view.Sidebar({
+				controller: this.controller
 			});
 
-			if ( ! this.options.$browser && this.controller.uploader ) {
-				this.options.$browser = this.controller.uploader.$browser;
-			}
+		this.views.add( sidebar );
 
-			if ( _.isUndefined( this.options.postId ) ) {
-				this.options.postId = media.view.settings.post.id;
-			}
+		if ( this.controller.uploader ) {
+			sidebar.set( 'uploads', new wp.media.view.UploaderStatus({
+				controller: this.controller,
+				priority:   40
+			}) );
+		}
 
-			if ( this.options.status ) {
-				this.views.set( '.upload-inline-status', new media.view.UploaderStatus({
-					controller: this.controller
-				}) );
-			}
-		},
+		selection.on( 'selection:single', this.createSingle, this );
+		selection.on( 'selection:unsingle', this.disposeSingle, this );
 
-		prepare: function() {
-			var suggestedWidth = this.controller.state().get('suggestedWidth'),
-				suggestedHeight = this.controller.state().get('suggestedHeight');
+		if ( selection.single() ) {
+			this.createSingle();
+		}
+	},
+
+	createSingle: function() {
+		var sidebar = this.sidebar,
+			single = this.options.selection.single();
+
+		sidebar.set( 'details', new wp.media.view.Attachment.Details({
+			controller: this.controller,
+			model:      single,
+			priority:   80
+		}) );
+
+		sidebar.set( 'compat', new wp.media.view.AttachmentCompat({
+			controller: this.controller,
+			model:      single,
+			priority:   120
+		}) );
+
+		if ( this.options.display ) {
+			sidebar.set( 'display', new wp.media.view.Settings.AttachmentDisplay({
+				controller:   this.controller,
+				model:        this.model.display( single ),
+				attachment:   single,
+				priority:     160,
+				userSettings: this.model.get('displayUserSettings')
+			}) );
+		}
 
-			if ( suggestedWidth && suggestedHeight ) {
-				return {
-					suggestedWidth: suggestedWidth,
-					suggestedHeight: suggestedHeight
-				};
-			}
-		},
+		// Show the sidebar on mobile
+		if ( this.model.id === 'insert' ) {
+			sidebar.$el.addClass( 'visible' );
+		}
+	},
+
+	disposeSingle: function() {
+		var sidebar = this.sidebar;
+		sidebar.unset('details');
+		sidebar.unset('compat');
+		sidebar.unset('display');
+		// Hide the sidebar on mobile
+		sidebar.$el.removeClass( 'visible' );
+	}
+});
+
+module.exports = AttachmentsBrowser;
+
+},{}],33:[function(require,module,exports){
+/**
+ * wp.media.view.Attachments.Selection
+ *
+ * @class
+ * @augments wp.media.view.Attachments
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var Attachments = wp.media.view.Attachments,
+	Selection;
+
+Selection = Attachments.extend({
+	events: {},
+	initialize: function() {
+		_.defaults( this.options, {
+			sortable:   false,
+			resize:     false,
+
+			// The single `Attachment` view to be used in the `Attachments` view.
+			AttachmentView: wp.media.view.Attachment.Selection
+		});
+		// Call 'initialize' directly on the parent class.
+		return Attachments.prototype.initialize.apply( this, arguments );
+	}
+});
+
+module.exports = Selection;
+
+},{}],34:[function(require,module,exports){
+/**
+ * wp.media.view.ButtonGroup
+ *
+ * @class
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var $ = Backbone.$,
+	ButtonGroup;
+
+ButtonGroup = wp.media.View.extend({
+	tagName:   'div',
+	className: 'button-group button-large media-button-group',
+
+	initialize: function() {
 		/**
-		 * @returns {wp.media.view.UploaderInline} Returns itself to allow chaining
+		 * @member {wp.media.view.Button[]}
 		 */
-		dispose: function() {
-			if ( this.disposing ) {
-				/**
-				 * call 'dispose' directly on the parent class
-				 */
-				return media.View.prototype.dispose.apply( this, arguments );
+		this.buttons = _.map( this.options.buttons || [], function( button ) {
+			if ( button instanceof Backbone.View ) {
+				return button;
+			} else {
+				return new wp.media.view.Button( button ).render();
 			}
+		});
+
+		delete this.options.buttons;
+
+		if ( this.options.classes ) {
+			this.$el.addClass( this.options.classes );
+		}
+	},
 
-			// Run remove on `dispose`, so we can be sure to refresh the
-			// uploader with a view-less DOM. Track whether we're disposing
-			// so we don't trigger an infinite loop.
-			this.disposing = true;
-			return this.remove();
-		},
+	/**
+	 * @returns {wp.media.view.ButtonGroup}
+	 */
+	render: function() {
+		this.$el.html( $( _.pluck( this.buttons, 'el' ) ).detach() );
+		return this;
+	}
+});
+
+module.exports = ButtonGroup;
+
+},{}],35:[function(require,module,exports){
+/**
+ * wp.media.view.Button
+ *
+ * @class
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var Button = wp.media.View.extend({
+	tagName:    'button',
+	className:  'media-button',
+	attributes: { type: 'button' },
+
+	events: {
+		'click': 'click'
+	},
+
+	defaults: {
+		text:     '',
+		style:    '',
+		size:     'large',
+		disabled: false
+	},
+
+	initialize: function() {
 		/**
-		 * @returns {wp.media.view.UploaderInline} Returns itself to allow chaining
+		 * Create a model with the provided `defaults`.
+		 *
+		 * @member {Backbone.Model}
 		 */
-		remove: function() {
-			/**
-			 * call 'remove' directly on the parent class
-			 */
-			var result = media.View.prototype.remove.apply( this, arguments );
+		this.model = new Backbone.Model( this.defaults );
+
+		// If any of the `options` have a key from `defaults`, apply its
+		// value to the `model` and remove it from the `options object.
+		_.each( this.defaults, function( def, key ) {
+			var value = this.options[ key ];
+			if ( _.isUndefined( value ) ) {
+				return;
+			}
 
-			_.defer( _.bind( this.refresh, this ) );
-			return result;
-		},
+			this.model.set( key, value );
+			delete this.options[ key ];
+		}, this );
 
-		refresh: function() {
-			var uploader = this.controller.uploader;
+		this.listenTo( this.model, 'change', this.render );
+	},
+	/**
+	 * @returns {wp.media.view.Button} Returns itself to allow chaining
+	 */
+	render: function() {
+		var classes = [ 'button', this.className ],
+			model = this.model.toJSON();
 
-			if ( uploader ) {
-				uploader.refresh();
-			}
-		},
-		/**
-		 * @returns {wp.media.view.UploaderInline}
-		 */
-		ready: function() {
-			var $browser = this.options.$browser,
-				$placeholder;
+		if ( model.style ) {
+			classes.push( 'button-' + model.style );
+		}
 
-			if ( this.controller.uploader ) {
-				$placeholder = this.$('.browser');
+		if ( model.size ) {
+			classes.push( 'button-' + model.size );
+		}
 
-				// Check if we've already replaced the placeholder.
-				if ( $placeholder[0] === $browser[0] ) {
-					return;
-				}
+		classes = _.uniq( classes.concat( this.options.classes ) );
+		this.el.className = classes.join(' ');
 
-				$browser.detach().text( $placeholder.text() );
-				$browser[0].className = $placeholder[0].className;
-				$placeholder.replaceWith( $browser.show() );
-			}
+		this.$el.attr( 'disabled', model.disabled );
+		this.$el.text( this.model.get('text') );
 
-			this.refresh();
-			return this;
+		return this;
+	},
+	/**
+	 * @param {Object} event
+	 */
+	click: function( event ) {
+		if ( '#' === this.attributes.href ) {
+			event.preventDefault();
 		}
-	});
+
+		if ( this.options.click && ! this.model.get('disabled') ) {
+			this.options.click.apply( this, arguments );
+		}
+	}
+});
+
+module.exports = Button;
+
+},{}],36:[function(require,module,exports){
+/**
+ * wp.media.view.Cropper
+ *
+ * Uses the imgAreaSelect plugin to allow a user to crop an image.
+ *
+ * Takes imgAreaSelect options from
+ * wp.customize.HeaderControl.calculateImageSelectOptions via
+ * wp.customize.HeaderControl.openMM.
+ *
+ * @class
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var View = wp.media.View,
+	UploaderStatus = wp.media.view.UploaderStatus,
+	l10n = wp.media.view.l10n,
+	$ = jQuery,
+	Cropper;
+
+Cropper = View.extend({
+	className: 'crop-content',
+	template: wp.template('crop-content'),
+	initialize: function() {
+		_.bindAll(this, 'onImageLoad');
+	},
+	ready: function() {
+		this.controller.frame.on('content:error:crop', this.onError, this);
+		this.$image = this.$el.find('.crop-image');
+		this.$image.on('load', this.onImageLoad);
+		$(window).on('resize.cropper', _.debounce(this.onImageLoad, 250));
+	},
+	remove: function() {
+		$(window).off('resize.cropper');
+		this.$el.remove();
+		this.$el.off();
+		View.prototype.remove.apply(this, arguments);
+	},
+	prepare: function() {
+		return {
+			title: l10n.cropYourImage,
+			url: this.options.attachment.get('url')
+		};
+	},
+	onImageLoad: function() {
+		var imgOptions = this.controller.get('imgSelectOptions');
+		if (typeof imgOptions === 'function') {
+			imgOptions = imgOptions(this.options.attachment, this.controller);
+		}
+
+		imgOptions = _.extend(imgOptions, {parent: this.$el});
+		this.trigger('image-loaded');
+		this.controller.imgSelect = this.$image.imgAreaSelect(imgOptions);
+	},
+	onError: function() {
+		var filename = this.options.attachment.get('filename');
+
+		this.views.add( '.upload-errors', new wp.media.view.UploaderStatusError({
+			filename: UploaderStatus.prototype.filename(filename),
+			message: window._wpMediaViewsL10n.cropError
+		}), { at: 0 });
+	}
+});
+
+module.exports = Cropper;
+
+},{}],37:[function(require,module,exports){
+/**
+ * wp.media.view.EditImage
+ *
+ * @class
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var View = wp.media.View,
+	EditImage;
+
+EditImage = View.extend({
+	className: 'image-editor',
+	template: wp.template('image-editor'),
+
+	initialize: function( options ) {
+		this.editor = window.imageEdit;
+		this.controller = options.controller;
+		View.prototype.initialize.apply( this, arguments );
+	},
+
+	prepare: function() {
+		return this.model.toJSON();
+	},
+
+	loadEditor: function() {
+		var dfd = this.editor.open( this.model.get('id'), this.model.get('nonces').edit, this );
+		dfd.done( _.bind( this.focus, this ) );
+	},
+
+	focus: function() {
+		this.$( '.imgedit-submit .button' ).eq( 0 ).focus();
+	},
+
+	back: function() {
+		var lastState = this.controller.lastState();
+		this.controller.setState( lastState );
+	},
+
+	refresh: function() {
+		this.model.fetch();
+	},
+
+	save: function() {
+		var lastState = this.controller.lastState();
+
+		this.model.fetch().done( _.bind( function() {
+			this.controller.setState( lastState );
+		}, this ) );
+	}
+
+});
+
+module.exports = EditImage;
+
+},{}],38:[function(require,module,exports){
+/**
+ * wp.media.view.Embed
+ *
+ * @class
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var Embed = wp.media.View.extend({
+	className: 'media-embed',
+
+	initialize: function() {
+		/**
+		 * @member {wp.media.view.EmbedUrl}
+		 */
+		this.url = new wp.media.view.EmbedUrl({
+			controller: this.controller,
+			model:      this.model.props
+		}).render();
+
+		this.views.set([ this.url ]);
+		this.refresh();
+		this.listenTo( this.model, 'change:type', this.refresh );
+		this.listenTo( this.model, 'change:loading', this.loading );
+	},
 
 	/**
-	 * wp.media.view.UploaderStatus
-	 *
-	 * @constructor
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.UploaderStatus = media.View.extend({
-		className: 'media-uploader-status',
-		template:  media.template('uploader-status'),
-
-		events: {
-			'click .upload-dismiss-errors': 'dismiss'
-		},
-
-		initialize: function() {
-			this.queue = wp.Uploader.queue;
-			this.queue.on( 'add remove reset', this.visibility, this );
-			this.queue.on( 'add remove reset change:percent', this.progress, this );
-			this.queue.on( 'add remove reset change:uploading', this.info, this );
-
-			this.errors = wp.Uploader.errors;
-			this.errors.reset();
-			this.errors.on( 'add remove reset', this.visibility, this );
-			this.errors.on( 'add', this.error, this );
-		},
+	 * @param {Object} view
+	 */
+	settings: function( view ) {
+		if ( this._settings ) {
+			this._settings.remove();
+		}
+		this._settings = view;
+		this.views.add( view );
+	},
+
+	refresh: function() {
+		var type = this.model.get('type'),
+			constructor;
+
+		if ( 'image' === type ) {
+			constructor = wp.media.view.EmbedImage;
+		} else if ( 'link' === type ) {
+			constructor = wp.media.view.EmbedLink;
+		} else {
+			return;
+		}
+
+		this.settings( new constructor({
+			controller: this.controller,
+			model:      this.model.props,
+			priority:   40
+		}) );
+	},
+
+	loading: function() {
+		this.$el.toggleClass( 'embed-loading', this.model.get('loading') );
+	}
+});
+
+module.exports = Embed;
+
+},{}],39:[function(require,module,exports){
+/**
+ * wp.media.view.EmbedImage
+ *
+ * @class
+ * @augments wp.media.view.Settings.AttachmentDisplay
+ * @augments wp.media.view.Settings
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var AttachmentDisplay = wp.media.view.Settings.AttachmentDisplay,
+	EmbedImage;
+
+EmbedImage = AttachmentDisplay.extend({
+	className: 'embed-media-settings',
+	template:  wp.template('embed-image-settings'),
+
+	initialize: function() {
 		/**
-		 * @global wp.Uploader
-		 * @returns {wp.media.view.UploaderStatus}
+		 * Call `initialize` directly on parent class with passed arguments
 		 */
-		dispose: function() {
-			wp.Uploader.queue.off( null, null, this );
-			/**
-			 * call 'dispose' directly on the parent class
-			 */
-			media.View.prototype.dispose.apply( this, arguments );
-			return this;
-		},
-
-		visibility: function() {
-			this.$el.toggleClass( 'uploading', !! this.queue.length );
-			this.$el.toggleClass( 'errors', !! this.errors.length );
-			this.$el.toggle( !! this.queue.length || !! this.errors.length );
-		},
-
-		ready: function() {
-			_.each({
-				'$bar':      '.media-progress-bar div',
-				'$index':    '.upload-index',
-				'$total':    '.upload-total',
-				'$filename': '.upload-filename'
-			}, function( selector, key ) {
-				this[ key ] = this.$( selector );
-			}, this );
+		AttachmentDisplay.prototype.initialize.apply( this, arguments );
+		this.listenTo( this.model, 'change:url', this.updateImage );
+	},
+
+	updateImage: function() {
+		this.$('img').attr( 'src', this.model.get('url') );
+	}
+});
+
+module.exports = EmbedImage;
+
+},{}],40:[function(require,module,exports){
+/**
+ * wp.media.view.EmbedLink
+ *
+ * @class
+ * @augments wp.media.view.Settings
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var $ = jQuery,
+	EmbedLink;
+
+EmbedLink = wp.media.view.Settings.extend({
+	className: 'embed-link-settings',
+	template:  wp.template('embed-link-settings'),
+
+	initialize: function() {
+		this.listenTo( this.model, 'change:url', this.updateoEmbed );
+	},
+
+	updateoEmbed: _.debounce( function() {
+		var url = this.model.get( 'url' );
+
+		// clear out previous results
+		this.$('.embed-container').hide().find('.embed-preview').empty();
+		this.$( '.setting' ).hide();
+
+		// only proceed with embed if the field contains more than 11 characters
+		// Example: http://a.io is 11 chars
+		if ( url && ( url.length < 11 || ! url.match(/^http(s)?:\/\//) ) ) {
+			return;
+		}
 
-			this.visibility();
-			this.progress();
-			this.info();
-		},
+		this.fetch();
+	}, wp.media.controller.Embed.sensitivity ),
 
-		progress: function() {
-			var queue = this.queue,
-				$bar = this.$bar;
+	fetch: function() {
+		var embed;
 
-			if ( ! $bar || ! queue.length ) {
-				return;
-			}
+		// check if they haven't typed in 500 ms
+		if ( $('#embed-url-field').val() !== this.model.get('url') ) {
+			return;
+		}
 
-			$bar.width( ( queue.reduce( function( memo, attachment ) {
-				if ( ! attachment.get('uploading') ) {
-					return memo + 100;
-				}
+		if ( this.dfd && 'pending' === this.dfd.state() ) {
+			this.dfd.abort();
+		}
 
-				var percent = attachment.get('percent');
-				return memo + ( _.isNumber( percent ) ? percent : 100 );
-			}, 0 ) / queue.length ) + '%' );
-		},
+		embed = new wp.shortcode({
+			tag: 'embed',
+			attrs: _.pick( this.model.attributes, [ 'width', 'height', 'src' ] ),
+			content: this.model.get('url')
+		});
 
-		info: function() {
-			var queue = this.queue,
-				index = 0, active;
+		this.dfd = $.ajax({
+			type:    'POST',
+			url:     wp.ajax.settings.url,
+			context: this,
+			data:    {
+				action: 'parse-embed',
+				post_ID: wp.media.view.settings.post.id,
+				shortcode: embed.string()
+			}
+		})
+			.done( this.renderoEmbed )
+			.fail( this.renderFail );
+	},
+
+	renderFail: function ( response, status ) {
+		if ( 'abort' === status ) {
+			return;
+		}
+		this.$( '.link-text' ).show();
+	},
 
-			if ( ! queue.length ) {
-				return;
-			}
+	renderoEmbed: function( response ) {
+		var html = ( response && response.data && response.data.body ) || '';
 
-			active = this.queue.find( function( attachment, i ) {
-				index = i;
-				return attachment.get('uploading');
-			});
+		if ( html ) {
+			this.$('.embed-container').show().find('.embed-preview').html( html );
+		} else {
+			this.renderFail();
+		}
+	}
+});
+
+module.exports = EmbedLink;
+
+},{}],41:[function(require,module,exports){
+/**
+ * wp.media.view.EmbedUrl
+ *
+ * @class
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var View = wp.media.View,
+	$ = jQuery,
+	EmbedUrl;
+
+EmbedUrl = View.extend({
+	tagName:   'label',
+	className: 'embed-url',
+
+	events: {
+		'input':  'url',
+		'keyup':  'url',
+		'change': 'url'
+	},
+
+	initialize: function() {
+		this.$input = $('<input id="embed-url-field" type="url" />').val( this.model.get('url') );
+		this.input = this.$input[0];
+
+		this.spinner = $('<span class="spinner" />')[0];
+		this.$el.append([ this.input, this.spinner ]);
+
+		this.listenTo( this.model, 'change:url', this.render );
+
+		if ( this.model.get( 'url' ) ) {
+			_.delay( _.bind( function () {
+				this.model.trigger( 'change:url' );
+			}, this ), 500 );
+		}
+	},
+	/**
+	 * @returns {wp.media.view.EmbedUrl} Returns itself to allow chaining
+	 */
+	render: function() {
+		var $input = this.$input;
 
-			this.$index.text( index + 1 );
-			this.$total.text( queue.length );
-			this.$filename.html( active ? this.filename( active.get('filename') ) : '' );
-		},
-		/**
-		 * @param {string} filename
-		 * @returns {string}
-		 */
-		filename: function( filename ) {
-			return media.truncate( _.escape( filename ), 24 );
-		},
-		/**
-		 * @param {Backbone.Model} error
-		 */
-		error: function( error ) {
-			this.views.add( '.upload-errors', new media.view.UploaderStatusError({
-				filename: this.filename( error.get('file').name ),
-				message:  error.get('message')
-			}), { at: 0 });
-		},
+		if ( $input.is(':focus') ) {
+			return;
+		}
 
+		this.input.value = this.model.get('url') || 'http://';
 		/**
-		 * @global wp.Uploader
-		 *
-		 * @param {Object} event
+		 * Call `render` directly on parent class with passed arguments
 		 */
-		dismiss: function( event ) {
-			var errors = this.views.get('.upload-errors');
+		View.prototype.render.apply( this, arguments );
+		return this;
+	},
+
+	ready: function() {
+		if ( ! wp.media.isTouchDevice ) {
+			this.focus();
+		}
+	},
+
+	url: function( event ) {
+		this.model.set( 'url', event.target.value );
+	},
+
+	/**
+	 * If the input is visible, focus and select its contents.
+	 */
+	focus: function() {
+		var $input = this.$input;
+		if ( $input.is(':visible') ) {
+			$input.focus()[0].select();
+		}
+	}
+});
+
+module.exports = EmbedUrl;
+
+},{}],42:[function(require,module,exports){
+/**
+ * wp.media.view.FocusManager
+ *
+ * @class
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var FocusManager = wp.media.View.extend({
+
+	events: {
+		'keydown': 'constrainTabbing'
+	},
+
+	focus: function() { // Reset focus on first left menu item
+		this.$('.media-menu-item').first().focus();
+	},
+	/**
+	 * @param {Object} event
+	 */
+	constrainTabbing: function( event ) {
+		var tabbables;
+
+		// Look for the tab key.
+		if ( 9 !== event.keyCode ) {
+			return;
+		}
+
+		// Skip the file input added by Plupload.
+		tabbables = this.$( ':tabbable' ).not( '.moxie-shim input[type="file"]' );
+
+		// Keep tab focus within media modal while it's open
+		if ( tabbables.last()[0] === event.target && ! event.shiftKey ) {
+			tabbables.first().focus();
+			return false;
+		} else if ( tabbables.first()[0] === event.target && event.shiftKey ) {
+			tabbables.last().focus();
+			return false;
+		}
+	}
+
+});
+
+module.exports = FocusManager;
+
+},{}],43:[function(require,module,exports){
+/**
+ * wp.media.view.Frame
+ *
+ * A frame is a composite view consisting of one or more regions and one or more
+ * states.
+ *
+ * @see wp.media.controller.State
+ * @see wp.media.controller.Region
+ *
+ * @class
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ * @mixes wp.media.controller.StateMachine
+ */
+var Frame = wp.media.View.extend({
+	initialize: function() {
+		_.defaults( this.options, {
+			mode: [ 'select' ]
+		});
+		this._createRegions();
+		this._createStates();
+		this._createModes();
+	},
+
+	_createRegions: function() {
+		// Clone the regions array.
+		this.regions = this.regions ? this.regions.slice() : [];
+
+		// Initialize regions.
+		_.each( this.regions, function( region ) {
+			this[ region ] = new wp.media.controller.Region({
+				view:     this,
+				id:       region,
+				selector: '.media-frame-' + region
+			});
+		}, this );
+	},
+	/**
+	 * Create the frame's states.
+	 *
+	 * @see wp.media.controller.State
+	 * @see wp.media.controller.StateMachine
+	 *
+	 * @fires wp.media.controller.State#ready
+	 */
+	_createStates: function() {
+		// Create the default `states` collection.
+		this.states = new Backbone.Collection( null, {
+			model: wp.media.controller.State
+		});
 
-			event.preventDefault();
+		// Ensure states have a reference to the frame.
+		this.states.on( 'add', function( model ) {
+			model.frame = this;
+			model.trigger('ready');
+		}, this );
 
-			if ( errors ) {
-				_.invoke( errors, 'remove' );
-			}
-			wp.Uploader.errors.reset();
+		if ( this.options.states ) {
+			this.states.add( this.options.states );
 		}
-	});
+	},
 
 	/**
-	 * wp.media.view.UploaderStatusError
+	 * A frame can be in a mode or multiple modes at one time.
 	 *
-	 * @constructor
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.UploaderStatusError = media.View.extend({
-		className: 'upload-error',
-		template:  media.template('uploader-status-error')
-	});
-
+	 * For example, the manage media frame can be in the `Bulk Select` or `Edit` mode.
+	 */
+	_createModes: function() {
+		// Store active "modes" that the frame is in. Unrelated to region modes.
+		this.activeModes = new Backbone.Collection();
+		this.activeModes.on( 'add remove reset', _.bind( this.triggerModeEvents, this ) );
+
+		_.each( this.options.mode, function( mode ) {
+			this.activateMode( mode );
+		}, this );
+	},
 	/**
-	 * wp.media.view.Toolbar
+	 * Reset all states on the frame to their defaults.
 	 *
-	 * @constructor
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
+	 * @returns {wp.media.view.Frame} Returns itself to allow chaining
 	 */
-	media.view.Toolbar = media.View.extend({
-		tagName:   'div',
-		className: 'media-toolbar',
-
-		initialize: function() {
-			var state = this.controller.state(),
-				selection = this.selection = state.get('selection'),
-				library = this.library = state.get('library');
-
-			this._views = {};
-
-			// The toolbar is composed of two `PriorityList` views.
-			this.primary   = new media.view.PriorityList();
-			this.secondary = new media.view.PriorityList();
-			this.primary.$el.addClass('media-toolbar-primary');
-			this.secondary.$el.addClass('media-toolbar-secondary');
-
-			this.views.set([ this.secondary, this.primary ]);
-
-			if ( this.options.items ) {
-				this.set( this.options.items, { silent: true });
-			}
-
-			if ( ! this.options.silent ) {
-				this.render();
-			}
+	reset: function() {
+		this.states.invoke( 'trigger', 'reset' );
+		return this;
+	},
+	/**
+	 * Map activeMode collection events to the frame.
+	 */
+	triggerModeEvents: function( model, collection, options ) {
+		var collectionEvent,
+			modeEventMap = {
+				add: 'activate',
+				remove: 'deactivate'
+			},
+			eventToTrigger;
+		// Probably a better way to do this.
+		_.each( options, function( value, key ) {
+			if ( value ) {
+				collectionEvent = key;
+			}
+		} );
+
+		if ( ! _.has( modeEventMap, collectionEvent ) ) {
+			return;
+		}
 
-			if ( selection ) {
-				selection.on( 'add remove reset', this.refresh, this );
-			}
+		eventToTrigger = model.get('id') + ':' + modeEventMap[collectionEvent];
+		this.trigger( eventToTrigger );
+	},
+	/**
+	 * Activate a mode on the frame.
+	 *
+	 * @param string mode Mode ID.
+	 * @returns {this} Returns itself to allow chaining.
+	 */
+	activateMode: function( mode ) {
+		// Bail if the mode is already active.
+		if ( this.isModeActive( mode ) ) {
+			return;
+		}
+		this.activeModes.add( [ { id: mode } ] );
+		// Add a CSS class to the frame so elements can be styled for the mode.
+		this.$el.addClass( 'mode-' + mode );
 
-			if ( library ) {
-				library.on( 'add remove reset', this.refresh, this );
-			}
-		},
+		return this;
+	},
+	/**
+	 * Deactivate a mode on the frame.
+	 *
+	 * @param string mode Mode ID.
+	 * @returns {this} Returns itself to allow chaining.
+	 */
+	deactivateMode: function( mode ) {
+		// Bail if the mode isn't active.
+		if ( ! this.isModeActive( mode ) ) {
+			return this;
+		}
+		this.activeModes.remove( this.activeModes.where( { id: mode } ) );
+		this.$el.removeClass( 'mode-' + mode );
 		/**
-		 * @returns {wp.media.view.Toolbar} Returns itsef to allow chaining
+		 * Frame mode deactivation event.
+		 *
+		 * @event this#{mode}:deactivate
 		 */
-		dispose: function() {
-			if ( this.selection ) {
-				this.selection.off( null, null, this );
-			}
-
-			if ( this.library ) {
-				this.library.off( null, null, this );
-			}
-			/**
-			 * call 'dispose' directly on the parent class
-			 */
-			return media.View.prototype.dispose.apply( this, arguments );
-		},
+		this.trigger( mode + ':deactivate' );
 
-		ready: function() {
-			this.refresh();
-		},
+		return this;
+	},
+	/**
+	 * Check if a mode is enabled on the frame.
+	 *
+	 * @param  string mode Mode ID.
+	 * @return bool
+	 */
+	isModeActive: function( mode ) {
+		return Boolean( this.activeModes.where( { id: mode } ).length );
+	}
+});
+
+// Make the `Frame` a `StateMachine`.
+_.extend( Frame.prototype, wp.media.controller.StateMachine.prototype );
+
+module.exports = Frame;
+
+},{}],44:[function(require,module,exports){
+/**
+ * wp.media.view.MediaFrame.ImageDetails
+ *
+ * A media frame for manipulating an image that's already been inserted
+ * into a post.
+ *
+ * @class
+ * @augments wp.media.view.MediaFrame.Select
+ * @augments wp.media.view.MediaFrame
+ * @augments wp.media.view.Frame
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ * @mixes wp.media.controller.StateMachine
+ */
+var Select = wp.media.view.MediaFrame.Select,
+	l10n = wp.media.view.l10n,
+	ImageDetails;
+
+ImageDetails = Select.extend({
+	defaults: {
+		id:      'image',
+		url:     '',
+		menu:    'image-details',
+		content: 'image-details',
+		toolbar: 'image-details',
+		type:    'link',
+		title:    l10n.imageDetailsTitle,
+		priority: 120
+	},
+
+	initialize: function( options ) {
+		this.image = new wp.media.model.PostImage( options.metadata );
+		this.options.selection = new wp.media.model.Selection( this.image.attachment, { multiple: false } );
+		Select.prototype.initialize.apply( this, arguments );
+	},
+
+	bindHandlers: function() {
+		Select.prototype.bindHandlers.apply( this, arguments );
+		this.on( 'menu:create:image-details', this.createMenu, this );
+		this.on( 'content:create:image-details', this.imageDetailsContent, this );
+		this.on( 'content:render:edit-image', this.editImageContent, this );
+		this.on( 'toolbar:render:image-details', this.renderImageDetailsToolbar, this );
+		// override the select toolbar
+		this.on( 'toolbar:render:replace', this.renderReplaceImageToolbar, this );
+	},
+
+	createStates: function() {
+		this.states.add([
+			new wp.media.controller.ImageDetails({
+				image: this.image,
+				editable: false
+			}),
+			new wp.media.controller.ReplaceImage({
+				id: 'replace-image',
+				library: wp.media.query( { type: 'image' } ),
+				image: this.image,
+				multiple:  false,
+				title:     l10n.imageReplaceTitle,
+				toolbar: 'replace',
+				priority:  80,
+				displaySettings: true
+			}),
+			new wp.media.controller.EditImage( {
+				image: this.image,
+				selection: this.options.selection
+			} )
+		]);
+	},
+
+	imageDetailsContent: function( options ) {
+		options.view = new wp.media.view.ImageDetails({
+			controller: this,
+			model: this.state().image,
+			attachment: this.state().image.attachment
+		});
+	},
 
-		/**
-		 * @param {string} id
-		 * @param {Backbone.View|Object} view
-		 * @param {Object} [options={}]
-		 * @returns {wp.media.view.Toolbar} Returns itself to allow chaining
-		 */
-		set: function( id, view, options ) {
-			var list;
-			options = options || {};
+	editImageContent: function() {
+		var state = this.state(),
+			model = state.get('image'),
+			view;
 
-			// Accept an object with an `id` : `view` mapping.
-			if ( _.isObject( id ) ) {
-				_.each( id, function( view, id ) {
-					this.set( id, view, { silent: true });
-				}, this );
+		if ( ! model ) {
+			return;
+		}
 
-			} else {
-				if ( ! ( view instanceof Backbone.View ) ) {
-					view.classes = [ 'media-button-' + id ].concat( view.classes || [] );
-					view = new media.view.Button( view ).render();
-				}
+		view = new wp.media.view.EditImage( { model: model, controller: this } ).render();
 
-				view.controller = view.controller || this.controller;
+		this.content.set( view );
 
-				this._views[ id ] = view;
+		// after bringing in the frame, load the actual editor via an ajax call
+		view.loadEditor();
 
-				list = view.options.priority < 0 ? 'secondary' : 'primary';
-				this[ list ].set( id, view, options );
-			}
+	},
 
-			if ( ! options.silent ) {
-				this.refresh();
-			}
+	renderImageDetailsToolbar: function() {
+		this.toolbar.set( new wp.media.view.Toolbar({
+			controller: this,
+			items: {
+				select: {
+					style:    'primary',
+					text:     l10n.update,
+					priority: 80,
 
-			return this;
-		},
-		/**
-		 * @param {string} id
-		 * @returns {wp.media.view.Button}
-		 */
-		get: function( id ) {
-			return this._views[ id ];
-		},
-		/**
-		 * @param {string} id
-		 * @param {Object} options
-		 * @returns {wp.media.view.Toolbar} Returns itself to allow chaining
-		 */
-		unset: function( id, options ) {
-			delete this._views[ id ];
-			this.primary.unset( id, options );
-			this.secondary.unset( id, options );
+					click: function() {
+						var controller = this.controller,
+							state = controller.state();
 
-			if ( ! options || ! options.silent ) {
-				this.refresh();
-			}
-			return this;
-		},
+						controller.close();
 
-		refresh: function() {
-			var state = this.controller.state(),
-				library = state.get('library'),
-				selection = state.get('selection');
+						// not sure if we want to use wp.media.string.image which will create a shortcode or
+						// perhaps wp.html.string to at least to build the <img />
+						state.trigger( 'update', controller.image.toJSON() );
 
-			_.each( this._views, function( button ) {
-				if ( ! button.model || ! button.options || ! button.options.requires ) {
-					return;
+						// Restore and reset the default state.
+						controller.setState( controller.options.state );
+						controller.reset();
+					}
 				}
+			}
+		}) );
+	},
 
-				var requires = button.options.requires,
-					disabled = false;
-
-				// Prevent insertion of attachments if any of them are still uploading
-				disabled = _.some( selection.models, function( attachment ) {
-					return attachment.get('uploading') === true;
-				});
-
-				if ( requires.selection && selection && ! selection.length ) {
-					disabled = true;
-				} else if ( requires.library && library && ! library.length ) {
-					disabled = true;
-				}
-				button.model.set( 'disabled', disabled );
-			});
-		}
-	});
+	renderReplaceImageToolbar: function() {
+		var frame = this,
+			lastState = frame.lastState(),
+			previous = lastState && lastState.id;
 
-	/**
-	 * wp.media.view.Toolbar.Select
-	 *
-	 * @constructor
-	 * @augments wp.media.view.Toolbar
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.Toolbar.Select = media.view.Toolbar.extend({
-		initialize: function() {
-			var options = this.options;
-
-			_.bindAll( this, 'clickSelect' );
-
-			_.defaults( options, {
-				event: 'select',
-				state: false,
-				reset: true,
-				close: true,
-				text:  l10n.select,
-
-				// Does the button rely on the selection?
-				requires: {
-					selection: true
-				}
-			});
+		this.toolbar.set( new wp.media.view.Toolbar({
+			controller: this,
+			items: {
+				back: {
+					text:     l10n.back,
+					priority: 20,
+					click:    function() {
+						if ( previous ) {
+							frame.setState( previous );
+						} else {
+							frame.close();
+						}
+					}
+				},
 
-			options.items = _.defaults( options.items || {}, {
-				select: {
+				replace: {
 					style:    'primary',
-					text:     options.text,
+					text:     l10n.replace,
 					priority: 80,
-					click:    this.clickSelect,
-					requires: options.requires
-				}
-			});
-			/**
-			 * call 'initialize' directly on the parent class
-			 */
-			media.view.Toolbar.prototype.initialize.apply( this, arguments );
-		},
 
-		clickSelect: function() {
-			var options = this.options,
-				controller = this.controller;
+					click: function() {
+						var controller = this.controller,
+							state = controller.state(),
+							selection = state.get( 'selection' ),
+							attachment = selection.single();
 
-			if ( options.close ) {
-				controller.close();
-			}
+						controller.close();
 
-			if ( options.event ) {
-				controller.state().trigger( options.event );
-			}
+						controller.image.changeAttachment( attachment, state.display( attachment ) );
 
-			if ( options.state ) {
-				controller.setState( options.state );
-			}
+						// not sure if we want to use wp.media.string.image which will create a shortcode or
+						// perhaps wp.html.string to at least to build the <img />
+						state.trigger( 'replace', controller.image.toJSON() );
 
-			if ( options.reset ) {
-				controller.reset();
+						// Restore and reset the default state.
+						controller.setState( controller.options.state );
+						controller.reset();
+					}
+				}
 			}
-		}
-	});
+		}) );
+	}
+
+});
+
+module.exports = ImageDetails;
+
+},{}],45:[function(require,module,exports){
+/**
+ * wp.media.view.MediaFrame.Post
+ *
+ * The frame for manipulating media on the Edit Post page.
+ *
+ * @class
+ * @augments wp.media.view.MediaFrame.Select
+ * @augments wp.media.view.MediaFrame
+ * @augments wp.media.view.Frame
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ * @mixes wp.media.controller.StateMachine
+ */
+var Select = wp.media.view.MediaFrame.Select,
+	Library = wp.media.controller.Library,
+	l10n = wp.media.view.l10n,
+	Post;
+
+Post = Select.extend({
+	initialize: function() {
+		this.counts = {
+			audio: {
+				count: wp.media.view.settings.attachmentCounts.audio,
+				state: 'playlist'
+			},
+			video: {
+				count: wp.media.view.settings.attachmentCounts.video,
+				state: 'video-playlist'
+			}
+		};
 
-	/**
-	 * wp.media.view.Toolbar.Embed
-	 *
-	 * @constructor
-	 * @augments wp.media.view.Toolbar.Select
-	 * @augments wp.media.view.Toolbar
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.Toolbar.Embed = media.view.Toolbar.Select.extend({
-		initialize: function() {
-			_.defaults( this.options, {
-				text: l10n.insertIntoPost,
-				requires: false
-			});
-			/**
-			 * call 'initialize' directly on the parent class
-			 */
-			media.view.Toolbar.Select.prototype.initialize.apply( this, arguments );
-		},
+		_.defaults( this.options, {
+			multiple:  true,
+			editing:   false,
+			state:    'insert',
+			metadata:  {}
+		});
 
-		refresh: function() {
-			var url = this.controller.state().props.get('url');
-			this.get('select').model.set( 'disabled', ! url || url === 'http://' );
-			/**
-			 * call 'refresh' directly on the parent class
-			 */
-			media.view.Toolbar.Select.prototype.refresh.apply( this, arguments );
-		}
-	});
+		// Call 'initialize' directly on the parent class.
+		Select.prototype.initialize.apply( this, arguments );
+		this.createIframeStates();
 
-	/**
-	 * wp.media.view.Button
-	 *
-	 * @constructor
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.Button = media.View.extend({
-		tagName:    'a',
-		className:  'media-button',
-		attributes: { href: '#' },
-
-		events: {
-			'click': 'click'
-		},
-
-		defaults: {
-			text:     '',
-			style:    '',
-			size:     'large',
-			disabled: false
-		},
-
-		initialize: function() {
-			/**
-			 * Create a model with the provided `defaults`.
-			 *
-			 * @member {Backbone.Model}
-			 */
-			this.model = new Backbone.Model( this.defaults );
-
-			// If any of the `options` have a key from `defaults`, apply its
-			// value to the `model` and remove it from the `options object.
-			_.each( this.defaults, function( def, key ) {
-				var value = this.options[ key ];
-				if ( _.isUndefined( value ) ) {
-					return;
-				}
+	},
 
-				this.model.set( key, value );
-				delete this.options[ key ];
-			}, this );
+	/**
+	 * Create the default states.
+	 */
+	createStates: function() {
+		var options = this.options;
+
+		this.states.add([
+			// Main states.
+			new Library({
+				id:         'insert',
+				title:      l10n.insertMediaTitle,
+				priority:   20,
+				toolbar:    'main-insert',
+				filterable: 'all',
+				library:    wp.media.query( options.library ),
+				multiple:   options.multiple ? 'reset' : false,
+				editable:   true,
+
+				// If the user isn't allowed to edit fields,
+				// can they still edit it locally?
+				allowLocalEdits: true,
+
+				// Show the attachment display settings.
+				displaySettings: true,
+				// Update user settings when users adjust the
+				// attachment display settings.
+				displayUserSettings: true
+			}),
+
+			new Library({
+				id:         'gallery',
+				title:      l10n.createGalleryTitle,
+				priority:   40,
+				toolbar:    'main-gallery',
+				filterable: 'uploaded',
+				multiple:   'add',
+				editable:   false,
+
+				library:  wp.media.query( _.defaults({
+					type: 'image'
+				}, options.library ) )
+			}),
+
+			// Embed states.
+			new wp.media.controller.Embed( { metadata: options.metadata } ),
+
+			new wp.media.controller.EditImage( { model: options.editImage } ),
+
+			// Gallery states.
+			new wp.media.controller.GalleryEdit({
+				library: options.selection,
+				editing: options.editing,
+				menu:    'gallery'
+			}),
+
+			new wp.media.controller.GalleryAdd(),
+
+			new Library({
+				id:         'playlist',
+				title:      l10n.createPlaylistTitle,
+				priority:   60,
+				toolbar:    'main-playlist',
+				filterable: 'uploaded',
+				multiple:   'add',
+				editable:   false,
+
+				library:  wp.media.query( _.defaults({
+					type: 'audio'
+				}, options.library ) )
+			}),
+
+			// Playlist states.
+			new wp.media.controller.CollectionEdit({
+				type: 'audio',
+				collectionType: 'playlist',
+				title:          l10n.editPlaylistTitle,
+				SettingsView:   wp.media.view.Settings.Playlist,
+				library:        options.selection,
+				editing:        options.editing,
+				menu:           'playlist',
+				dragInfoText:   l10n.playlistDragInfo,
+				dragInfo:       false
+			}),
+
+			new wp.media.controller.CollectionAdd({
+				type: 'audio',
+				collectionType: 'playlist',
+				title: l10n.addToPlaylistTitle
+			}),
+
+			new Library({
+				id:         'video-playlist',
+				title:      l10n.createVideoPlaylistTitle,
+				priority:   60,
+				toolbar:    'main-video-playlist',
+				filterable: 'uploaded',
+				multiple:   'add',
+				editable:   false,
+
+				library:  wp.media.query( _.defaults({
+					type: 'video'
+				}, options.library ) )
+			}),
+
+			new wp.media.controller.CollectionEdit({
+				type: 'video',
+				collectionType: 'playlist',
+				title:          l10n.editVideoPlaylistTitle,
+				SettingsView:   wp.media.view.Settings.Playlist,
+				library:        options.selection,
+				editing:        options.editing,
+				menu:           'video-playlist',
+				dragInfoText:   l10n.videoPlaylistDragInfo,
+				dragInfo:       false
+			}),
+
+			new wp.media.controller.CollectionAdd({
+				type: 'video',
+				collectionType: 'playlist',
+				title: l10n.addToVideoPlaylistTitle
+			})
+		]);
+
+		if ( wp.media.view.settings.post.featuredImageId ) {
+			this.states.add( new wp.media.controller.FeaturedImage() );
+		}
+	},
 
-			this.model.on( 'change', this.render, this );
-		},
-		/**
-		 * @returns {wp.media.view.Button} Returns itself to allow chaining
-		 */
-		render: function() {
-			var classes = [ 'button', this.className ],
-				model = this.model.toJSON();
+	bindHandlers: function() {
+		var handlers, checkCounts;
 
-			if ( model.style ) {
-				classes.push( 'button-' + model.style );
-			}
+		Select.prototype.bindHandlers.apply( this, arguments );
 
-			if ( model.size ) {
-				classes.push( 'button-' + model.size );
-			}
+		this.on( 'activate', this.activate, this );
 
-			classes = _.uniq( classes.concat( this.options.classes ) );
-			this.el.className = classes.join(' ');
+		// Only bother checking media type counts if one of the counts is zero
+		checkCounts = _.find( this.counts, function( type ) {
+			return type.count === 0;
+		} );
 
-			this.$el.attr( 'disabled', model.disabled );
-			this.$el.text( this.model.get('text') );
+		if ( typeof checkCounts !== 'undefined' ) {
+			this.listenTo( wp.media.model.Attachments.all, 'change:type', this.mediaTypeCounts );
+		}
 
-			return this;
-		},
-		/**
-		 * @param {Object} event
-		 */
-		click: function( event ) {
-			if ( '#' === this.attributes.href ) {
-				event.preventDefault();
+		this.on( 'menu:create:gallery', this.createMenu, this );
+		this.on( 'menu:create:playlist', this.createMenu, this );
+		this.on( 'menu:create:video-playlist', this.createMenu, this );
+		this.on( 'toolbar:create:main-insert', this.createToolbar, this );
+		this.on( 'toolbar:create:main-gallery', this.createToolbar, this );
+		this.on( 'toolbar:create:main-playlist', this.createToolbar, this );
+		this.on( 'toolbar:create:main-video-playlist', this.createToolbar, this );
+		this.on( 'toolbar:create:featured-image', this.featuredImageToolbar, this );
+		this.on( 'toolbar:create:main-embed', this.mainEmbedToolbar, this );
+
+		handlers = {
+			menu: {
+				'default': 'mainMenu',
+				'gallery': 'galleryMenu',
+				'playlist': 'playlistMenu',
+				'video-playlist': 'videoPlaylistMenu'
+			},
+
+			content: {
+				'embed':          'embedContent',
+				'edit-image':     'editImageContent',
+				'edit-selection': 'editSelectionContent'
+			},
+
+			toolbar: {
+				'main-insert':      'mainInsertToolbar',
+				'main-gallery':     'mainGalleryToolbar',
+				'gallery-edit':     'galleryEditToolbar',
+				'gallery-add':      'galleryAddToolbar',
+				'main-playlist':	'mainPlaylistToolbar',
+				'playlist-edit':	'playlistEditToolbar',
+				'playlist-add':		'playlistAddToolbar',
+				'main-video-playlist': 'mainVideoPlaylistToolbar',
+				'video-playlist-edit': 'videoPlaylistEditToolbar',
+				'video-playlist-add': 'videoPlaylistAddToolbar'
 			}
+		};
 
-			if ( this.options.click && ! this.model.get('disabled') ) {
-				this.options.click.apply( this, arguments );
-			}
+		_.each( handlers, function( regionHandlers, region ) {
+			_.each( regionHandlers, function( callback, handler ) {
+				this.on( region + ':render:' + handler, this[ callback ], this );
+			}, this );
+		}, this );
+	},
+
+	activate: function() {
+		// Hide menu items for states tied to particular media types if there are no items
+		_.each( this.counts, function( type ) {
+			if ( type.count < 1 ) {
+				this.menuItemVisibility( type.state, 'hide' );
+			}
+		}, this );
+	},
+
+	mediaTypeCounts: function( model, attr ) {
+		if ( typeof this.counts[ attr ] !== 'undefined' && this.counts[ attr ].count < 1 ) {
+			this.counts[ attr ].count++;
+			this.menuItemVisibility( this.counts[ attr ].state, 'show' );
 		}
-	});
+	},
 
+	// Menus
 	/**
-	 * wp.media.view.ButtonGroup
-	 *
-	 * @constructor
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
+	 * @param {wp.Backbone.View} view
+	 */
+	mainMenu: function( view ) {
+		view.set({
+			'library-separator': new wp.media.View({
+				className: 'separator',
+				priority: 100
+			})
+		});
+	},
+
+	menuItemVisibility: function( state, visibility ) {
+		var menu = this.menu.get();
+		if ( visibility === 'hide' ) {
+			menu.hide( state );
+		} else if ( visibility === 'show' ) {
+			menu.show( state );
+		}
+	},
+	/**
+	 * @param {wp.Backbone.View} view
 	 */
-	media.view.ButtonGroup = media.View.extend({
-		tagName:   'div',
-		className: 'button-group button-large media-button-group',
+	galleryMenu: function( view ) {
+		var lastState = this.lastState(),
+			previous = lastState && lastState.id,
+			frame = this;
+
+		view.set({
+			cancel: {
+				text:     l10n.cancelGalleryTitle,
+				priority: 20,
+				click:    function() {
+					if ( previous ) {
+						frame.setState( previous );
+					} else {
+						frame.close();
+					}
 
-		initialize: function() {
-			/**
-			 * @member {wp.media.view.Button[]}
-			 */
-			this.buttons = _.map( this.options.buttons || [], function( button ) {
-				if ( button instanceof Backbone.View ) {
-					return button;
-				} else {
-					return new media.view.Button( button ).render();
+					// Keep focus inside media modal
+					// after canceling a gallery
+					this.controller.modal.focusManager.focus();
 				}
-			});
+			},
+			separateCancel: new wp.media.View({
+				className: 'separator',
+				priority: 40
+			})
+		});
+	},
+
+	playlistMenu: function( view ) {
+		var lastState = this.lastState(),
+			previous = lastState && lastState.id,
+			frame = this;
+
+		view.set({
+			cancel: {
+				text:     l10n.cancelPlaylistTitle,
+				priority: 20,
+				click:    function() {
+					if ( previous ) {
+						frame.setState( previous );
+					} else {
+						frame.close();
+					}
+				}
+			},
+			separateCancel: new wp.media.View({
+				className: 'separator',
+				priority: 40
+			})
+		});
+	},
+
+	videoPlaylistMenu: function( view ) {
+		var lastState = this.lastState(),
+			previous = lastState && lastState.id,
+			frame = this;
+
+		view.set({
+			cancel: {
+				text:     l10n.cancelVideoPlaylistTitle,
+				priority: 20,
+				click:    function() {
+					if ( previous ) {
+						frame.setState( previous );
+					} else {
+						frame.close();
+					}
+				}
+			},
+			separateCancel: new wp.media.View({
+				className: 'separator',
+				priority: 40
+			})
+		});
+	},
 
-			delete this.options.buttons;
+	// Content
+	embedContent: function() {
+		var view = new wp.media.view.Embed({
+			controller: this,
+			model:      this.state()
+		}).render();
 
-			if ( this.options.classes ) {
-				this.$el.addClass( this.options.classes );
-			}
-		},
+		this.content.set( view );
 
-		/**
-		 * @returns {wp.media.view.ButtonGroup}
-		 */
-		render: function() {
-			this.$el.html( $( _.pluck( this.buttons, 'el' ) ).detach() );
-			return this;
+		if ( ! wp.media.isTouchDevice ) {
+			view.url.focus();
 		}
-	});
-
-	/**
-	 * wp.media.view.PriorityList
-	 *
-	 * @constructor
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.PriorityList = media.View.extend({
-		tagName:   'div',
+	},
+
+	editSelectionContent: function() {
+		var state = this.state(),
+			selection = state.get('selection'),
+			view;
+
+		view = new wp.media.view.AttachmentsBrowser({
+			controller: this,
+			collection: selection,
+			selection:  selection,
+			model:      state,
+			sortable:   true,
+			search:     false,
+			date:       false,
+			dragInfo:   true,
 
-		initialize: function() {
-			this._views = {};
+			AttachmentView: wp.media.view.Attachments.EditSelection
+		}).render();
 
-			this.set( _.extend( {}, this._views, this.options.views ), { silent: true });
-			delete this.options.views;
+		view.toolbar.set( 'backToLibrary', {
+			text:     l10n.returnToLibrary,
+			priority: -100,
 
-			if ( ! this.options.silent ) {
-				this.render();
+			click: function() {
+				this.controller.content.mode('browse');
 			}
-		},
-		/**
-		 * @param {string} id
-		 * @param {wp.media.View|Object} view
-		 * @param {Object} options
-		 * @returns {wp.media.view.PriorityList} Returns itself to allow chaining
-		 */
-		set: function( id, view, options ) {
-			var priority, views, index;
+		});
 
-			options = options || {};
+		// Browse our library of attachments.
+		this.content.set( view );
 
-			// Accept an object with an `id` : `view` mapping.
-			if ( _.isObject( id ) ) {
-				_.each( id, function( view, id ) {
-					this.set( id, view );
-				}, this );
-				return this;
-			}
+		// Trigger the controller to set focus
+		this.trigger( 'edit:selection', this );
+	},
 
-			if ( ! (view instanceof Backbone.View) ) {
-				view = this.toView( view, id, options );
-			}
-			view.controller = view.controller || this.controller;
+	editImageContent: function() {
+		var image = this.state().get('image'),
+			view = new wp.media.view.EditImage( { model: image, controller: this } ).render();
 
-			this.unset( id );
+		this.content.set( view );
 
-			priority = view.options.priority || 10;
-			views = this.views.get() || [];
+		// after creating the wrapper view, load the actual editor via an ajax call
+		view.loadEditor();
 
-			_.find( views, function( existing, i ) {
-				if ( existing.options.priority > priority ) {
-					index = i;
-					return true;
-				}
-			});
+	},
 
-			this._views[ id ] = view;
-			this.views.add( view, {
-				at: _.isNumber( index ) ? index : views.length || 0
-			});
+	// Toolbars
 
-			return this;
-		},
-		/**
-		 * @param {string} id
-		 * @returns {wp.media.View}
-		 */
-		get: function( id ) {
-			return this._views[ id ];
-		},
-		/**
-		 * @param {string} id
-		 * @returns {wp.media.view.PriorityList}
-		 */
-		unset: function( id ) {
-			var view = this.get( id );
+	/**
+	 * @param {wp.Backbone.View} view
+	 */
+	selectionStatusToolbar: function( view ) {
+		var editable = this.state().get('editable');
 
-			if ( view ) {
-				view.remove();
-			}
+		view.set( 'selection', new wp.media.view.Selection({
+			controller: this,
+			collection: this.state().get('selection'),
+			priority:   -40,
 
-			delete this._views[ id ];
-			return this;
-		},
-		/**
-		 * @param {Object} options
-		 * @returns {wp.media.View}
-		 */
-		toView: function( options ) {
-			return new media.View( options );
-		}
-	});
+			// If the selection is editable, pass the callback to
+			// switch the content mode.
+			editable: editable && function() {
+				this.controller.content.mode('edit-selection');
+			}
+		}).render() );
+	},
 
 	/**
-	 * wp.media.view.MenuItem
-	 *
-	 * @constructor
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.MenuItem = media.View.extend({
-		tagName:   'a',
-		className: 'media-menu-item',
-
-		attributes: {
-			href: '#'
-		},
-
-		events: {
-			'click': '_click'
-		},
-		/**
-		 * @param {Object} event
-		 */
-		_click: function( event ) {
-			var clickOverride = this.options.click;
+	 * @param {wp.Backbone.View} view
+	 */
+	mainInsertToolbar: function( view ) {
+		var controller = this;
 
-			if ( event ) {
-				event.preventDefault();
-			}
+		this.selectionStatusToolbar( view );
 
-			if ( clickOverride ) {
-				clickOverride.call( this );
-			} else {
-				this.click();
-			}
-		},
+		view.set( 'insert', {
+			style:    'primary',
+			priority: 80,
+			text:     l10n.insertIntoPost,
+			requires: { selection: true },
 
-		click: function() {
-			var state = this.options.state;
-			if ( state ) {
-				this.controller.setState( state );
-			}
-		},
-		/**
-		 * @returns {wp.media.view.MenuItem} returns itself to allow chaining
-		 */
-		render: function() {
-			var options = this.options;
+			/**
+			 * @fires wp.media.controller.State#insert
+			 */
+			click: function() {
+				var state = controller.state(),
+					selection = state.get('selection');
 
-			if ( options.text ) {
-				this.$el.text( options.text );
-			} else if ( options.html ) {
-				this.$el.html( options.html );
+				controller.close();
+				state.trigger( 'insert', selection ).reset();
 			}
-
-			return this;
-		}
-	});
+		});
+	},
 
 	/**
-	 * wp.media.view.Menu
-	 *
-	 * @constructor
-	 * @augments wp.media.view.PriorityList
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.Menu = media.view.PriorityList.extend({
-		tagName:   'div',
-		className: 'media-menu',
-		property:  'state',
-		ItemView:  media.view.MenuItem,
-		region:    'menu',
-		/**
-		 * @param {Object} options
-		 * @param {string} id
-		 * @returns {wp.media.View}
-		 */
-		toView: function( options, id ) {
-			options = options || {};
-			options[ this.property ] = options[ this.property ] || id;
-			return new this.ItemView( options ).render();
-		},
+	 * @param {wp.Backbone.View} view
+	 */
+	mainGalleryToolbar: function( view ) {
+		var controller = this;
 
-		ready: function() {
-			/**
-			 * call 'ready' directly on the parent class
-			 */
-			media.view.PriorityList.prototype.ready.apply( this, arguments );
-			this.visibility();
-		},
+		this.selectionStatusToolbar( view );
 
-		set: function() {
-			/**
-			 * call 'set' directly on the parent class
-			 */
-			media.view.PriorityList.prototype.set.apply( this, arguments );
-			this.visibility();
-		},
+		view.set( 'gallery', {
+			style:    'primary',
+			text:     l10n.createNewGallery,
+			priority: 60,
+			requires: { selection: true },
 
-		unset: function() {
-			/**
-			 * call 'unset' directly on the parent class
-			 */
-			media.view.PriorityList.prototype.unset.apply( this, arguments );
-			this.visibility();
-		},
-
-		visibility: function() {
-			var region = this.region,
-				view = this.controller[ region ].get(),
-				views = this.views.get(),
-				hide = ! views || views.length < 2;
-
-			if ( this === view ) {
-				this.controller.$el.toggleClass( 'hide-' + region, hide );
-			}
-		},
-		/**
-		 * @param {string} id
-		 */
-		select: function( id ) {
-			var view = this.get( id );
+			click: function() {
+				var selection = controller.state().get('selection'),
+					edit = controller.state('gallery-edit'),
+					models = selection.where({ type: 'image' });
 
-			if ( ! view ) {
-				return;
+				edit.set( 'library', new wp.media.model.Selection( models, {
+					props:    selection.props.toJSON(),
+					multiple: true
+				}) );
+
+				this.controller.setState('gallery-edit');
+
+				// Keep focus inside media modal
+				// after jumping to gallery view
+				this.controller.modal.focusManager.focus();
 			}
+		});
+	},
 
-			this.deselect();
-			view.$el.addClass('active');
-		},
+	mainPlaylistToolbar: function( view ) {
+		var controller = this;
 
-		deselect: function() {
-			this.$el.children().removeClass('active');
-		},
+		this.selectionStatusToolbar( view );
 
-		hide: function( id ) {
-			var view = this.get( id );
+		view.set( 'playlist', {
+			style:    'primary',
+			text:     l10n.createNewPlaylist,
+			priority: 100,
+			requires: { selection: true },
 
-			if ( ! view ) {
-				return;
-			}
+			click: function() {
+				var selection = controller.state().get('selection'),
+					edit = controller.state('playlist-edit'),
+					models = selection.where({ type: 'audio' });
 
-			view.$el.addClass('hidden');
-		},
+				edit.set( 'library', new wp.media.model.Selection( models, {
+					props:    selection.props.toJSON(),
+					multiple: true
+				}) );
 
-		show: function( id ) {
-			var view = this.get( id );
+				this.controller.setState('playlist-edit');
 
-			if ( ! view ) {
-				return;
+				// Keep focus inside media modal
+				// after jumping to playlist view
+				this.controller.modal.focusManager.focus();
 			}
+		});
+	},
 
-			view.$el.removeClass('hidden');
-		}
-	});
+	mainVideoPlaylistToolbar: function( view ) {
+		var controller = this;
 
-	/**
-	 * wp.media.view.RouterItem
-	 *
-	 * @constructor
-	 * @augments wp.media.view.MenuItem
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.RouterItem = media.view.MenuItem.extend({
-		click: function() {
-			var contentMode = this.options.contentMode;
-			if ( contentMode ) {
-				this.controller.content.mode( contentMode );
-			}
-		}
-	});
+		this.selectionStatusToolbar( view );
 
-	/**
-	 * wp.media.view.Router
-	 *
-	 * @constructor
-	 * @augments wp.media.view.Menu
-	 * @augments wp.media.view.PriorityList
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.Router = media.view.Menu.extend({
-		tagName:   'div',
-		className: 'media-router',
-		property:  'contentMode',
-		ItemView:  media.view.RouterItem,
-		region:    'router',
-
-		initialize: function() {
-			this.controller.on( 'content:render', this.update, this );
-			/**
-			 * call 'initialize' directly on the parent class
-			 */
-			media.view.Menu.prototype.initialize.apply( this, arguments );
-		},
+		view.set( 'video-playlist', {
+			style:    'primary',
+			text:     l10n.createNewVideoPlaylist,
+			priority: 100,
+			requires: { selection: true },
 
-		update: function() {
-			var mode = this.controller.content.mode();
-			if ( mode ) {
-				this.select( mode );
+			click: function() {
+				var selection = controller.state().get('selection'),
+					edit = controller.state('video-playlist-edit'),
+					models = selection.where({ type: 'video' });
+
+				edit.set( 'library', new wp.media.model.Selection( models, {
+					props:    selection.props.toJSON(),
+					multiple: true
+				}) );
+
+				this.controller.setState('video-playlist-edit');
+
+				// Keep focus inside media modal
+				// after jumping to video playlist view
+				this.controller.modal.focusManager.focus();
 			}
-		}
-	});
+		});
+	},
 
-	/**
-	 * wp.media.view.Sidebar
-	 *
-	 * @constructor
-	 * @augments wp.media.view.PriorityList
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.Sidebar = media.view.PriorityList.extend({
-		className: 'media-sidebar'
-	});
+	featuredImageToolbar: function( toolbar ) {
+		this.createSelectToolbar( toolbar, {
+			text:  l10n.setFeaturedImage,
+			state: this.options.state
+		});
+	},
+
+	mainEmbedToolbar: function( toolbar ) {
+		toolbar.view = new wp.media.view.Toolbar.Embed({
+			controller: this
+		});
+	},
+
+	galleryEditToolbar: function() {
+		var editing = this.state().get('editing');
+		this.toolbar.set( new wp.media.view.Toolbar({
+			controller: this,
+			items: {
+				insert: {
+					style:    'primary',
+					text:     editing ? l10n.updateGallery : l10n.insertGallery,
+					priority: 80,
+					requires: { library: true },
 
-	/**
-	 * wp.media.view.Attachment
-	 *
-	 * @constructor
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.Attachment = media.View.extend({
-		tagName:   'li',
-		className: 'attachment',
-		template:  media.template('attachment'),
-
-		events: {
-			'click .attachment-preview':      'toggleSelectionHandler',
-			'change [data-setting]':          'updateSetting',
-			'change [data-setting] input':    'updateSetting',
-			'change [data-setting] select':   'updateSetting',
-			'change [data-setting] textarea': 'updateSetting',
-			'click .close':                   'removeFromLibrary',
-			'click .check':                   'removeFromSelection',
-			'click a':                        'preventDefault'
-		},
-
-		buttons: {},
-
-		initialize: function() {
-			var selection = this.options.selection;
-
-			this.model.on( 'change:sizes change:uploading', this.render, this );
-			this.model.on( 'change:title', this._syncTitle, this );
-			this.model.on( 'change:caption', this._syncCaption, this );
-			this.model.on( 'change:percent', this.progress, this );
-
-			// Update the selection.
-			this.model.on( 'add', this.select, this );
-			this.model.on( 'remove', this.deselect, this );
-			if ( selection ) {
-				selection.on( 'reset', this.updateSelect, this );
-			}
+					/**
+					 * @fires wp.media.controller.State#update
+					 */
+					click: function() {
+						var controller = this.controller,
+							state = controller.state();
 
-			// Update the model's details view.
-			this.model.on( 'selection:single selection:unsingle', this.details, this );
-			this.details( this.model, this.controller.state().get('selection') );
-		},
-		/**
-		 * @returns {wp.media.view.Attachment} Returns itself to allow chaining
-		 */
-		dispose: function() {
-			var selection = this.options.selection;
+						controller.close();
+						state.trigger( 'update', state.get('library') );
 
-			// Make sure all settings are saved before removing the view.
-			this.updateAll();
+						// Restore and reset the default state.
+						controller.setState( controller.options.state );
+						controller.reset();
+					}
+				}
+			}
+		}) );
+	},
 
-			if ( selection ) {
-				selection.off( null, null, this );
+	galleryAddToolbar: function() {
+		this.toolbar.set( new wp.media.view.Toolbar({
+			controller: this,
+			items: {
+				insert: {
+					style:    'primary',
+					text:     l10n.addToGallery,
+					priority: 80,
+					requires: { selection: true },
+
+					/**
+					 * @fires wp.media.controller.State#reset
+					 */
+					click: function() {
+						var controller = this.controller,
+							state = controller.state(),
+							edit = controller.state('gallery-edit');
+
+						edit.get('library').add( state.get('selection').models );
+						state.trigger('reset');
+						controller.setState('gallery-edit');
+					}
+				}
 			}
-			/**
-			 * call 'dispose' directly on the parent class
-			 */
-			media.View.prototype.dispose.apply( this, arguments );
-			return this;
-		},
-		/**
-		 * @returns {wp.media.view.Attachment} Returns itself to allow chaining
-		 */
-		render: function() {
-			var options = _.defaults( this.model.toJSON(), {
-					orientation:   'landscape',
-					uploading:     false,
-					type:          '',
-					subtype:       '',
-					icon:          '',
-					filename:      '',
-					caption:       '',
-					title:         '',
-					dateFormatted: '',
-					width:         '',
-					height:        '',
-					compat:        false,
-					alt:           '',
-					description:   ''
-				});
+		}) );
+	},
 
-			options.buttons  = this.buttons;
-			options.describe = this.controller.state().get('describe');
+	playlistEditToolbar: function() {
+		var editing = this.state().get('editing');
+		this.toolbar.set( new wp.media.view.Toolbar({
+			controller: this,
+			items: {
+				insert: {
+					style:    'primary',
+					text:     editing ? l10n.updatePlaylist : l10n.insertPlaylist,
+					priority: 80,
+					requires: { library: true },
 
-			if ( 'image' === options.type ) {
-				options.size = this.imageSize();
-			}
+					/**
+					 * @fires wp.media.controller.State#update
+					 */
+					click: function() {
+						var controller = this.controller,
+							state = controller.state();
 
-			options.can = {};
-			if ( options.nonces ) {
-				options.can.remove = !! options.nonces['delete'];
-				options.can.save = !! options.nonces.update;
-			}
+						controller.close();
+						state.trigger( 'update', state.get('library') );
 
-			if ( this.controller.state().get('allowLocalEdits') ) {
-				options.allowLocalEdits = true;
+						// Restore and reset the default state.
+						controller.setState( controller.options.state );
+						controller.reset();
+					}
+				}
 			}
+		}) );
+	},
 
-			this.views.detach();
-			this.$el.html( this.template( options ) );
-
-			this.$el.toggleClass( 'uploading', options.uploading );
-			if ( options.uploading ) {
-				this.$bar = this.$('.media-progress-bar div');
-			} else {
-				delete this.$bar;
+	playlistAddToolbar: function() {
+		this.toolbar.set( new wp.media.view.Toolbar({
+			controller: this,
+			items: {
+				insert: {
+					style:    'primary',
+					text:     l10n.addToPlaylist,
+					priority: 80,
+					requires: { selection: true },
+
+					/**
+					 * @fires wp.media.controller.State#reset
+					 */
+					click: function() {
+						var controller = this.controller,
+							state = controller.state(),
+							edit = controller.state('playlist-edit');
+
+						edit.get('library').add( state.get('selection').models );
+						state.trigger('reset');
+						controller.setState('playlist-edit');
+					}
+				}
 			}
+		}) );
+	},
 
-			// Check if the model is selected.
-			this.updateSelect();
+	videoPlaylistEditToolbar: function() {
+		var editing = this.state().get('editing');
+		this.toolbar.set( new wp.media.view.Toolbar({
+			controller: this,
+			items: {
+				insert: {
+					style:    'primary',
+					text:     editing ? l10n.updateVideoPlaylist : l10n.insertVideoPlaylist,
+					priority: 140,
+					requires: { library: true },
 
-			// Update the save status.
-			this.updateSave();
+					click: function() {
+						var controller = this.controller,
+							state = controller.state(),
+							library = state.get('library');
 
-			this.views.render();
+						library.type = 'video';
 
-			return this;
-		},
+						controller.close();
+						state.trigger( 'update', library );
 
-		progress: function() {
-			if ( this.$bar && this.$bar.length ) {
-				this.$bar.width( this.model.get('percent') + '%' );
+						// Restore and reset the default state.
+						controller.setState( controller.options.state );
+						controller.reset();
+					}
+				}
 			}
-		},
-		/**
-		 * @param {Object} event
-		 */
-		toggleSelectionHandler: function( event ) {
-			var method;
+		}) );
+	},
 
-			if ( event.shiftKey ) {
-				method = 'between';
-			} else if ( event.ctrlKey || event.metaKey ) {
-				method = 'toggle';
+	videoPlaylistAddToolbar: function() {
+		this.toolbar.set( new wp.media.view.Toolbar({
+			controller: this,
+			items: {
+				insert: {
+					style:    'primary',
+					text:     l10n.addToVideoPlaylist,
+					priority: 140,
+					requires: { selection: true },
+
+					click: function() {
+						var controller = this.controller,
+							state = controller.state(),
+							edit = controller.state('video-playlist-edit');
+
+						edit.get('library').add( state.get('selection').models );
+						state.trigger('reset');
+						controller.setState('video-playlist-edit');
+					}
+				}
 			}
+		}) );
+	}
+});
+
+module.exports = Post;
+
+},{}],46:[function(require,module,exports){
+/**
+ * wp.media.view.MediaFrame.Select
+ *
+ * A frame for selecting an item or items from the media library.
+ *
+ * @class
+ * @augments wp.media.view.MediaFrame
+ * @augments wp.media.view.Frame
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ * @mixes wp.media.controller.StateMachine
+ */
+
+var MediaFrame = wp.media.view.MediaFrame,
+	l10n = wp.media.view.l10n,
+	Select;
+
+Select = MediaFrame.extend({
+	initialize: function() {
+		// Call 'initialize' directly on the parent class.
+		MediaFrame.prototype.initialize.apply( this, arguments );
+
+		_.defaults( this.options, {
+			selection: [],
+			library:   {},
+			multiple:  false,
+			state:    'library'
+		});
+
+		this.createSelection();
+		this.createStates();
+		this.bindHandlers();
+	},
+
+	/**
+	 * Attach a selection collection to the frame.
+	 *
+	 * A selection is a collection of attachments used for a specific purpose
+	 * by a media frame. e.g. Selecting an attachment (or many) to insert into
+	 * post content.
+	 *
+	 * @see media.model.Selection
+	 */
+	createSelection: function() {
+		var selection = this.options.selection;
 
-			this.toggleSelection({
-				method: method
+		if ( ! (selection instanceof wp.media.model.Selection) ) {
+			this.options.selection = new wp.media.model.Selection( selection, {
+				multiple: this.options.multiple
 			});
-		},
-		/**
-		 * @param {Object} options
-		 */
-		toggleSelection: function( options ) {
-			var collection = this.collection,
-				selection = this.options.selection,
-				model = this.model,
-				method = options && options.method,
-				single, models, singleIndex, modelIndex;
-
-			if ( ! selection ) {
-				return;
-			}
+		}
 
-			single = selection.single();
-			method = _.isUndefined( method ) ? selection.multiple : method;
+		this._selection = {
+			attachments: new wp.media.model.Attachments(),
+			difference: []
+		};
+	},
 
-			// If the `method` is set to `between`, select all models that
-			// exist between the current and the selected model.
-			if ( 'between' === method && single && selection.multiple ) {
-				// If the models are the same, short-circuit.
-				if ( single === model ) {
-					return;
-				}
+	/**
+	 * Create the default states on the frame.
+	 */
+	createStates: function() {
+		var options = this.options;
 
-				singleIndex = collection.indexOf( single );
-				modelIndex  = collection.indexOf( this.model );
+		if ( this.options.states ) {
+			return;
+		}
 
-				if ( singleIndex < modelIndex ) {
-					models = collection.models.slice( singleIndex, modelIndex + 1 );
-				} else {
-					models = collection.models.slice( modelIndex, singleIndex + 1 );
-				}
+		// Add the default states.
+		this.states.add([
+			// Main states.
+			new wp.media.controller.Library({
+				library:   wp.media.query( options.library ),
+				multiple:  options.multiple,
+				title:     options.title,
+				priority:  20
+			})
+		]);
+	},
 
-				selection.add( models );
-				selection.single( model );
-				return;
+	/**
+	 * Bind region mode event callbacks.
+	 *
+	 * @see media.controller.Region.render
+	 */
+	bindHandlers: function() {
+		this.on( 'router:create:browse', this.createRouter, this );
+		this.on( 'router:render:browse', this.browseRouter, this );
+		this.on( 'content:create:browse', this.browseContent, this );
+		this.on( 'content:render:upload', this.uploadContent, this );
+		this.on( 'toolbar:create:select', this.createSelectToolbar, this );
+	},
 
-			// If the `method` is set to `toggle`, just flip the selection
-			// status, regardless of whether the model is the single model.
-			} else if ( 'toggle' === method ) {
-				selection[ this.selected() ? 'remove' : 'add' ]( model );
-				selection.single( model );
-				return;
+	/**
+	 * Render callback for the router region in the `browse` mode.
+	 *
+	 * @param {wp.media.view.Router} routerView
+	 */
+	browseRouter: function( routerView ) {
+		routerView.set({
+			upload: {
+				text:     l10n.uploadFilesTitle,
+				priority: 20
+			},
+			browse: {
+				text:     l10n.mediaLibraryTitle,
+				priority: 40
 			}
+		});
+	},
 
-			if ( method !== 'add' ) {
-				method = 'reset';
-			}
+	/**
+	 * Render callback for the content region in the `browse` mode.
+	 *
+	 * @param {wp.media.controller.Region} contentRegion
+	 */
+	browseContent: function( contentRegion ) {
+		var state = this.state();
+
+		this.$el.removeClass('hide-toolbar');
+
+		// Browse our library of attachments.
+		contentRegion.view = new wp.media.view.AttachmentsBrowser({
+			controller: this,
+			collection: state.get('library'),
+			selection:  state.get('selection'),
+			model:      state,
+			sortable:   state.get('sortable'),
+			search:     state.get('searchable'),
+			filters:    state.get('filterable'),
+			date:       state.get('date'),
+			display:    state.has('display') ? state.get('display') : state.get('displaySettings'),
+			dragInfo:   state.get('dragInfo'),
+
+			idealColumnWidth: state.get('idealColumnWidth'),
+			suggestedWidth:   state.get('suggestedWidth'),
+			suggestedHeight:  state.get('suggestedHeight'),
+
+			AttachmentView: state.get('AttachmentView')
+		});
+	},
 
-			if ( this.selected() ) {
-				// If the model is the single model, remove it.
-				// If it is not the same as the single model,
-				// it now becomes the single model.
-				selection[ single === model ? 'remove' : 'single' ]( model );
-			} else {
-				// If the model is not selected, run the `method` on the
-				// selection. By default, we `reset` the selection, but the
-				// `method` can be set to `add` the model to the selection.
-				selection[ method ]( model );
-				selection.single( model );
-			}
-		},
+	/**
+	 * Render callback for the content region in the `upload` mode.
+	 */
+	uploadContent: function() {
+		this.$el.removeClass( 'hide-toolbar' );
+		this.content.set( new wp.media.view.UploaderInline({
+			controller: this
+		}) );
+	},
 
-		updateSelect: function() {
-			this[ this.selected() ? 'select' : 'deselect' ]();
-		},
-		/**
-		 * @returns {unresolved|Boolean}
-		 */
-		selected: function() {
-			var selection = this.options.selection;
-			if ( selection ) {
-				return !! selection.get( this.model.cid );
-			}
-		},
-		/**
-		 * @param {Backbone.Model} model
-		 * @param {Backbone.Collection} collection
-		 */
-		select: function( model, collection ) {
-			var selection = this.options.selection;
+	/**
+	 * Toolbars
+	 *
+	 * @param {Object} toolbar
+	 * @param {Object} [options={}]
+	 * @this wp.media.controller.Region
+	 */
+	createSelectToolbar: function( toolbar, options ) {
+		options = options || this.options.button || {};
+		options.controller = this;
+
+		toolbar.view = new wp.media.view.Toolbar.Select( options );
+	}
+});
+
+module.exports = Select;
+
+},{}],47:[function(require,module,exports){
+/**
+ * wp.media.view.Iframe
+ *
+ * @class
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var Iframe = wp.media.View.extend({
+	className: 'media-iframe',
+	/**
+	 * @returns {wp.media.view.Iframe} Returns itself to allow chaining
+	 */
+	render: function() {
+		this.views.detach();
+		this.$el.html( '<iframe src="' + this.controller.state().get('src') + '" />' );
+		this.views.render();
+		return this;
+	}
+});
+
+module.exports = Iframe;
+
+},{}],48:[function(require,module,exports){
+/**
+ * wp.media.view.ImageDetails
+ *
+ * @class
+ * @augments wp.media.view.Settings.AttachmentDisplay
+ * @augments wp.media.view.Settings
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var AttachmentDisplay = wp.media.view.Settings.AttachmentDisplay,
+	$ = jQuery,
+	ImageDetails;
+
+ImageDetails = AttachmentDisplay.extend({
+	className: 'image-details',
+	template:  wp.template('image-details'),
+	events: _.defaults( AttachmentDisplay.prototype.events, {
+		'click .edit-attachment': 'editAttachment',
+		'click .replace-attachment': 'replaceAttachment',
+		'click .advanced-toggle': 'onToggleAdvanced',
+		'change [data-setting="customWidth"]': 'onCustomSize',
+		'change [data-setting="customHeight"]': 'onCustomSize',
+		'keyup [data-setting="customWidth"]': 'onCustomSize',
+		'keyup [data-setting="customHeight"]': 'onCustomSize'
+	} ),
+	initialize: function() {
+		// used in AttachmentDisplay.prototype.updateLinkTo
+		this.options.attachment = this.model.attachment;
+		this.listenTo( this.model, 'change:url', this.updateUrl );
+		this.listenTo( this.model, 'change:link', this.toggleLinkSettings );
+		this.listenTo( this.model, 'change:size', this.toggleCustomSize );
+
+		AttachmentDisplay.prototype.initialize.apply( this, arguments );
+	},
+
+	prepare: function() {
+		var attachment = false;
+
+		if ( this.model.attachment ) {
+			attachment = this.model.attachment.toJSON();
+		}
+		return _.defaults({
+			model: this.model.toJSON(),
+			attachment: attachment
+		}, this.options );
+	},
+
+	render: function() {
+		var args = arguments;
+
+		if ( this.model.attachment && 'pending' === this.model.dfd.state() ) {
+			this.model.dfd
+				.done( _.bind( function() {
+					AttachmentDisplay.prototype.render.apply( this, args );
+					this.postRender();
+				}, this ) )
+				.fail( _.bind( function() {
+					this.model.attachment = false;
+					AttachmentDisplay.prototype.render.apply( this, args );
+					this.postRender();
+				}, this ) );
+		} else {
+			AttachmentDisplay.prototype.render.apply( this, arguments );
+			this.postRender();
+		}
 
-			// Check if a selection exists and if it's the collection provided.
-			// If they're not the same collection, bail; we're in another
-			// selection's event loop.
-			if ( ! selection || ( collection && collection !== selection ) ) {
-				return;
-			}
+		return this;
+	},
 
-			this.$el.addClass('selected');
-		},
-		/**
-		 * @param {Backbone.Model} model
-		 * @param {Backbone.Collection} collection
-		 */
-		deselect: function( model, collection ) {
-			var selection = this.options.selection;
+	postRender: function() {
+		setTimeout( _.bind( this.resetFocus, this ), 10 );
+		this.toggleLinkSettings();
+		if ( window.getUserSetting( 'advImgDetails' ) === 'show' ) {
+			this.toggleAdvanced( true );
+		}
+		this.trigger( 'post-render' );
+	},
+
+	resetFocus: function() {
+		this.$( '.link-to-custom' ).blur();
+		this.$( '.embed-media-settings' ).scrollTop( 0 );
+	},
+
+	updateUrl: function() {
+		this.$( '.image img' ).attr( 'src', this.model.get( 'url' ) );
+		this.$( '.url' ).val( this.model.get( 'url' ) );
+	},
+
+	toggleLinkSettings: function() {
+		if ( this.model.get( 'link' ) === 'none' ) {
+			this.$( '.link-settings' ).addClass('hidden');
+		} else {
+			this.$( '.link-settings' ).removeClass('hidden');
+		}
+	},
 
-			// Check if a selection exists and if it's the collection provided.
-			// If they're not the same collection, bail; we're in another
-			// selection's event loop.
-			if ( ! selection || ( collection && collection !== selection ) ) {
-				return;
-			}
-			this.$el.removeClass('selected');
-		},
-		/**
-		 * @param {Backbone.Model} model
-		 * @param {Backbone.Collection} collection
-		 */
-		details: function( model, collection ) {
-			var selection = this.options.selection,
-				details;
+	toggleCustomSize: function() {
+		if ( this.model.get( 'size' ) !== 'custom' ) {
+			this.$( '.custom-size' ).addClass('hidden');
+		} else {
+			this.$( '.custom-size' ).removeClass('hidden');
+		}
+	},
 
-			if ( selection !== collection ) {
-				return;
-			}
+	onCustomSize: function( event ) {
+		var dimension = $( event.target ).data('setting'),
+			num = $( event.target ).val(),
+			value;
 
-			details = selection.single();
-			this.$el.toggleClass( 'details', details === this.model );
-		},
-		/**
-		 * @param {Object} event
-		 */
-		preventDefault: function( event ) {
+		// Ignore bogus input
+		if ( ! /^\d+/.test( num ) || parseInt( num, 10 ) < 1 ) {
 			event.preventDefault();
-		},
-		/**
-		 * @param {string} size
-		 * @returns {Object}
-		 */
-		imageSize: function( size ) {
-			var sizes = this.model.get('sizes');
+			return;
+		}
 
-			size = size || 'medium';
+		if ( dimension === 'customWidth' ) {
+			value = Math.round( 1 / this.model.get( 'aspectRatio' ) * num );
+			this.model.set( 'customHeight', value, { silent: true } );
+			this.$( '[data-setting="customHeight"]' ).val( value );
+		} else {
+			value = Math.round( this.model.get( 'aspectRatio' ) * num );
+			this.model.set( 'customWidth', value, { silent: true  } );
+			this.$( '[data-setting="customWidth"]' ).val( value );
+		}
+	},
 
-			// Use the provided image size if possible.
-			if ( sizes && sizes[ size ] ) {
-				return _.clone( sizes[ size ] );
-			} else {
-				return {
-					url:         this.model.get('url'),
-					width:       this.model.get('width'),
-					height:      this.model.get('height'),
-					orientation: this.model.get('orientation')
-				};
-			}
-		},
-		/**
-		 * @param {Object} event
-		 */
-		updateSetting: function( event ) {
-			var $setting = $( event.target ).closest('[data-setting]'),
-				setting, value;
+	onToggleAdvanced: function( event ) {
+		event.preventDefault();
+		this.toggleAdvanced();
+	},
 
-			if ( ! $setting.length ) {
-				return;
-			}
+	toggleAdvanced: function( show ) {
+		var $advanced = this.$el.find( '.advanced-section' ),
+			mode;
 
-			setting = $setting.data('setting');
-			value   = event.target.value;
+		if ( $advanced.hasClass('advanced-visible') || show === false ) {
+			$advanced.removeClass('advanced-visible');
+			$advanced.find('.advanced-settings').addClass('hidden');
+			mode = 'hide';
+		} else {
+			$advanced.addClass('advanced-visible');
+			$advanced.find('.advanced-settings').removeClass('hidden');
+			mode = 'show';
+		}
 
-			if ( this.model.get( setting ) !== value ) {
-				this.save( setting, value );
-			}
-		},
+		window.setUserSetting( 'advImgDetails', mode );
+	},
 
-		/**
-		 * Pass all the arguments to the model's save method.
-		 *
-		 * Records the aggregate status of all save requests and updates the
-		 * view's classes accordingly.
-		 */
-		save: function() {
-			var view = this,
-				save = this._save = this._save || { status: 'ready' },
-				request = this.model.save.apply( this.model, arguments ),
-				requests = save.requests ? $.when( request, save.requests ) : request;
-
-			// If we're waiting to remove 'Saved.', stop.
-			if ( save.savedTimer ) {
-				clearTimeout( save.savedTimer );
-			}
+	editAttachment: function( event ) {
+		var editState = this.controller.states.get( 'edit-image' );
 
-			this.updateSave('waiting');
-			save.requests = requests;
-			requests.always( function() {
-				// If we've performed another request since this one, bail.
-				if ( save.requests !== requests ) {
-					return;
-				}
+		if ( window.imageEdit && editState ) {
+			event.preventDefault();
+			editState.set( 'image', this.model.attachment );
+			this.controller.setState( 'edit-image' );
+		}
+	},
+
+	replaceAttachment: function( event ) {
+		event.preventDefault();
+		this.controller.setState( 'replace-image' );
+	}
+});
+
+module.exports = ImageDetails;
+
+},{}],49:[function(require,module,exports){
+/**
+ * wp.media.view.Label
+ *
+ * @class
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var Label = wp.media.View.extend({
+	tagName: 'label',
+	className: 'screen-reader-text',
+
+	initialize: function() {
+		this.value = this.options.value;
+	},
+
+	render: function() {
+		this.$el.html( this.value );
+
+		return this;
+	}
+});
+
+module.exports = Label;
+
+},{}],50:[function(require,module,exports){
+/**
+ * wp.media.view.MediaFrame
+ *
+ * The frame used to create the media modal.
+ *
+ * @class
+ * @augments wp.media.view.Frame
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ * @mixes wp.media.controller.StateMachine
+ */
+var Frame = wp.media.view.Frame,
+	$ = jQuery,
+	MediaFrame;
+
+MediaFrame = Frame.extend({
+	className: 'media-frame',
+	template:  wp.template('media-frame'),
+	regions:   ['menu','title','content','toolbar','router'],
+
+	events: {
+		'click div.media-frame-title h1': 'toggleMenu'
+	},
 
-				view.updateSave( requests.state() === 'resolved' ? 'complete' : 'error' );
-				save.savedTimer = setTimeout( function() {
-					view.updateSave('ready');
-					delete save.savedTimer;
-				}, 2000 );
-			});
-		},
-		/**
-		 * @param {string} status
-		 * @returns {wp.media.view.Attachment} Returns itself to allow chaining
-		 */
-		updateSave: function( status ) {
-			var save = this._save = this._save || { status: 'ready' };
+	/**
+	 * @global wp.Uploader
+	 */
+	initialize: function() {
+		Frame.prototype.initialize.apply( this, arguments );
 
-			if ( status && status !== save.status ) {
-				this.$el.removeClass( 'save-' + save.status );
-				save.status = status;
-			}
+		_.defaults( this.options, {
+			title:    '',
+			modal:    true,
+			uploader: true
+		});
 
-			this.$el.addClass( 'save-' + save.status );
-			return this;
-		},
+		// Ensure core UI is enabled.
+		this.$el.addClass('wp-core-ui');
+
+		// Initialize modal container view.
+		if ( this.options.modal ) {
+			this.modal = new wp.media.view.Modal({
+				controller: this,
+				title:      this.options.title
+			});
 
-		updateAll: function() {
-			var $settings = this.$('[data-setting]'),
-				model = this.model,
-				changed;
+			this.modal.content( this );
+		}
 
-			changed = _.chain( $settings ).map( function( el ) {
-				var $input = $('input, textarea, select, [value]', el ),
-					setting, value;
+		// Force the uploader off if the upload limit has been exceeded or
+		// if the browser isn't supported.
+		if ( wp.Uploader.limitExceeded || ! wp.Uploader.browser.supported ) {
+			this.options.uploader = false;
+		}
 
-				if ( ! $input.length ) {
-					return;
+		// Initialize window-wide uploader.
+		if ( this.options.uploader ) {
+			this.uploader = new wp.media.view.UploaderWindow({
+				controller: this,
+				uploader: {
+					dropzone:  this.modal ? this.modal.$el : this.$el,
+					container: this.$el
 				}
+			});
+			this.views.set( '.media-frame-uploader', this.uploader );
+		}
 
-				setting = $(el).data('setting');
-				value = $input.val();
+		this.on( 'attach', _.bind( this.views.ready, this.views ), this );
 
-				// Record the value if it changed.
-				if ( model.get( setting ) !== value ) {
-					return [ setting, value ];
-				}
-			}).compact().object().value();
+		// Bind default title creation.
+		this.on( 'title:create:default', this.createTitle, this );
+		this.title.mode('default');
 
-			if ( ! _.isEmpty( changed ) ) {
-				model.save( changed );
-			}
-		},
-		/**
-		 * @param {Object} event
-		 */
-		removeFromLibrary: function( event ) {
-			// Stop propagation so the model isn't selected.
-			event.stopPropagation();
+		this.on( 'title:render', function( view ) {
+			view.$el.append( '<span class="dashicons dashicons-arrow-down"></span>' );
+		});
 
-			this.collection.remove( this.model );
-		},
+		// Bind default menu.
+		this.on( 'menu:create:default', this.createMenu, this );
+	},
+	/**
+	 * @returns {wp.media.view.MediaFrame} Returns itself to allow chaining
+	 */
+	render: function() {
+		// Activate the default state if no active state exists.
+		if ( ! this.state() && this.options.state ) {
+			this.setState( this.options.state );
+		}
 		/**
-		 * @param {Object} event
+		 * call 'render' directly on the parent class
 		 */
-		removeFromSelection: function( event ) {
-			var selection = this.options.selection;
-			if ( ! selection ) {
-				return;
-			}
+		return Frame.prototype.render.apply( this, arguments );
+	},
+	/**
+	 * @param {Object} title
+	 * @this wp.media.controller.Region
+	 */
+	createTitle: function( title ) {
+		title.view = new wp.media.View({
+			controller: this,
+			tagName: 'h1'
+		});
+	},
+	/**
+	 * @param {Object} menu
+	 * @this wp.media.controller.Region
+	 */
+	createMenu: function( menu ) {
+		menu.view = new wp.media.view.Menu({
+			controller: this
+		});
+	},
 
-			// Stop propagation so the model isn't selected.
-			event.stopPropagation();
+	toggleMenu: function() {
+		this.$el.find( '.media-menu' ).toggleClass( 'visible' );
+	},
 
-			selection.remove( this.model );
+	/**
+	 * @param {Object} toolbar
+	 * @this wp.media.controller.Region
+	 */
+	createToolbar: function( toolbar ) {
+		toolbar.view = new wp.media.view.Toolbar({
+			controller: this
+		});
+	},
+	/**
+	 * @param {Object} router
+	 * @this wp.media.controller.Region
+	 */
+	createRouter: function( router ) {
+		router.view = new wp.media.view.Router({
+			controller: this
+		});
+	},
+	/**
+	 * @param {Object} options
+	 */
+	createIframeStates: function( options ) {
+		var settings = wp.media.view.settings,
+			tabs = settings.tabs,
+			tabUrl = settings.tabUrl,
+			$postId;
+
+		if ( ! tabs || ! tabUrl ) {
+			return;
 		}
-	});
 
-	// Ensure settings remain in sync between attachment views.
-	_.each({
-		caption: '_syncCaption',
-		title:   '_syncTitle'
-	}, function( method, setting ) {
-		/**
-		 * @param {Backbone.Model} model
-		 * @param {string} value
-		 * @returns {wp.media.view.Attachment} Returns itself to allow chaining
-		 */
-		media.view.Attachment.prototype[ method ] = function( model, value ) {
-			var $setting = this.$('[data-setting="' + setting + '"]');
+		// Add the post ID to the tab URL if it exists.
+		$postId = $('#post_ID');
+		if ( $postId.length ) {
+			tabUrl += '&post_id=' + $postId.val();
+		}
 
-			if ( ! $setting.length ) {
-				return this;
-			}
+		// Generate the tab states.
+		_.each( tabs, function( title, id ) {
+			this.state( 'iframe:' + id ).set( _.defaults({
+				tab:     id,
+				src:     tabUrl + '&tab=' + id,
+				title:   title,
+				content: 'iframe',
+				menu:    'default'
+			}, options ) );
+		}, this );
+
+		this.on( 'content:create:iframe', this.iframeContent, this );
+		this.on( 'content:deactivate:iframe', this.iframeContentCleanup, this );
+		this.on( 'menu:render:default', this.iframeMenu, this );
+		this.on( 'open', this.hijackThickbox, this );
+		this.on( 'close', this.restoreThickbox, this );
+	},
 
-			// If the updated value is in sync with the value in the DOM, there
-			// is no need to re-render. If we're currently editing the value,
-			// it will automatically be in sync, suppressing the re-render for
-			// the view we're editing, while updating any others.
-			if ( value === $setting.find('input, textarea, select, [value]').val() ) {
-				return this;
-			}
+	/**
+	 * @param {Object} content
+	 * @this wp.media.controller.Region
+	 */
+	iframeContent: function( content ) {
+		this.$el.addClass('hide-toolbar');
+		content.view = new wp.media.view.Iframe({
+			controller: this
+		});
+	},
+
+	iframeContentCleanup: function() {
+		this.$el.removeClass('hide-toolbar');
+	},
+
+	iframeMenu: function( view ) {
+		var views = {};
+
+		if ( ! view ) {
+			return;
+		}
+
+		_.each( wp.media.view.settings.tabs, function( title, id ) {
+			views[ 'iframe:' + id ] = {
+				text: this.state( 'iframe:' + id ).get('title'),
+				priority: 200
+			};
+		}, this );
+
+		view.set( views );
+	},
+
+	hijackThickbox: function() {
+		var frame = this;
 
-			return this.render();
+		if ( ! window.tb_remove || this._tb_remove ) {
+			return;
+		}
+
+		this._tb_remove = window.tb_remove;
+		window.tb_remove = function() {
+			frame.close();
+			frame.reset();
+			frame.setState( frame.options.state );
+			frame._tb_remove.call( window );
 		};
-	});
+	},
 
-	/**
-	 * wp.media.view.Attachment.Library
-	 *
-	 * @constructor
-	 * @augments wp.media.view.Attachment
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.Attachment.Library = media.view.Attachment.extend({
-		buttons: {
-			check: true
+	restoreThickbox: function() {
+		if ( ! this._tb_remove ) {
+			return;
 		}
-	});
 
+		window.tb_remove = this._tb_remove;
+		delete this._tb_remove;
+	}
+});
+
+// Map some of the modal's methods to the frame.
+_.each(['open','close','attach','detach','escape'], function( method ) {
 	/**
-	 * wp.media.view.Attachment.EditLibrary
-	 *
-	 * @constructor
-	 * @augments wp.media.view.Attachment
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
+	 * @returns {wp.media.view.MediaFrame} Returns itself to allow chaining
 	 */
-	media.view.Attachment.EditLibrary = media.view.Attachment.extend({
-		buttons: {
-			close: true
+	MediaFrame.prototype[ method ] = function() {
+		if ( this.modal ) {
+			this.modal[ method ].apply( this.modal, arguments );
 		}
-	});
-
+		return this;
+	};
+});
+
+module.exports = MediaFrame;
+
+},{}],51:[function(require,module,exports){
+/**
+ * wp.media.view.MenuItem
+ *
+ * @class
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var $ = jQuery,
+	MenuItem;
+
+MenuItem = wp.media.View.extend({
+	tagName:   'a',
+	className: 'media-menu-item',
+
+	attributes: {
+		href: '#'
+	},
+
+	events: {
+		'click': '_click'
+	},
 	/**
-	 * wp.media.view.Attachments
-	 *
-	 * @constructor
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.Attachments = media.View.extend({
-		tagName:   'ul',
-		className: 'attachments',
-
-		cssTemplate: media.template('attachments-css'),
-
-		events: {
-			'scroll': 'scroll'
-		},
-
-		initialize: function() {
-			this.el.id = _.uniqueId('__attachments-view-');
-
-			_.defaults( this.options, {
-				refreshSensitivity: 200,
-				refreshThreshold:   3,
-				AttachmentView:     media.view.Attachment,
-				sortable:           false,
-				resize:             true
-			});
-
-			this._viewsByCid = {};
+	 * @param {Object} event
+	 */
+	_click: function( event ) {
+		var clickOverride = this.options.click;
 
-			this.collection.on( 'add', function( attachment ) {
-				this.views.add( this.createAttachmentView( attachment ), {
-					at: this.collection.indexOf( attachment )
-				});
-			}, this );
+		if ( event ) {
+			event.preventDefault();
+		}
 
-			this.collection.on( 'remove', function( attachment ) {
-				var view = this._viewsByCid[ attachment.cid ];
-				delete this._viewsByCid[ attachment.cid ];
+		if ( clickOverride ) {
+			clickOverride.call( this );
+		} else {
+			this.click();
+		}
 
-				if ( view ) {
-					view.remove();
-				}
-			}, this );
+		// When selecting a tab along the left side,
+		// focus should be transferred into the main panel
+		if ( ! wp.media.isTouchDevice ) {
+			$('.media-frame-content input').first().focus();
+		}
+	},
 
-			this.collection.on( 'reset', this.render, this );
+	click: function() {
+		var state = this.options.state;
 
-			// Throttle the scroll handler.
-			this.scroll = _.chain( this.scroll ).bind( this ).throttle( this.options.refreshSensitivity ).value();
+		if ( state ) {
+			this.controller.setState( state );
+			this.views.parent.$el.removeClass( 'visible' ); // TODO: or hide on any click, see below
+		}
+	},
+	/**
+	 * @returns {wp.media.view.MenuItem} returns itself to allow chaining
+	 */
+	render: function() {
+		var options = this.options;
 
-			this.initSortable();
+		if ( options.text ) {
+			this.$el.text( options.text );
+		} else if ( options.html ) {
+			this.$el.html( options.html );
+		}
 
-			_.bindAll( this, 'css' );
-			this.model.on( 'change:edge change:gutter', this.css, this );
-			this._resizeCss = _.debounce( _.bind( this.css, this ), this.refreshSensitivity );
-			if ( this.options.resize ) {
-				$(window).on( 'resize.attachments', this._resizeCss );
-			}
-			this.css();
-		},
+		return this;
+	}
+});
+
+module.exports = MenuItem;
+
+},{}],52:[function(require,module,exports){
+/**
+ * wp.media.view.Menu
+ *
+ * @class
+ * @augments wp.media.view.PriorityList
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var MenuItem = wp.media.view.MenuItem,
+	PriorityList = wp.media.view.PriorityList,
+	Menu;
+
+Menu = PriorityList.extend({
+	tagName:   'div',
+	className: 'media-menu',
+	property:  'state',
+	ItemView:  MenuItem,
+	region:    'menu',
+
+	/* TODO: alternatively hide on any click anywhere
+	events: {
+		'click': 'click'
+	},
+
+	click: function() {
+		this.$el.removeClass( 'visible' );
+	},
+	*/
 
-		dispose: function() {
-			this.collection.props.off( null, null, this );
-			$(window).off( 'resize.attachments', this._resizeCss );
-			/**
-			 * call 'dispose' directly on the parent class
-			 */
-			media.View.prototype.dispose.apply( this, arguments );
-		},
+	/**
+	 * @param {Object} options
+	 * @param {string} id
+	 * @returns {wp.media.View}
+	 */
+	toView: function( options, id ) {
+		options = options || {};
+		options[ this.property ] = options[ this.property ] || id;
+		return new this.ItemView( options ).render();
+	},
 
-		css: function() {
-			var $css = $( '#' + this.el.id + '-css' );
+	ready: function() {
+		/**
+		 * call 'ready' directly on the parent class
+		 */
+		PriorityList.prototype.ready.apply( this, arguments );
+		this.visibility();
+	},
 
-			if ( $css.length ) {
-				$css.remove();
-			}
+	set: function() {
+		/**
+		 * call 'set' directly on the parent class
+		 */
+		PriorityList.prototype.set.apply( this, arguments );
+		this.visibility();
+	},
 
-			media.view.Attachments.$head().append( this.cssTemplate({
-				id:     this.el.id,
-				edge:   this.edge(),
-				gutter: this.model.get('gutter')
-			}) );
-		},
+	unset: function() {
 		/**
-		 * @returns {Number}
+		 * call 'unset' directly on the parent class
 		 */
-		edge: function() {
-			var edge = this.model.get('edge'),
-				gutter, width, columns;
+		PriorityList.prototype.unset.apply( this, arguments );
+		this.visibility();
+	},
+
+	visibility: function() {
+		var region = this.region,
+			view = this.controller[ region ].get(),
+			views = this.views.get(),
+			hide = ! views || views.length < 2;
+
+		if ( this === view ) {
+			this.controller.$el.toggleClass( 'hide-' + region, hide );
+		}
+	},
+	/**
+	 * @param {string} id
+	 */
+	select: function( id ) {
+		var view = this.get( id );
 
-			if ( ! this.$el.is(':visible') ) {
-				return edge;
-			}
+		if ( ! view ) {
+			return;
+		}
 
-			gutter  = this.model.get('gutter') * 2;
-			width   = this.$el.width() - gutter;
-			columns = Math.ceil( width / ( edge + gutter ) );
-			edge = Math.floor( ( width - ( columns * gutter ) ) / columns );
-			return edge;
-		},
+		this.deselect();
+		view.$el.addClass('active');
+	},
 
-		initSortable: function() {
-			var collection = this.collection;
+	deselect: function() {
+		this.$el.children().removeClass('active');
+	},
 
-			if ( ! this.options.sortable || ! $.fn.sortable ) {
-				return;
-			}
+	hide: function( id ) {
+		var view = this.get( id );
 
-			this.$el.sortable( _.extend({
-				// If the `collection` has a `comparator`, disable sorting.
-				disabled: !! collection.comparator,
+		if ( ! view ) {
+			return;
+		}
 
-				// Prevent attachments from being dragged outside the bounding
-				// box of the list.
-				containment: this.$el,
+		view.$el.addClass('hidden');
+	},
 
-				// Change the position of the attachment as soon as the
-				// mouse pointer overlaps a thumbnail.
-				tolerance: 'pointer',
+	show: function( id ) {
+		var view = this.get( id );
 
-				// Record the initial `index` of the dragged model.
-				start: function( event, ui ) {
-					ui.item.data('sortableIndexStart', ui.item.index());
-				},
+		if ( ! view ) {
+			return;
+		}
 
-				// 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`
-					// from re-sorting.
-					delete collection.comparator;
-
-					// Silently shift the model to its new index.
-					collection.remove( model, {
-						silent: true
-					});
-					collection.add( model, {
-						silent: true,
-						at:     ui.item.index()
-					});
-
-					// Restore the comparator.
-					collection.comparator = comparator;
-
-					// Fire the `reset` event to ensure other collections sync.
-					collection.trigger( 'reset', collection );
-
-					// If the collection is sorted by menu order,
-					// update the menu order.
-					collection.saveMenuOrder();
-				}
-			}, this.options.sortable ) );
+		view.$el.removeClass('hidden');
+	}
+});
+
+module.exports = Menu;
+
+},{}],53:[function(require,module,exports){
+/**
+ * wp.media.view.Modal
+ *
+ * A modal view, which the media modal uses as its default container.
+ *
+ * @class
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var $ = jQuery,
+	Modal;
+
+Modal = wp.media.View.extend({
+	tagName:  'div',
+	template: wp.template('media-modal'),
+
+	attributes: {
+		tabindex: 0
+	},
+
+	events: {
+		'click .media-modal-backdrop, .media-modal-close': 'escapeHandler',
+		'keydown': 'keydown'
+	},
+
+	initialize: function() {
+		_.defaults( this.options, {
+			container: document.body,
+			title:     '',
+			propagate: true,
+			freeze:    true
+		});
 
-			// 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.focusManager = new wp.media.view.FocusManager({
+			el: this.el
+		});
+	},
+	/**
+	 * @returns {Object}
+	 */
+	prepare: function() {
+		return {
+			title: this.options.title
+		};
+	},
+
+	/**
+	 * @returns {wp.media.view.Modal} Returns itself to allow chaining
+	 */
+	attach: function() {
+		if ( this.views.attached ) {
+			return this;
+		}
 
-			this.collection.props.on( 'change:orderby', this.refreshSortable, this );
-			this.refreshSortable();
-		},
+		if ( ! this.views.rendered ) {
+			this.render();
+		}
 
-		refreshSortable: function() {
-			if ( ! this.options.sortable || ! $.fn.sortable ) {
-				return;
-			}
+		this.$el.appendTo( this.options.container );
 
-			// If the `collection` has a `comparator`, disable sorting.
-			var collection = this.collection,
-				orderby = collection.props.get('orderby'),
-				enabled = 'menuOrder' === orderby || ! collection.comparator;
+		// Manually mark the view as attached and trigger ready.
+		this.views.attached = true;
+		this.views.ready();
 
-			this.$el.sortable( 'option', 'disabled', ! enabled );
-		},
+		return this.propagate('attach');
+	},
 
-		/**
-		 * @param {wp.media.model.Attachment} attachment
-		 * @returns {wp.media.View}
-		 */
-		createAttachmentView: function( attachment ) {
-			var view = new this.options.AttachmentView({
-				controller: this.controller,
-				model:      attachment,
-				collection: this.collection,
-				selection:  this.options.selection
-			});
+	/**
+	 * @returns {wp.media.view.Modal} Returns itself to allow chaining
+	 */
+	detach: function() {
+		if ( this.$el.is(':visible') ) {
+			this.close();
+		}
 
-			return this._viewsByCid[ attachment.cid ] = view;
-		},
+		this.$el.detach();
+		this.views.attached = false;
+		return this.propagate('detach');
+	},
 
-		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 ) );
+	/**
+	 * @returns {wp.media.view.Modal} Returns itself to allow chaining
+	 */
+	open: function() {
+		var $el = this.$el,
+			options = this.options,
+			mceEditor;
 
-			// If there are no elements, clear the views and load some.
-			} else {
-				this.views.unset();
-				this.collection.more().done( this.scroll );
-			}
-		},
+		if ( $el.is(':visible') ) {
+			return this;
+		}
 
-		ready: function() {
-			// Trigger the scroll event to check if we're within the
-			// threshold to query for additional attachments.
-			this.scroll();
-		},
+		if ( ! this.views.attached ) {
+			this.attach();
+		}
 
-		scroll: function() {
-			var view = this,
-				toolbar;
+		// If the `freeze` option is set, record the window's scroll position.
+		if ( options.freeze ) {
+			this._freeze = {
+				scrollTop: $( window ).scrollTop()
+			};
+		}
 
-			if ( ! this.$el.is(':visible') || ! this.collection.hasMore() ) {
-				return;
-			}
+		// Disable page scrolling.
+		$( 'body' ).addClass( 'modal-open' );
 
-			toolbar = this.views.parent.toolbar;
+		$el.show();
 
-			// Show the spinner only if we are close to the bottom.
-			if ( this.el.scrollHeight - ( this.el.scrollTop + this.el.clientHeight ) < this.el.clientHeight / 3 ) {
-				toolbar.get('spinner').show();
-			}
+		// Try to close the onscreen keyboard
+		if ( 'ontouchend' in document ) {
+			if ( ( mceEditor = window.tinymce && window.tinymce.activeEditor )  && ! mceEditor.isHidden() && mceEditor.iframeElement ) {
+				mceEditor.iframeElement.focus();
+				mceEditor.iframeElement.blur();
 
-			if ( this.el.scrollHeight < this.el.scrollTop + ( this.el.clientHeight * this.options.refreshThreshold ) ) {
-				this.collection.more().done(function() {
-					view.scroll();
-					toolbar.get('spinner').hide();
-				});
+				setTimeout( function() {
+					mceEditor.iframeElement.blur();
+				}, 100 );
 			}
 		}
-	}, {
-		$head: (function() {
-			var $head;
-			return function() {
-				return $head = $head || $('head');
-			};
-		}())
-	});
+
+		this.$el.focus();
+
+		return this.propagate('open');
+	},
 
 	/**
-	 * wp.media.view.Search
-	 *
-	 * @constructor
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.Search = media.View.extend({
-		tagName:   'input',
-		className: 'search',
-
-		attributes: {
-			type:        'search',
-			placeholder: l10n.search
-		},
-
-		events: {
-			'input':  'search',
-			'keyup':  'search',
-			'change': 'search',
-			'search': 'search'
-		},
+	 * @param {Object} options
+	 * @returns {wp.media.view.Modal} Returns itself to allow chaining
+	 */
+	close: function( options ) {
+		var freeze = this._freeze;
 
-		/**
-		 * @returns {wp.media.view.Search} Returns itself to allow chaining
-		 */
-		render: function() {
-			this.el.value = this.model.escape('search');
+		if ( ! this.views.attached || ! this.$el.is(':visible') ) {
 			return this;
-		},
-
-		search: function( event ) {
-			if ( event.target.value ) {
-				this.model.set( 'search', event.target.value );
-			} else {
-				this.model.unset('search');
-			}
 		}
-	});
 
-	/**
-	 * wp.media.view.AttachmentFilters
-	 *
-	 * @constructor
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.AttachmentFilters = media.View.extend({
-		tagName:   'select',
-		className: 'attachment-filters',
-
-		events: {
-			change: 'change'
-		},
-
-		keys: [],
-
-		initialize: function() {
-			this.createFilters();
-			_.extend( this.filters, this.options.filters );
-
-			// Build `<option>` elements.
-			this.$el.html( _.chain( this.filters ).map( function( filter, value ) {
-				return {
-					el: $( '<option></option>' ).val( value ).html( filter.text )[0],
-					priority: filter.priority || 50
-				};
-			}, this ).sortBy('priority').pluck('el').value() );
-
-			this.model.on( 'change', this.select, this );
-			this.select();
-		},
-
-		createFilters: function() {
-			this.filters = {};
-		},
-
-		change: function() {
-			var filter = this.filters[ this.el.value ];
-
-			if ( filter ) {
-				this.model.set( filter.props );
-			}
-		},
+		// Enable page scrolling.
+		$( 'body' ).removeClass( 'modal-open' );
 
-		select: function() {
-			var model = this.model,
-				value = 'all',
-				props = model.toJSON();
+		// Hide modal and remove restricted media modal tab focus once it's closed
+		this.$el.hide().undelegate( 'keydown' );
 
-			_.find( this.filters, function( filter, id ) {
-				var equal = _.all( filter.props, function( prop, key ) {
-					return prop === ( _.isUndefined( props[ key ] ) ? null : props[ key ] );
-				});
+		// Put focus back in useful location once modal is closed
+		$('#wpbody-content').focus();
 
-				if ( equal ) {
-					return value = id;
-				}
-			});
+		this.propagate('close');
 
-			this.$el.val( value );
+		// If the `freeze` option is set, restore the container's scroll position.
+		if ( freeze ) {
+			$( window ).scrollTop( freeze.scrollTop );
 		}
-	});
-
-	/**
-	 * wp.media.view.AttachmentFilters.Uploaded
-	 *
-	 * @constructor
-	 * @augments wp.media.view.AttachmentFilters
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.AttachmentFilters.Uploaded = media.view.AttachmentFilters.extend({
-		createFilters: function() {
-			var type = this.model.get('type'),
-				types = media.view.settings.mimeTypes,
-				text;
-
-			if ( types && type ) {
-				text = types[ type ];
-			}
-
-			this.filters = {
-				all: {
-					text:  text || l10n.allMediaItems,
-					props: {
-						uploadedTo: null,
-						orderby: 'date',
-						order:   'DESC'
-					},
-					priority: 10
-				},
 
-				uploaded: {
-					text:  l10n.uploadedToThisPost,
-					props: {
-						uploadedTo: media.view.settings.post.id,
-						orderby: 'menuOrder',
-						order:   'ASC'
-					},
-					priority: 20
-				}
-			};
+		if ( options && options.escape ) {
+			this.propagate('escape');
 		}
-	});
 
+		return this;
+	},
 	/**
-	 * wp.media.view.AttachmentFilters.All
-	 *
-	 * @constructor
-	 * @augments wp.media.view.AttachmentFilters
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.AttachmentFilters.All = media.view.AttachmentFilters.extend({
-		createFilters: function() {
-			var filters = {};
-
-			_.each( media.view.settings.mimeTypes || {}, function( text, key ) {
-				filters[ key ] = {
-					text: text,
-					props: {
-						type:    key,
-						uploadedTo: null,
-						orderby: 'date',
-						order:   'DESC'
-					}
-				};
-			});
+	 * @returns {wp.media.view.Modal} Returns itself to allow chaining
+	 */
+	escape: function() {
+		return this.close({ escape: true });
+	},
+	/**
+	 * @param {Object} event
+	 */
+	escapeHandler: function( event ) {
+		event.preventDefault();
+		this.escape();
+	},
 
-			filters.all = {
-				text:  l10n.allMediaItems,
-				props: {
-					type:    null,
-					uploadedTo: null,
-					orderby: 'date',
-					order:   'DESC'
-				},
-				priority: 10
-			};
+	/**
+	 * @param {Array|Object} content Views to register to '.media-modal-content'
+	 * @returns {wp.media.view.Modal} Returns itself to allow chaining
+	 */
+	content: function( content ) {
+		this.views.set( '.media-modal-content', content );
+		return this;
+	},
 
-			filters.uploaded = {
-				text:  l10n.uploadedToThisPost,
-				props: {
-					type:    null,
-					uploadedTo: media.view.settings.post.id,
-					orderby: 'menuOrder',
-					order:   'ASC'
-				},
-				priority: 20
-			};
+	/**
+	 * Triggers a modal event and if the `propagate` option is set,
+	 * forwards events to the modal's controller.
+	 *
+	 * @param {string} id
+	 * @returns {wp.media.view.Modal} Returns itself to allow chaining
+	 */
+	propagate: function( id ) {
+		this.trigger( id );
 
-			this.filters = filters;
+		if ( this.options.propagate ) {
+			this.controller.trigger( id );
 		}
-	});
-
 
+		return this;
+	},
 	/**
-	 * wp.media.view.AttachmentsBrowser
-	 *
-	 * @constructor
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.AttachmentsBrowser = media.View.extend({
-		tagName:   'div',
-		className: 'attachments-browser',
-
-		initialize: function() {
-			_.defaults( this.options, {
-				filters: false,
-				search:  true,
-				display: false,
-
-				AttachmentView: media.view.Attachment.Library
-			});
+	 * @param {Object} event
+	 */
+	keydown: function( event ) {
+		// Close the modal when escape is pressed.
+		if ( 27 === event.which && this.$el.is(':visible') ) {
+			this.escape();
+			event.stopImmediatePropagation();
+		}
+	}
+});
+
+module.exports = Modal;
+
+},{}],54:[function(require,module,exports){
+/**
+ * wp.media.view.PriorityList
+ *
+ * @class
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var PriorityList = wp.media.View.extend({
+	tagName:   'div',
+
+	initialize: function() {
+		this._views = {};
+
+		this.set( _.extend( {}, this._views, this.options.views ), { silent: true });
+		delete this.options.views;
+
+		if ( ! this.options.silent ) {
+			this.render();
+		}
+	},
+	/**
+	 * @param {string} id
+	 * @param {wp.media.View|Object} view
+	 * @param {Object} options
+	 * @returns {wp.media.view.PriorityList} Returns itself to allow chaining
+	 */
+	set: function( id, view, options ) {
+		var priority, views, index;
 
-			this.createToolbar();
-			this.updateContent();
-			this.createSidebar();
+		options = options || {};
 
-			this.collection.on( 'add remove reset', this.updateContent, this );
-		},
-		/**
-		 * @returns {wp.media.view.AttachmentsBrowser} Returns itself to allow chaining
-		 */
-		dispose: function() {
-			this.options.selection.off( null, null, this );
-			media.View.prototype.dispose.apply( this, arguments );
+		// Accept an object with an `id` : `view` mapping.
+		if ( _.isObject( id ) ) {
+			_.each( id, function( view, id ) {
+				this.set( id, view );
+			}, this );
 			return this;
-		},
-
-		createToolbar: function() {
-			var filters, FiltersConstructor;
+		}
 
-			/**
-			 * @member {wp.media.view.Toolbar}
-			 */
-			this.toolbar = new media.view.Toolbar({
-				controller: this.controller
-			});
+		if ( ! (view instanceof Backbone.View) ) {
+			view = this.toView( view, id, options );
+		}
+		view.controller = view.controller || this.controller;
 
-			this.views.add( this.toolbar );
+		this.unset( id );
 
-			filters = this.options.filters;
-			if ( 'uploaded' === filters ) {
-				FiltersConstructor = media.view.AttachmentFilters.Uploaded;
-			} else if ( 'all' === filters ) {
-				FiltersConstructor = media.view.AttachmentFilters.All;
-			}
+		priority = view.options.priority || 10;
+		views = this.views.get() || [];
 
-			if ( FiltersConstructor ) {
-				this.toolbar.set( 'filters', new FiltersConstructor({
-					controller: this.controller,
-					model:      this.collection.props,
-					priority:   -80
-				}).render() );
+		_.find( views, function( existing, i ) {
+			if ( existing.options.priority > priority ) {
+				index = i;
+				return true;
 			}
+		});
 
-			this.toolbar.set( 'spinner', new media.view.Spinner({
-				priority: -70
-			}) );
+		this._views[ id ] = view;
+		this.views.add( view, {
+			at: _.isNumber( index ) ? index : views.length || 0
+		});
 
-			if ( this.options.search ) {
-				this.toolbar.set( 'search', new media.view.Search({
-					controller: this.controller,
-					model:      this.collection.props,
-					priority:   60
-				}).render() );
-			}
+		return this;
+	},
+	/**
+	 * @param {string} id
+	 * @returns {wp.media.View}
+	 */
+	get: function( id ) {
+		return this._views[ id ];
+	},
+	/**
+	 * @param {string} id
+	 * @returns {wp.media.view.PriorityList}
+	 */
+	unset: function( id ) {
+		var view = this.get( id );
 
-			if ( this.options.dragInfo ) {
-				this.toolbar.set( 'dragInfo', new media.View({
-					el: $( '<div class="instructions">' + l10n.dragInfo + '</div>' )[0],
-					priority: -40
-				}) );
-			}
+		if ( view ) {
+			view.remove();
+		}
 
-			if ( this.options.suggestedWidth && this.options.suggestedHeight ) {
-				this.toolbar.set( 'suggestedDimensions', new media.View({
-					el: $( '<div class="instructions">' + l10n.suggestedDimensions + ' ' + this.options.suggestedWidth + ' &times; ' + this.options.suggestedHeight + '</div>' )[0],
-					priority: -40
-				}) );
-			}
-		},
+		delete this._views[ id ];
+		return this;
+	},
+	/**
+	 * @param {Object} options
+	 * @returns {wp.media.View}
+	 */
+	toView: function( options ) {
+		return new wp.media.View( options );
+	}
+});
+
+module.exports = PriorityList;
+
+},{}],55:[function(require,module,exports){
+/**
+ * wp.media.view.RouterItem
+ *
+ * @class
+ * @augments wp.media.view.MenuItem
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var RouterItem = wp.media.view.MenuItem.extend({
+	/**
+	 * On click handler to activate the content region's corresponding mode.
+	 */
+	click: function() {
+		var contentMode = this.options.contentMode;
+		if ( contentMode ) {
+			this.controller.content.mode( contentMode );
+		}
+	}
+});
+
+module.exports = RouterItem;
+
+},{}],56:[function(require,module,exports){
+/**
+ * wp.media.view.Router
+ *
+ * @class
+ * @augments wp.media.view.Menu
+ * @augments wp.media.view.PriorityList
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var Menu = wp.media.view.Menu,
+	Router;
+
+Router = Menu.extend({
+	tagName:   'div',
+	className: 'media-router',
+	property:  'contentMode',
+	ItemView:  wp.media.view.RouterItem,
+	region:    'router',
+
+	initialize: function() {
+		this.controller.on( 'content:render', this.update, this );
+		// Call 'initialize' directly on the parent class.
+		Menu.prototype.initialize.apply( this, arguments );
+	},
+
+	update: function() {
+		var mode = this.controller.content.mode();
+		if ( mode ) {
+			this.select( mode );
+		}
+	}
+});
+
+module.exports = Router;
+
+},{}],57:[function(require,module,exports){
+/**
+ * wp.media.view.Search
+ *
+ * @class
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var l10n = wp.media.view.l10n,
+	Search;
+
+Search = wp.media.View.extend({
+	tagName:   'input',
+	className: 'search',
+	id:        'media-search-input',
+
+	attributes: {
+		type:        'search',
+		placeholder: l10n.search
+	},
+
+	events: {
+		'input':  'search',
+		'keyup':  'search',
+		'change': 'search',
+		'search': 'search'
+	},
 
-		updateContent: function() {
-			var view = this;
+	/**
+	 * @returns {wp.media.view.Search} Returns itself to allow chaining
+	 */
+	render: function() {
+		this.el.value = this.model.escape('search');
+		return this;
+	},
+
+	search: function( event ) {
+		if ( event.target.value ) {
+			this.model.set( 'search', event.target.value );
+		} else {
+			this.model.unset('search');
+		}
+	}
+});
+
+module.exports = Search;
+
+},{}],58:[function(require,module,exports){
+/**
+ * wp.media.view.Selection
+ *
+ * @class
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var l10n = wp.media.view.l10n,
+	Selection;
+
+Selection = wp.media.View.extend({
+	tagName:   'div',
+	className: 'media-selection',
+	template:  wp.template('media-selection'),
+
+	events: {
+		'click .edit-selection':  'edit',
+		'click .clear-selection': 'clear'
+	},
+
+	initialize: function() {
+		_.defaults( this.options, {
+			editable:  false,
+			clearable: true
+		});
 
-			if( ! this.attachments ) {
-				this.createAttachments();
-			}
+		/**
+		 * @member {wp.media.view.Attachments.Selection}
+		 */
+		this.attachments = new wp.media.view.Attachments.Selection({
+			controller: this.controller,
+			collection: this.collection,
+			selection:  this.collection,
+			model:      new Backbone.Model()
+		});
 
-			if ( ! this.collection.length ) {
-				this.toolbar.get( 'spinner' ).show();
-				this.collection.more().done(function() {
-					if ( ! view.collection.length ) {
-						view.createUploader();
-					}
-					view.toolbar.get( 'spinner' ).hide();
-				});
-			} else {
-				view.toolbar.get( 'spinner' ).hide();
-			}
-		},
+		this.views.set( '.selection-view', this.attachments );
+		this.collection.on( 'add remove reset', this.refresh, this );
+		this.controller.on( 'content:activate', this.refresh, this );
+	},
 
-		removeContent: function() {
-			_.each(['attachments','uploader'], function( key ) {
-				if ( this[ key ] ) {
-					this[ key ].remove();
-					delete this[ key ];
-				}
-			}, this );
-		},
+	ready: function() {
+		this.refresh();
+	},
 
-		createUploader: function() {
-			this.removeContent();
+	refresh: function() {
+		// If the selection hasn't been rendered, bail.
+		if ( ! this.$el.children().length ) {
+			return;
+		}
 
-			this.uploader = new media.view.UploaderInline({
-				controller: this.controller,
-				status:     false,
-				message:    l10n.noItemsFound
-			});
+		var collection = this.collection,
+			editing = 'edit-selection' === this.controller.content.mode();
 
-			this.views.add( this.uploader );
-		},
+		// If nothing is selected, display nothing.
+		this.$el.toggleClass( 'empty', ! collection.length );
+		this.$el.toggleClass( 'one', 1 === collection.length );
+		this.$el.toggleClass( 'editing', editing );
 
-		createAttachments: function() {
-			this.removeContent();
+		this.$('.count').text( l10n.selected.replace('%d', collection.length) );
+	},
 
-			this.attachments = new media.view.Attachments({
-				controller: this.controller,
-				collection: this.collection,
-				selection:  this.options.selection,
-				model:      this.model,
-				sortable:   this.options.sortable,
+	edit: function( event ) {
+		event.preventDefault();
+		if ( this.options.editable ) {
+			this.options.editable.call( this, this.collection );
+		}
+	},
+
+	clear: function( event ) {
+		event.preventDefault();
+		this.collection.reset();
+
+		// Keep focus inside media modal
+		// after clear link is selected
+		this.controller.modal.focusManager.focus();
+	}
+});
+
+module.exports = Selection;
+
+},{}],59:[function(require,module,exports){
+/**
+ * wp.media.view.Settings
+ *
+ * @class
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var View = wp.media.View,
+	$ = Backbone.$,
+	Settings;
+
+Settings = View.extend({
+	events: {
+		'click button':    'updateHandler',
+		'change input':    'updateHandler',
+		'change select':   'updateHandler',
+		'change textarea': 'updateHandler'
+	},
+
+	initialize: function() {
+		this.model = this.model || new Backbone.Model();
+		this.listenTo( this.model, 'change', this.updateChanges );
+	},
+
+	prepare: function() {
+		return _.defaults({
+			model: this.model.toJSON()
+		}, this.options );
+	},
+	/**
+	 * @returns {wp.media.view.Settings} Returns itself to allow chaining
+	 */
+	render: function() {
+		View.prototype.render.apply( this, arguments );
+		// Select the correct values.
+		_( this.model.attributes ).chain().keys().each( this.update, this );
+		return this;
+	},
+	/**
+	 * @param {string} key
+	 */
+	update: function( key ) {
+		var value = this.model.get( key ),
+			$setting = this.$('[data-setting="' + key + '"]'),
+			$buttons, $value;
+
+		// Bail if we didn't find a matching setting.
+		if ( ! $setting.length ) {
+			return;
+		}
 
-				// The single `Attachment` view to be used in the `Attachments` view.
-				AttachmentView: this.options.AttachmentView
-			});
+		// Attempt to determine how the setting is rendered and update
+		// the selected value.
 
-			this.views.add( this.attachments );
-		},
+		// Handle dropdowns.
+		if ( $setting.is('select') ) {
+			$value = $setting.find('[value="' + value + '"]');
 
-		createSidebar: function() {
-			var options = this.options,
-				selection = options.selection,
-				sidebar = this.sidebar = new media.view.Sidebar({
-					controller: this.controller
-				});
+			if ( $value.length ) {
+				$setting.find('option').prop( 'selected', false );
+				$value.prop( 'selected', true );
+			} else {
+				// If we can't find the desired value, record what *is* selected.
+				this.model.set( key, $setting.find(':selected').val() );
+			}
 
-			this.views.add( sidebar );
+		// Handle button groups.
+		} else if ( $setting.hasClass('button-group') ) {
+			$buttons = $setting.find('button').removeClass('active');
+			$buttons.filter( '[value="' + value + '"]' ).addClass('active');
 
-			if ( this.controller.uploader ) {
-				sidebar.set( 'uploads', new media.view.UploaderStatus({
-					controller: this.controller,
-					priority:   40
-				}) );
+		// Handle text inputs and textareas.
+		} else if ( $setting.is('input[type="text"], textarea') ) {
+			if ( ! $setting.is(':focus') ) {
+				$setting.val( value );
 			}
+		// Handle checkboxes.
+		} else if ( $setting.is('input[type="checkbox"]') ) {
+			$setting.prop( 'checked', !! value && 'false' !== value );
+		}
+	},
+	/**
+	 * @param {Object} event
+	 */
+	updateHandler: function( event ) {
+		var $setting = $( event.target ).closest('[data-setting]'),
+			value = event.target.value,
+			userSetting;
 
-			selection.on( 'selection:single', this.createSingle, this );
-			selection.on( 'selection:unsingle', this.disposeSingle, this );
+		event.preventDefault();
 
-			if ( selection.single() ) {
-				this.createSingle();
-			}
-		},
+		if ( ! $setting.length ) {
+			return;
+		}
 
-		createSingle: function() {
-			var sidebar = this.sidebar,
-				single = this.options.selection.single();
+		// Use the correct value for checkboxes.
+		if ( $setting.is('input[type="checkbox"]') ) {
+			value = $setting[0].checked;
+		}
 
-			sidebar.set( 'details', new media.view.Attachment.Details({
-				controller: this.controller,
-				model:      single,
-				priority:   80
-			}) );
+		// Update the corresponding setting.
+		this.model.set( $setting.data('setting'), value );
 
-			sidebar.set( 'compat', new media.view.AttachmentCompat({
-				controller: this.controller,
-				model:      single,
-				priority:   120
-			}) );
+		// If the setting has a corresponding user setting,
+		// update that as well.
+		if ( userSetting = $setting.data('userSetting') ) {
+			window.setUserSetting( userSetting, value );
+		}
+	},
 
-			if ( this.options.display ) {
-				sidebar.set( 'display', new media.view.Settings.AttachmentDisplay({
-					controller:   this.controller,
-					model:        this.model.display( single ),
-					attachment:   single,
-					priority:     160,
-					userSettings: this.model.get('displayUserSettings')
-				}) );
-			}
-		},
+	updateChanges: function( model ) {
+		if ( model.hasChanged() ) {
+			_( model.changed ).chain().keys().each( this.update, this );
+		}
+	}
+});
+
+module.exports = Settings;
+
+},{}],60:[function(require,module,exports){
+/**
+ * wp.media.view.Settings.AttachmentDisplay
+ *
+ * @class
+ * @augments wp.media.view.Settings
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var Settings = wp.media.view.Settings,
+	AttachmentDisplay;
+
+AttachmentDisplay = Settings.extend({
+	className: 'attachment-display-settings',
+	template:  wp.template('attachment-display-settings'),
+
+	initialize: function() {
+		var attachment = this.options.attachment;
+
+		_.defaults( this.options, {
+			userSettings: false
+		});
+		// Call 'initialize' directly on the parent class.
+		Settings.prototype.initialize.apply( this, arguments );
+		this.listenTo( this.model, 'change:link', this.updateLinkTo );
 
-		disposeSingle: function() {
-			var sidebar = this.sidebar;
-			sidebar.unset('details');
-			sidebar.unset('compat');
-			sidebar.unset('display');
+		if ( attachment ) {
+			attachment.on( 'change:uploading', this.render, this );
 		}
-	});
+	},
 
+	dispose: function() {
+		var attachment = this.options.attachment;
+		if ( attachment ) {
+			attachment.off( null, null, this );
+		}
+		/**
+		 * call 'dispose' directly on the parent class
+		 */
+		Settings.prototype.dispose.apply( this, arguments );
+	},
 	/**
-	 * wp.media.view.Selection
-	 *
-	 * @constructor
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.Selection = media.View.extend({
-		tagName:   'div',
-		className: 'media-selection',
-		template:  media.template('media-selection'),
-
-		events: {
-			'click .edit-selection':  'edit',
-			'click .clear-selection': 'clear'
-		},
-
-		initialize: function() {
-			_.defaults( this.options, {
-				editable:  false,
-				clearable: true
+	 * @returns {wp.media.view.AttachmentDisplay} Returns itself to allow chaining
+	 */
+	render: function() {
+		var attachment = this.options.attachment;
+		if ( attachment ) {
+			_.extend( this.options, {
+				sizes: attachment.get('sizes'),
+				type:  attachment.get('type')
 			});
+		}
+		/**
+		 * call 'render' directly on the parent class
+		 */
+		Settings.prototype.render.call( this );
+		this.updateLinkTo();
+		return this;
+	},
+
+	updateLinkTo: function() {
+		var linkTo = this.model.get('link'),
+			$input = this.$('.link-to-custom'),
+			attachment = this.options.attachment;
+
+		if ( 'none' === linkTo || 'embed' === linkTo || ( ! attachment && 'custom' !== linkTo ) ) {
+			$input.addClass( 'hidden' );
+			return;
+		}
 
-			/**
-			 * @member {wp.media.view.Attachments.Selection}
-			 */
-			this.attachments = new media.view.Attachments.Selection({
-				controller: this.controller,
-				collection: this.collection,
-				selection:  this.collection,
-				model:      new Backbone.Model({
-					edge:   40,
-					gutter: 5
-				})
-			});
+		if ( attachment ) {
+			if ( 'post' === linkTo ) {
+				$input.val( attachment.get('link') );
+			} else if ( 'file' === linkTo ) {
+				$input.val( attachment.get('url') );
+			} else if ( ! this.model.get('linkUrl') ) {
+				$input.val('http://');
+			}
 
-			this.views.set( '.selection-view', this.attachments );
-			this.collection.on( 'add remove reset', this.refresh, this );
-			this.controller.on( 'content:activate', this.refresh, this );
-		},
+			$input.prop( 'readonly', 'custom' !== linkTo );
+		}
 
-		ready: function() {
-			this.refresh();
-		},
+		$input.removeClass( 'hidden' );
 
-		refresh: function() {
-			// If the selection hasn't been rendered, bail.
-			if ( ! this.$el.children().length ) {
-				return;
-			}
+		// If the input is visible, focus and select its contents.
+		if ( ! wp.media.isTouchDevice && $input.is(':visible') ) {
+			$input.focus()[0].select();
+		}
+	}
+});
+
+module.exports = AttachmentDisplay;
+
+},{}],61:[function(require,module,exports){
+/**
+ * wp.media.view.Settings.Gallery
+ *
+ * @class
+ * @augments wp.media.view.Settings
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var Gallery = wp.media.view.Settings.extend({
+	className: 'collection-settings gallery-settings',
+	template:  wp.template('gallery-settings')
+});
+
+module.exports = Gallery;
+
+},{}],62:[function(require,module,exports){
+/**
+ * wp.media.view.Settings.Playlist
+ *
+ * @class
+ * @augments wp.media.view.Settings
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var Playlist = wp.media.view.Settings.extend({
+	className: 'collection-settings playlist-settings',
+	template:  wp.template('playlist-settings')
+});
+
+module.exports = Playlist;
+
+},{}],63:[function(require,module,exports){
+/**
+ * wp.media.view.Sidebar
+ *
+ * @class
+ * @augments wp.media.view.PriorityList
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var Sidebar = wp.media.view.PriorityList.extend({
+	className: 'media-sidebar'
+});
+
+module.exports = Sidebar;
+
+},{}],64:[function(require,module,exports){
+/**
+ * wp.media.view.SiteIconCropper
+ *
+ * Uses the imgAreaSelect plugin to allow a user to crop a Site Icon.
+ *
+ * Takes imgAreaSelect options from
+ * wp.customize.SiteIconControl.calculateImageSelectOptions.
+ *
+ * @class
+ * @augments wp.media.view.Cropper
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var View = wp.media.view,
+	SiteIconCropper;
+
+SiteIconCropper = View.Cropper.extend({
+	className: 'crop-content site-icon',
+
+	ready: function () {
+		View.Cropper.prototype.ready.apply( this, arguments );
+
+		this.$( '.crop-image' ).on( 'load', _.bind( this.addSidebar, this ) );
+	},
+
+	addSidebar: function() {
+		this.sidebar = new wp.media.view.Sidebar({
+			controller: this.controller
+		});
 
-			var collection = this.collection,
-				editing = 'edit-selection' === this.controller.content.mode();
+		this.sidebar.set( 'preview', new wp.media.view.SiteIconPreview({
+			controller: this.controller,
+			attachment: this.options.attachment
+		}) );
+
+		this.controller.cropperView.views.add( this.sidebar );
+	}
+});
+
+module.exports = SiteIconCropper;
+
+},{}],65:[function(require,module,exports){
+/**
+ * wp.media.view.SiteIconPreview
+ *
+ * Shows a preview of the Site Icon as a favicon and app icon while cropping.
+ *
+ * @class
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var View = wp.media.View,
+	$ = jQuery,
+	SiteIconPreview;
+
+SiteIconPreview = View.extend({
+	className: 'site-icon-preview',
+	template: wp.template( 'site-icon-preview' ),
+
+	ready: function() {
+		this.controller.imgSelect.setOptions({
+			onInit: this.updatePreview,
+			onSelectChange: this.updatePreview
+		});
+	},
 
-			// If nothing is selected, display nothing.
-			this.$el.toggleClass( 'empty', ! collection.length );
-			this.$el.toggleClass( 'one', 1 === collection.length );
-			this.$el.toggleClass( 'editing', editing );
+	prepare: function() {
+		return {
+			url: this.options.attachment.get( 'url' )
+		};
+	},
+
+	updatePreview: function( img, coords ) {
+		var rx = 64 / coords.width,
+			ry = 64 / coords.height,
+			preview_rx = 16 / coords.width,
+			preview_ry = 16 / coords.height;
+
+		$( '#preview-app-icon' ).css({
+			width: Math.round(rx * this.imageWidth ) + 'px',
+			height: Math.round(ry * this.imageHeight ) + 'px',
+			marginLeft: '-' + Math.round(rx * coords.x1) + 'px',
+			marginTop: '-' + Math.round(ry * coords.y1) + 'px'
+		});
 
-			this.$('.count').text( l10n.selected.replace('%d', collection.length) );
-		},
+		$( '#preview-favicon' ).css({
+			width: Math.round( preview_rx * this.imageWidth ) + 'px',
+			height: Math.round( preview_ry * this.imageHeight ) + 'px',
+			marginLeft: '-' + Math.round( preview_rx * coords.x1 ) + 'px',
+			marginTop: '-' + Math.floor( preview_ry* coords.y1 ) + 'px'
+		});
+	}
+});
+
+module.exports = SiteIconPreview;
+
+},{}],66:[function(require,module,exports){
+/**
+ * wp.media.view.Spinner
+ *
+ * @class
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var Spinner = wp.media.View.extend({
+	tagName:   'span',
+	className: 'spinner',
+	spinnerTimeout: false,
+	delay: 400,
+
+	show: function() {
+		if ( ! this.spinnerTimeout ) {
+			this.spinnerTimeout = _.delay(function( $el ) {
+				$el.addClass( 'is-active' );
+			}, this.delay, this.$el );
+		}
 
-		edit: function( event ) {
-			event.preventDefault();
-			if ( this.options.editable ) {
-				this.options.editable.call( this, this.collection );
-			}
-		},
+		return this;
+	},
+
+	hide: function() {
+		this.$el.removeClass( 'is-active' );
+		this.spinnerTimeout = clearTimeout( this.spinnerTimeout );
+
+		return this;
+	}
+});
+
+module.exports = Spinner;
+
+},{}],67:[function(require,module,exports){
+/**
+ * wp.media.view.Toolbar
+ *
+ * A toolbar which consists of a primary and a secondary section. Each sections
+ * can be filled with views.
+ *
+ * @class
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var View = wp.media.View,
+	Toolbar;
+
+Toolbar = View.extend({
+	tagName:   'div',
+	className: 'media-toolbar',
+
+	initialize: function() {
+		var state = this.controller.state(),
+			selection = this.selection = state.get('selection'),
+			library = this.library = state.get('library');
+
+		this._views = {};
+
+		// The toolbar is composed of two `PriorityList` views.
+		this.primary   = new wp.media.view.PriorityList();
+		this.secondary = new wp.media.view.PriorityList();
+		this.primary.$el.addClass('media-toolbar-primary search-form');
+		this.secondary.$el.addClass('media-toolbar-secondary');
+
+		this.views.set([ this.secondary, this.primary ]);
+
+		if ( this.options.items ) {
+			this.set( this.options.items, { silent: true });
+		}
 
-		clear: function( event ) {
-			event.preventDefault();
-			this.collection.reset();
+		if ( ! this.options.silent ) {
+			this.render();
 		}
-	});
 
+		if ( selection ) {
+			selection.on( 'add remove reset', this.refresh, this );
+		}
 
+		if ( library ) {
+			library.on( 'add remove reset', this.refresh, this );
+		}
+	},
 	/**
-	 * wp.media.view.Attachment.Selection
-	 *
-	 * @constructor
-	 * @augments wp.media.view.Attachment
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
+	 * @returns {wp.media.view.Toolbar} Returns itsef to allow chaining
 	 */
-	media.view.Attachment.Selection = media.view.Attachment.extend({
-		className: 'attachment selection',
+	dispose: function() {
+		if ( this.selection ) {
+			this.selection.off( null, null, this );
+		}
 
-		// On click, just select the model, instead of removing the model from
-		// the selection.
-		toggleSelection: function() {
-			this.options.selection.single( this.model );
+		if ( this.library ) {
+			this.library.off( null, null, this );
 		}
-	});
+		/**
+		 * call 'dispose' directly on the parent class
+		 */
+		return View.prototype.dispose.apply( this, arguments );
+	},
+
+	ready: function() {
+		this.refresh();
+	},
 
 	/**
-	 * wp.media.view.Attachments.Selection
-	 *
-	 * @constructor
-	 * @augments wp.media.view.Attachments
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.Attachments.Selection = media.view.Attachments.extend({
-		events: {},
-		initialize: function() {
-			_.defaults( this.options, {
-				sortable:   true,
-				resize:     false,
-
-				// The single `Attachment` view to be used in the `Attachments` view.
-				AttachmentView: media.view.Attachment.Selection
-			});
-			/**
-			 * call 'initialize' directly on the parent class
-			 */
-			return media.view.Attachments.prototype.initialize.apply( this, arguments );
+	 * @param {string} id
+	 * @param {Backbone.View|Object} view
+	 * @param {Object} [options={}]
+	 * @returns {wp.media.view.Toolbar} Returns itself to allow chaining
+	 */
+	set: function( id, view, options ) {
+		var list;
+		options = options || {};
+
+		// Accept an object with an `id` : `view` mapping.
+		if ( _.isObject( id ) ) {
+			_.each( id, function( view, id ) {
+				this.set( id, view, { silent: true });
+			}, this );
+
+		} else {
+			if ( ! ( view instanceof Backbone.View ) ) {
+				view.classes = [ 'media-button-' + id ].concat( view.classes || [] );
+				view = new wp.media.view.Button( view ).render();
+			}
+
+			view.controller = view.controller || this.controller;
+
+			this._views[ id ] = view;
+
+			list = view.options.priority < 0 ? 'secondary' : 'primary';
+			this[ list ].set( id, view, options );
+		}
+
+		if ( ! options.silent ) {
+			this.refresh();
 		}
-	});
 
+		return this;
+	},
 	/**
-	 * wp.media.view.Attachments.EditSelection
-	 *
-	 * @constructor
-	 * @augments wp.media.view.Attachment.Selection
-	 * @augments wp.media.view.Attachment
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
+	 * @param {string} id
+	 * @returns {wp.media.view.Button}
+	 */
+	get: function( id ) {
+		return this._views[ id ];
+	},
+	/**
+	 * @param {string} id
+	 * @param {Object} options
+	 * @returns {wp.media.view.Toolbar} Returns itself to allow chaining
 	 */
-	media.view.Attachment.EditSelection = media.view.Attachment.Selection.extend({
-		buttons: {
-			close: true
+	unset: function( id, options ) {
+		delete this._views[ id ];
+		this.primary.unset( id, options );
+		this.secondary.unset( id, options );
+
+		if ( ! options || ! options.silent ) {
+			this.refresh();
 		}
-	});
+		return this;
+	},
 
+	refresh: function() {
+		var state = this.controller.state(),
+			library = state.get('library'),
+			selection = state.get('selection');
 
-	/**
-	 * wp.media.view.Settings
-	 *
-	 * @constructor
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.Settings = media.View.extend({
-		events: {
-			'click button':    'updateHandler',
-			'change input':    'updateHandler',
-			'change select':   'updateHandler',
-			'change textarea': 'updateHandler'
-		},
-
-		initialize: function() {
-			this.model = this.model || new Backbone.Model();
-			this.model.on( 'change', this.updateChanges, this );
-		},
-
-		prepare: function() {
-			return _.defaults({
-				model: this.model.toJSON()
-			}, this.options );
-		},
-		/**
-		 * @returns {wp.media.view.Settings} Returns itself to allow chaining
-		 */
-		render: function() {
-			media.View.prototype.render.apply( this, arguments );
-			// Select the correct values.
-			_( this.model.attributes ).chain().keys().each( this.update, this );
-			return this;
-		},
+		_.each( this._views, function( button ) {
+			if ( ! button.model || ! button.options || ! button.options.requires ) {
+				return;
+			}
+
+			var requires = button.options.requires,
+				disabled = false;
+
+			// Prevent insertion of attachments if any of them are still uploading
+			disabled = _.some( selection.models, function( attachment ) {
+				return attachment.get('uploading') === true;
+			});
+
+			if ( requires.selection && selection && ! selection.length ) {
+				disabled = true;
+			} else if ( requires.library && library && ! library.length ) {
+				disabled = true;
+			}
+			button.model.set( 'disabled', disabled );
+		});
+	}
+});
+
+module.exports = Toolbar;
+
+},{}],68:[function(require,module,exports){
+/**
+ * wp.media.view.Toolbar.Embed
+ *
+ * @class
+ * @augments wp.media.view.Toolbar.Select
+ * @augments wp.media.view.Toolbar
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var Select = wp.media.view.Toolbar.Select,
+	l10n = wp.media.view.l10n,
+	Embed;
+
+Embed = Select.extend({
+	initialize: function() {
+		_.defaults( this.options, {
+			text: l10n.insertIntoPost,
+			requires: false
+		});
+		// Call 'initialize' directly on the parent class.
+		Select.prototype.initialize.apply( this, arguments );
+	},
+
+	refresh: function() {
+		var url = this.controller.state().props.get('url');
+		this.get('select').model.set( 'disabled', ! url || url === 'http://' );
 		/**
-		 * @param {string} key
+		 * call 'refresh' directly on the parent class
 		 */
-		update: function( key ) {
-			var value = this.model.get( key ),
-				$setting = this.$('[data-setting="' + key + '"]'),
-				$buttons, $value;
+		Select.prototype.refresh.apply( this, arguments );
+	}
+});
+
+module.exports = Embed;
+
+},{}],69:[function(require,module,exports){
+/**
+ * wp.media.view.Toolbar.Select
+ *
+ * @class
+ * @augments wp.media.view.Toolbar
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var Toolbar = wp.media.view.Toolbar,
+	l10n = wp.media.view.l10n,
+	Select;
+
+Select = Toolbar.extend({
+	initialize: function() {
+		var options = this.options;
+
+		_.bindAll( this, 'clickSelect' );
+
+		_.defaults( options, {
+			event: 'select',
+			state: false,
+			reset: true,
+			close: true,
+			text:  l10n.select,
+
+			// Does the button rely on the selection?
+			requires: {
+				selection: true
+			}
+		});
 
-			// Bail if we didn't find a matching setting.
-			if ( ! $setting.length ) {
-				return;
+		options.items = _.defaults( options.items || {}, {
+			select: {
+				style:    'primary',
+				text:     options.text,
+				priority: 80,
+				click:    this.clickSelect,
+				requires: options.requires
 			}
+		});
+		// Call 'initialize' directly on the parent class.
+		Toolbar.prototype.initialize.apply( this, arguments );
+	},
 
-			// Attempt to determine how the setting is rendered and update
-			// the selected value.
+	clickSelect: function() {
+		var options = this.options,
+			controller = this.controller;
 
-			// Handle dropdowns.
-			if ( $setting.is('select') ) {
-				$value = $setting.find('[value="' + value + '"]');
+		if ( options.close ) {
+			controller.close();
+		}
 
-				if ( $value.length ) {
-					$setting.find('option').prop( 'selected', false );
-					$value.prop( 'selected', true );
-				} else {
-					// If we can't find the desired value, record what *is* selected.
-					this.model.set( key, $setting.find(':selected').val() );
-				}
+		if ( options.event ) {
+			controller.state().trigger( options.event );
+		}
 
-			// Handle button groups.
-			} else if ( $setting.hasClass('button-group') ) {
-				$buttons = $setting.find('button').removeClass('active');
-				$buttons.filter( '[value="' + value + '"]' ).addClass('active');
+		if ( options.state ) {
+			controller.setState( options.state );
+		}
 
-			// Handle text inputs and textareas.
-			} else if ( $setting.is('input[type="text"], textarea') ) {
-				if ( ! $setting.is(':focus') ) {
-					$setting.val( value );
-				}
-			// Handle checkboxes.
-			} else if ( $setting.is('input[type="checkbox"]') ) {
-				$setting.prop( 'checked', !! value );
-			}
-		},
-		/**
-		 * @param {Object} event
-		 */
-		updateHandler: function( event ) {
-			var $setting = $( event.target ).closest('[data-setting]'),
-				value = event.target.value,
-				userSetting;
+		if ( options.reset ) {
+			controller.reset();
+		}
+	}
+});
+
+module.exports = Select;
+
+},{}],70:[function(require,module,exports){
+/**
+ * Creates a dropzone on WP editor instances (elements with .wp-editor-wrap)
+ * and relays drag'n'dropped files to a media workflow.
+ *
+ * wp.media.view.EditorUploader
+ *
+ * @class
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var View = wp.media.View,
+	l10n = wp.media.view.l10n,
+	$ = jQuery,
+	EditorUploader;
+
+EditorUploader = View.extend({
+	tagName:   'div',
+	className: 'uploader-editor',
+	template:  wp.template( 'uploader-editor' ),
+
+	localDrag: false,
+	overContainer: false,
+	overDropzone: false,
+	draggingFile: null,
 
-			event.preventDefault();
+	/**
+	 * Bind drag'n'drop events to callbacks.
+	 */
+	initialize: function() {
+		this.initialized = false;
 
-			if ( ! $setting.length ) {
-				return;
-			}
+		// Bail if not enabled or UA does not support drag'n'drop or File API.
+		if ( ! window.tinyMCEPreInit || ! window.tinyMCEPreInit.dragDropUpload || ! this.browserSupport() ) {
+			return this;
+		}
 
-			// Use the correct value for checkboxes.
-			if ( $setting.is('input[type="checkbox"]') ) {
-				value = $setting[0].checked;
-			}
+		this.$document = $(document);
+		this.dropzones = [];
+		this.files = [];
 
-			// Update the corresponding setting.
-			this.model.set( $setting.data('setting'), value );
+		this.$document.on( 'drop', '.uploader-editor', _.bind( this.drop, this ) );
+		this.$document.on( 'dragover', '.uploader-editor', _.bind( this.dropzoneDragover, this ) );
+		this.$document.on( 'dragleave', '.uploader-editor', _.bind( this.dropzoneDragleave, this ) );
+		this.$document.on( 'click', '.uploader-editor', _.bind( this.click, this ) );
 
-			// If the setting has a corresponding user setting,
-			// update that as well.
-			if ( userSetting = $setting.data('userSetting') ) {
-				setUserSetting( userSetting, value );
-			}
-		},
+		this.$document.on( 'dragover', _.bind( this.containerDragover, this ) );
+		this.$document.on( 'dragleave', _.bind( this.containerDragleave, this ) );
+
+		this.$document.on( 'dragstart dragend drop', _.bind( function( event ) {
+			this.localDrag = event.type === 'dragstart';
 
-		updateChanges: function( model ) {
-			if ( model.hasChanged() ) {
-				_( model.changed ).chain().keys().each( this.update, this );
+			if ( event.type === 'drop' ) {
+				this.containerDragleave();
 			}
-		}
-	});
+		}, this ) );
+
+		this.initialized = true;
+		return this;
+	},
 
 	/**
-	 * wp.media.view.Settings.AttachmentDisplay
+	 * Check browser support for drag'n'drop.
 	 *
-	 * @constructor
-	 * @augments wp.media.view.Settings
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
+	 * @return Boolean
 	 */
-	media.view.Settings.AttachmentDisplay = media.view.Settings.extend({
-		className: 'attachment-display-settings',
-		template:  media.template('attachment-display-settings'),
+	browserSupport: function() {
+		var supports = false, div = document.createElement('div');
 
-		initialize: function() {
-			var attachment = this.options.attachment;
+		supports = ( 'draggable' in div ) || ( 'ondragstart' in div && 'ondrop' in div );
+		supports = supports && !! ( window.File && window.FileList && window.FileReader );
+		return supports;
+	},
 
-			_.defaults( this.options, {
-				userSettings: false
-			});
-			/**
-			 * call 'initialize' directly on the parent class
-			 */
-			media.view.Settings.prototype.initialize.apply( this, arguments );
-			this.model.on( 'change:link', this.updateLinkTo, this );
+	isDraggingFile: function( event ) {
+		if ( this.draggingFile !== null ) {
+			return this.draggingFile;
+		}
 
-			if ( attachment ) {
-				attachment.on( 'change:uploading', this.render, this );
-			}
-		},
+		if ( _.isUndefined( event.originalEvent ) || _.isUndefined( event.originalEvent.dataTransfer ) ) {
+			return false;
+		}
 
-		dispose: function() {
-			var attachment = this.options.attachment;
-			if ( attachment ) {
-				attachment.off( null, null, this );
-			}
-			/**
-			 * call 'dispose' directly on the parent class
-			 */
-			media.view.Settings.prototype.dispose.apply( this, arguments );
-		},
-		/**
-		 * @returns {wp.media.view.AttachmentDisplay} Returns itself to allow chaining
-		 */
-		render: function() {
-			var attachment = this.options.attachment;
-			if ( attachment ) {
-				_.extend( this.options, {
-					sizes: attachment.get('sizes'),
-					type:  attachment.get('type')
-				});
-			}
-			/**
-			 * call 'render' directly on the parent class
-			 */
-			media.view.Settings.prototype.render.call( this );
-			this.updateLinkTo();
-			return this;
-		},
+		this.draggingFile = _.indexOf( event.originalEvent.dataTransfer.types, 'Files' ) > -1 &&
+			_.indexOf( event.originalEvent.dataTransfer.types, 'text/plain' ) === -1;
 
-		updateLinkTo: function() {
-			var linkTo = this.model.get('link'),
-				$input = this.$('.link-to-custom'),
-				attachment = this.options.attachment;
+		return this.draggingFile;
+	},
 
-			if ( 'none' === linkTo || 'embed' === linkTo || ( ! attachment && 'custom' !== linkTo ) ) {
-				$input.addClass( 'hidden' );
-				return;
-			}
+	refresh: function( e ) {
+		var dropzone_id;
+		for ( dropzone_id in this.dropzones ) {
+			// Hide the dropzones only if dragging has left the screen.
+			this.dropzones[ dropzone_id ].toggle( this.overContainer || this.overDropzone );
+		}
 
-			if ( attachment ) {
-				if ( 'post' === linkTo ) {
-					$input.val( attachment.get('link') );
-				} else if ( 'file' === linkTo ) {
-					$input.val( attachment.get('url') );
-				} else if ( ! this.model.get('linkUrl') ) {
-					$input.val('http://');
-				}
+		if ( ! _.isUndefined( e ) ) {
+			$( e.target ).closest( '.uploader-editor' ).toggleClass( 'droppable', this.overDropzone );
+		}
 
-				$input.prop( 'readonly', 'custom' !== linkTo );
-			}
+		if ( ! this.overContainer && ! this.overDropzone ) {
+			this.draggingFile = null;
+		}
 
-			$input.removeClass( 'hidden' );
+		return this;
+	},
 
-			// If the input is visible, focus and select its contents.
-			if ( $input.is(':visible') ) {
-				$input.focus()[0].select();
-			}
+	render: function() {
+		if ( ! this.initialized ) {
+			return this;
 		}
-	});
 
-	/**
-	 * wp.media.view.Settings.Gallery
-	 *
-	 * @constructor
-	 * @augments wp.media.view.Settings
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.Settings.Gallery = media.view.Settings.extend({
-		className: 'collection-settings gallery-settings',
-		template:  media.template('gallery-settings')
-	});
+		View.prototype.render.apply( this, arguments );
+		$( '.wp-editor-wrap' ).each( _.bind( this.attach, this ) );
+		return this;
+	},
 
-	/**
-	 * wp.media.view.Settings.Playlist
-	 *
-	 * @constructor
-	 * @augments wp.media.view.Settings
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.Settings.Playlist = media.view.Settings.extend({
-		className: 'collection-settings playlist-settings',
-		template:  media.template('playlist-settings')
-	});
+	attach: function( index, editor ) {
+		// Attach a dropzone to an editor.
+		var dropzone = this.$el.clone();
+		this.dropzones.push( dropzone );
+		$( editor ).append( dropzone );
+		return this;
+	},
 
 	/**
-	 * wp.media.view.Attachment.Details
+	 * When a file is dropped on the editor uploader, open up an editor media workflow
+	 * and upload the file immediately.
 	 *
-	 * @constructor
-	 * @augments wp.media.view.Attachment
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.Attachment.Details = media.view.Attachment.extend({
-		tagName:   'div',
-		className: 'attachment-details',
-		template:  media.template('attachment-details'),
-
-		events: {
-			'change [data-setting]':          'updateSetting',
-			'change [data-setting] input':    'updateSetting',
-			'change [data-setting] select':   'updateSetting',
-			'change [data-setting] textarea': 'updateSetting',
-			'click .delete-attachment':       'deleteAttachment',
-			'click .trash-attachment':        'trashAttachment',
-			'click .edit-attachment':         'editAttachment',
-			'click .refresh-attachment':      'refreshAttachment'
-		},
-
-		initialize: function() {
-			/**
-			 * @member {wp.media.view.FocusManager}
-			 */
-			this.focusManager = new media.view.FocusManager({
-				el: this.el
-			});
-			/**
-			 * call 'initialize' directly on the parent class
-			 */
-			media.view.Attachment.prototype.initialize.apply( this, arguments );
-		},
-		/**
-		 * @returns {wp.media.view..Attachment.Details} Returns itself to allow chaining
-		 */
-		render: function() {
-			/**
-			 * call 'render' directly on the parent class
-			 */
-			media.view.Attachment.prototype.render.apply( this, arguments );
-			this.focusManager.focus();
-			return this;
-		},
-		/**
-		 * @param {Object} event
-		 */
-		deleteAttachment: function( event ) {
-			event.preventDefault();
+	 * @param  {jQuery.Event} event The 'drop' event.
+	 */
+	drop: function( event ) {
+		var $wrap, uploadView;
 
-			if ( confirm( l10n.warnDelete ) ) {
-				this.model.destroy();
-			}
-		},
-		/**
-		 * @param {Object} event
-		 */
-		trashAttachment: function( event ) {
-			event.preventDefault();
+		this.containerDragleave( event );
+		this.dropzoneDragleave( event );
 
-			this.model.destroy();
-		},
-		/**
-		 * @param {Object} event
-		 */
-		editAttachment: function( event ) {
-			var editState = this.controller.states.get( 'edit-image' );
-			if ( window.imageEdit && editState ) {
-				event.preventDefault();
+		this.files = event.originalEvent.dataTransfer.files;
+		if ( this.files.length < 1 ) {
+			return;
+		}
+
+		// Set the active editor to the drop target.
+		$wrap = $( event.target ).parents( '.wp-editor-wrap' );
+		if ( $wrap.length > 0 && $wrap[0].id ) {
+			window.wpActiveEditor = $wrap[0].id.slice( 3, -5 );
+		}
+
+		if ( ! this.workflow ) {
+			this.workflow = wp.media.editor.open( window.wpActiveEditor, {
+				frame:    'post',
+				state:    'insert',
+				title:    l10n.addMedia,
+				multiple: true
+			});
+
+			uploadView = this.workflow.uploader;
 
-				editState.set( 'image', this.model );
-				this.controller.setState( 'edit-image' );
+			if ( uploadView.uploader && uploadView.uploader.ready ) {
+				this.addFiles.apply( this );
 			} else {
-				this.$el.addClass('needs-refresh');
+				this.workflow.on( 'uploader:ready', this.addFiles, this );
 			}
-		},
-		/**
-		 * @param {Object} event
-		 */
-		refreshAttachment: function( event ) {
-			this.$el.removeClass('needs-refresh');
-			event.preventDefault();
-			this.model.fetch();
+		} else {
+			this.workflow.state().reset();
+			this.addFiles.apply( this );
+			this.workflow.open();
 		}
 
-	});
+		return false;
+	},
 
 	/**
-	 * wp.media.view.AttachmentCompat
-	 *
-	 * @constructor
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.AttachmentCompat = media.View.extend({
-		tagName:   'form',
-		className: 'compat-item',
-
-		events: {
-			'submit':          'preventDefault',
-			'change input':    'save',
-			'change select':   'save',
-			'change textarea': 'save'
-		},
-
-		initialize: function() {
-			/**
-			 * @member {wp.media.view.FocusManager}
-			 */
-			this.focusManager = new media.view.FocusManager({
-				el: this.el
-			});
+	 * Add the files to the uploader.
+	 */
+	addFiles: function() {
+		if ( this.files.length ) {
+			this.workflow.uploader.uploader.uploader.addFile( _.toArray( this.files ) );
+			this.files = [];
+		}
+		return this;
+	},
 
-			this.model.on( 'change:compat', this.render, this );
-		},
-		/**
-		 * @returns {wp.media.view.AttachmentCompat} Returns itself to allow chaining
-		 */
-		dispose: function() {
-			if ( this.$(':focus').length ) {
-				this.save();
-			}
-			/**
-			 * call 'dispose' directly on the parent class
-			 */
-			return media.View.prototype.dispose.apply( this, arguments );
-		},
-		/**
-		 * @returns {wp.media.view.AttachmentCompat} Returns itself to allow chaining
-		 */
-		render: function() {
-			var compat = this.model.get('compat');
-			if ( ! compat || ! compat.item ) {
-				return;
-			}
+	containerDragover: function( event ) {
+		if ( this.localDrag || ! this.isDraggingFile( event ) ) {
+			return;
+		}
 
-			this.views.detach();
-			this.$el.html( compat.item );
-			this.views.render();
+		this.overContainer = true;
+		this.refresh();
+	},
 
-			this.focusManager.focus();
-			return this;
-		},
-		/**
-		 * @param {Object} event
-		 */
-		preventDefault: function( event ) {
-			event.preventDefault();
-		},
-		/**
-		 * @param {Object} event
-		 */
-		save: function( event ) {
-			var data = {};
+	containerDragleave: function() {
+		this.overContainer = false;
 
-			if ( event ) {
-				event.preventDefault();
-			}
+		// Throttle dragleave because it's called when bouncing from some elements to others.
+		_.delay( _.bind( this.refresh, this ), 50 );
+	},
 
-			_.each( this.$el.serializeArray(), function( pair ) {
-				data[ pair.name ] = pair.value;
-			});
+	dropzoneDragover: function( event ) {
+		if ( this.localDrag || ! this.isDraggingFile( event ) ) {
+			return;
+		}
 
-			this.model.saveCompat( data );
+		this.overDropzone = true;
+		this.refresh( event );
+		return false;
+	},
+
+	dropzoneDragleave: function( e ) {
+		this.overDropzone = false;
+		_.delay( _.bind( this.refresh, this, e ), 50 );
+	},
+
+	click: function( e ) {
+		// In the rare case where the dropzone gets stuck, hide it on click.
+		this.containerDragleave( e );
+		this.dropzoneDragleave( e );
+		this.localDrag = false;
+	}
+});
+
+module.exports = EditorUploader;
+
+},{}],71:[function(require,module,exports){
+/**
+ * wp.media.view.UploaderInline
+ *
+ * The inline uploader that shows up in the 'Upload Files' tab.
+ *
+ * @class
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var View = wp.media.View,
+	UploaderInline;
+
+UploaderInline = View.extend({
+	tagName:   'div',
+	className: 'uploader-inline',
+	template:  wp.template('uploader-inline'),
+
+	events: {
+		'click .close': 'hide'
+	},
+
+	initialize: function() {
+		_.defaults( this.options, {
+			message: '',
+			status:  true,
+			canClose: false
+		});
+
+		if ( ! this.options.$browser && this.controller.uploader ) {
+			this.options.$browser = this.controller.uploader.$browser;
 		}
-	});
 
-	/**
-	 * wp.media.view.Iframe
-	 *
-	 * @constructor
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.Iframe = media.View.extend({
-		className: 'media-iframe',
-		/**
-		 * @returns {wp.media.view.Iframe} Returns itself to allow chaining
-		 */
-		render: function() {
-			this.views.detach();
-			this.$el.html( '<iframe src="' + this.controller.state().get('src') + '" />' );
-			this.views.render();
-			return this;
+		if ( _.isUndefined( this.options.postId ) ) {
+			this.options.postId = wp.media.view.settings.post.id;
 		}
-	});
 
+		if ( this.options.status ) {
+			this.views.set( '.upload-inline-status', new wp.media.view.UploaderStatus({
+				controller: this.controller
+			}) );
+		}
+	},
+
+	prepare: function() {
+		var suggestedWidth = this.controller.state().get('suggestedWidth'),
+			suggestedHeight = this.controller.state().get('suggestedHeight'),
+			data = {};
+
+		data.message = this.options.message;
+		data.canClose = this.options.canClose;
+
+		if ( suggestedWidth && suggestedHeight ) {
+			data.suggestedWidth = suggestedWidth;
+			data.suggestedHeight = suggestedHeight;
+		}
+
+		return data;
+	},
 	/**
-	 * wp.media.view.Embed
-	 *
-	 * @constructor
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
+	 * @returns {wp.media.view.UploaderInline} Returns itself to allow chaining
 	 */
-	media.view.Embed = media.View.extend({
-		className: 'media-embed',
-
-		initialize: function() {
+	dispose: function() {
+		if ( this.disposing ) {
 			/**
-			 * @member {wp.media.view.EmbedUrl}
+			 * call 'dispose' directly on the parent class
 			 */
-			this.url = new media.view.EmbedUrl({
-				controller: this.controller,
-				model:      this.model.props
-			}).render();
-
-			this.views.set([ this.url ]);
-			this.refresh();
-			this.model.on( 'change:type', this.refresh, this );
-			this.model.on( 'change:loading', this.loading, this );
-		},
+			return View.prototype.dispose.apply( this, arguments );
+		}
 
+		// Run remove on `dispose`, so we can be sure to refresh the
+		// uploader with a view-less DOM. Track whether we're disposing
+		// so we don't trigger an infinite loop.
+		this.disposing = true;
+		return this.remove();
+	},
+	/**
+	 * @returns {wp.media.view.UploaderInline} Returns itself to allow chaining
+	 */
+	remove: function() {
 		/**
-		 * @param {Object} view
+		 * call 'remove' directly on the parent class
 		 */
-		settings: function( view ) {
-			if ( this._settings ) {
-				this._settings.remove();
-			}
-			this._settings = view;
-			this.views.add( view );
-		},
-
-		refresh: function() {
-			var type = this.model.get('type'),
-				constructor;
-
-			if ( 'image' === type ) {
-				constructor = media.view.EmbedImage;
-			} else if ( 'link' === type ) {
-				constructor = media.view.EmbedLink;
-			} else {
+		var result = View.prototype.remove.apply( this, arguments );
+
+		_.defer( _.bind( this.refresh, this ) );
+		return result;
+	},
+
+	refresh: function() {
+		var uploader = this.controller.uploader;
+
+		if ( uploader ) {
+			uploader.refresh();
+		}
+	},
+	/**
+	 * @returns {wp.media.view.UploaderInline}
+	 */
+	ready: function() {
+		var $browser = this.options.$browser,
+			$placeholder;
+
+		if ( this.controller.uploader ) {
+			$placeholder = this.$('.browser');
+
+			// Check if we've already replaced the placeholder.
+			if ( $placeholder[0] === $browser[0] ) {
 				return;
 			}
 
-			this.settings( new constructor({
-				controller: this.controller,
-				model:      this.model.props,
-				priority:   40
-			}) );
-		},
-
-		loading: function() {
-			this.$el.toggleClass( 'embed-loading', this.model.get('loading') );
+			$browser.detach().text( $placeholder.text() );
+			$browser[0].className = $placeholder[0].className;
+			$placeholder.replaceWith( $browser.show() );
 		}
-	});
 
+		this.refresh();
+		return this;
+	},
+	show: function() {
+		this.$el.removeClass( 'hidden' );
+	},
+	hide: function() {
+		this.$el.addClass( 'hidden' );
+	}
+
+});
+
+module.exports = UploaderInline;
+
+},{}],72:[function(require,module,exports){
+/**
+ * wp.media.view.UploaderStatusError
+ *
+ * @class
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var UploaderStatusError = wp.media.View.extend({
+	className: 'upload-error',
+	template:  wp.template('uploader-status-error')
+});
+
+module.exports = UploaderStatusError;
+
+},{}],73:[function(require,module,exports){
+/**
+ * wp.media.view.UploaderStatus
+ *
+ * An uploader status for on-going uploads.
+ *
+ * @class
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var View = wp.media.View,
+	UploaderStatus;
+
+UploaderStatus = View.extend({
+	className: 'media-uploader-status',
+	template:  wp.template('uploader-status'),
+
+	events: {
+		'click .upload-dismiss-errors': 'dismiss'
+	},
+
+	initialize: function() {
+		this.queue = wp.Uploader.queue;
+		this.queue.on( 'add remove reset', this.visibility, this );
+		this.queue.on( 'add remove reset change:percent', this.progress, this );
+		this.queue.on( 'add remove reset change:uploading', this.info, this );
+
+		this.errors = wp.Uploader.errors;
+		this.errors.reset();
+		this.errors.on( 'add remove reset', this.visibility, this );
+		this.errors.on( 'add', this.error, this );
+	},
 	/**
-	 * wp.media.view.EmbedUrl
-	 *
-	 * @constructor
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.EmbedUrl = media.View.extend({
-		tagName:   'label',
-		className: 'embed-url',
-
-		events: {
-			'input':  'url',
-			'keyup':  'url',
-			'change': 'url'
-		},
-
-		initialize: function() {
-			this.$input = $('<input/>').attr( 'type', 'text' ).val( this.model.get('url') );
-			this.input = this.$input[0];
-
-			this.spinner = $('<span class="spinner" />')[0];
-			this.$el.append([ this.input, this.spinner ]);
-
-			this.model.on( 'change:url', this.render, this );
-		},
+	 * @global wp.Uploader
+	 * @returns {wp.media.view.UploaderStatus}
+	 */
+	dispose: function() {
+		wp.Uploader.queue.off( null, null, this );
 		/**
-		 * @returns {wp.media.view.EmbedUrl} Returns itself to allow chaining
+		 * call 'dispose' directly on the parent class
 		 */
-		render: function() {
-			var $input = this.$input;
+		View.prototype.dispose.apply( this, arguments );
+		return this;
+	},
+
+	visibility: function() {
+		this.$el.toggleClass( 'uploading', !! this.queue.length );
+		this.$el.toggleClass( 'errors', !! this.errors.length );
+		this.$el.toggle( !! this.queue.length || !! this.errors.length );
+	},
+
+	ready: function() {
+		_.each({
+			'$bar':      '.media-progress-bar div',
+			'$index':    '.upload-index',
+			'$total':    '.upload-total',
+			'$filename': '.upload-filename'
+		}, function( selector, key ) {
+			this[ key ] = this.$( selector );
+		}, this );
+
+		this.visibility();
+		this.progress();
+		this.info();
+	},
+
+	progress: function() {
+		var queue = this.queue,
+			$bar = this.$bar;
+
+		if ( ! $bar || ! queue.length ) {
+			return;
+		}
 
-			if ( $input.is(':focus') ) {
-				return;
+		$bar.width( ( queue.reduce( function( memo, attachment ) {
+			if ( ! attachment.get('uploading') ) {
+				return memo + 100;
 			}
 
-			this.input.value = this.model.get('url') || 'http://';
-			/**
-			 * Call `render` directly on parent class with passed arguments
-			 */
-			media.View.prototype.render.apply( this, arguments );
-			return this;
-		},
-
-		ready: function() {
-			this.focus();
-		},
+			var percent = attachment.get('percent');
+			return memo + ( _.isNumber( percent ) ? percent : 100 );
+		}, 0 ) / queue.length ) + '%' );
+	},
 
-		url: function( event ) {
-			this.model.set( 'url', event.target.value );
-		},
+	info: function() {
+		var queue = this.queue,
+			index = 0, active;
 
-		/**
-		 * If the input is visible, focus and select its contents.
-		 */
-		focus: function() {
-			var $input = this.$input;
-			if ( $input.is(':visible') ) {
-				$input.focus()[0].select();
-			}
+		if ( ! queue.length ) {
+			return;
 		}
-	});
 
+		active = this.queue.find( function( attachment, i ) {
+			index = i;
+			return attachment.get('uploading');
+		});
+
+		this.$index.text( index + 1 );
+		this.$total.text( queue.length );
+		this.$filename.html( active ? this.filename( active.get('filename') ) : '' );
+	},
 	/**
-	 * wp.media.view.EmbedLink
-	 *
-	 * @constructor
-	 * @augments wp.media.view.Settings
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.EmbedLink = media.view.Settings.extend({
-		className: 'embed-link-settings',
-		template:  media.template('embed-link-settings')
-	});
+	 * @param {string} filename
+	 * @returns {string}
+	 */
+	filename: function( filename ) {
+		return _.escape( filename );
+	},
+	/**
+	 * @param {Backbone.Model} error
+	 */
+	error: function( error ) {
+		this.views.add( '.upload-errors', new wp.media.view.UploaderStatusError({
+			filename: this.filename( error.get('file').name ),
+			message:  error.get('message')
+		}), { at: 0 });
+	},
 
 	/**
-	 * wp.media.view.EmbedImage
+	 * @global wp.Uploader
 	 *
-	 * @contructor
-	 * @augments wp.media.view.Settings.AttachmentDisplay
-	 * @augments wp.media.view.Settings
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.EmbedImage =  media.view.Settings.AttachmentDisplay.extend({
-		className: 'embed-media-settings',
-		template:  media.template('embed-image-settings'),
-
-		initialize: function() {
-			/**
-			 * Call `initialize` directly on parent class with passed arguments
-			 */
-			media.view.Settings.AttachmentDisplay.prototype.initialize.apply( this, arguments );
-			this.model.on( 'change:url', this.updateImage, this );
-		},
+	 * @param {Object} event
+	 */
+	dismiss: function( event ) {
+		var errors = this.views.get('.upload-errors');
 
-		updateImage: function() {
-			this.$('img').attr( 'src', this.model.get('url') );
+		event.preventDefault();
+
+		if ( errors ) {
+			_.invoke( errors, 'remove' );
 		}
-	});
+		wp.Uploader.errors.reset();
+	}
+});
+
+module.exports = UploaderStatus;
+
+},{}],74:[function(require,module,exports){
+/**
+ * wp.media.view.UploaderWindow
+ *
+ * An uploader window that allows for dragging and dropping media.
+ *
+ * @class
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ *
+ * @param {object} [options]                   Options hash passed to the view.
+ * @param {object} [options.uploader]          Uploader properties.
+ * @param {jQuery} [options.uploader.browser]
+ * @param {jQuery} [options.uploader.dropzone] jQuery collection of the dropzone.
+ * @param {object} [options.uploader.params]
+ */
+var $ = jQuery,
+	UploaderWindow;
+
+UploaderWindow = wp.media.View.extend({
+	tagName:   'div',
+	className: 'uploader-window',
+	template:  wp.template('uploader-window'),
+
+	initialize: function() {
+		var uploader;
+
+		this.$browser = $('<a href="#" class="browser" />').hide().appendTo('body');
+
+		uploader = this.options.uploader = _.defaults( this.options.uploader || {}, {
+			dropzone:  this.$el,
+			browser:   this.$browser,
+			params:    {}
+		});
 
-	/**
-	 * wp.media.view.ImageDetails
-	 *
-	 * @contructor
-	 * @augments wp.media.view.Settings.AttachmentDisplay
-	 * @augments wp.media.view.Settings
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.ImageDetails = media.view.Settings.AttachmentDisplay.extend({
-		className: 'image-details',
-		template:  media.template('image-details'),
-		events: _.defaults( media.view.Settings.AttachmentDisplay.prototype.events, {
-			'click .edit-attachment': 'editAttachment',
-			'click .replace-attachment': 'replaceAttachment',
-			'click .advanced-toggle': 'onToggleAdvanced',
-			'change [data-setting="customWidth"]': 'onCustomSize',
-			'change [data-setting="customHeight"]': 'onCustomSize',
-			'keyup [data-setting="customWidth"]': 'onCustomSize',
-			'keyup [data-setting="customHeight"]': 'onCustomSize'
-		} ),
-		initialize: function() {
-			// used in AttachmentDisplay.prototype.updateLinkTo
-			this.options.attachment = this.model.attachment;
-			this.listenTo( this.model, 'change:url', this.updateUrl );
-			this.listenTo( this.model, 'change:link', this.toggleLinkSettings );
-			this.listenTo( this.model, 'change:size', this.toggleCustomSize );
-
-			media.view.Settings.AttachmentDisplay.prototype.initialize.apply( this, arguments );
-		},
-
-		prepare: function() {
-			var attachment = false;
-
-			if ( this.model.attachment ) {
-				attachment = this.model.attachment.toJSON();
-			}
-			return _.defaults({
-				model: this.model.toJSON(),
-				attachment: attachment
-			}, this.options );
-		},
-
-		render: function() {
-			var self = this,
-				args = arguments;
-
-			if ( this.model.attachment && 'pending' === this.model.dfd.state() ) {
-				this.model.dfd.done( function() {
-					media.view.Settings.AttachmentDisplay.prototype.render.apply( self, args );
-					self.postRender();
-				} ).fail( function() {
-					self.model.attachment = false;
-					media.view.Settings.AttachmentDisplay.prototype.render.apply( self, args );
-					self.postRender();
-				} );
-			} else {
-				media.view.Settings.AttachmentDisplay.prototype.render.apply( this, arguments );
-				this.postRender();
-			}
+		// Ensure the dropzone is a jQuery collection.
+		if ( uploader.dropzone && ! (uploader.dropzone instanceof $) ) {
+			uploader.dropzone = $( uploader.dropzone );
+		}
 
-			return this;
-		},
+		this.controller.on( 'activate', this.refresh, this );
 
-		postRender: function() {
-			setTimeout( _.bind( this.resetFocus, this ), 10 );
-			this.toggleLinkSettings();
-			if ( getUserSetting( 'advImgDetails' ) === 'show' ) {
-				this.toggleAdvanced( true );
-			}
-			this.trigger( 'post-render' );
-		},
-
-		resetFocus: function() {
-			this.$( '.link-to-custom' ).blur();
-			this.$( '.embed-media-settings' ).scrollTop( 0 );
-		},
-
-		updateUrl: function() {
-			this.$( '.image img' ).attr( 'src', this.model.get( 'url' ) );
-			this.$( '.url' ).val( this.model.get( 'url' ) );
-		},
-
-		toggleLinkSettings: function() {
-			if ( this.model.get( 'link' ) === 'none' ) {
-				this.$( '.link-settings' ).addClass('hidden');
-			} else {
-				this.$( '.link-settings' ).removeClass('hidden');
-			}
-		},
+		this.controller.on( 'detach', function() {
+			this.$browser.remove();
+		}, this );
+	},
 
-		toggleCustomSize: function() {
-			if ( this.model.get( 'size' ) !== 'custom' ) {
-				this.$( '.custom-size' ).addClass('hidden');
-			} else {
-				this.$( '.custom-size' ).removeClass('hidden');
-			}
-		},
+	refresh: function() {
+		if ( this.uploader ) {
+			this.uploader.refresh();
+		}
+	},
 
-		onCustomSize: function( event ) {
-			var dimension = $( event.target ).data('setting'),
-				num = $( event.target ).val(),
-				value;
+	ready: function() {
+		var postId = wp.media.view.settings.post.id,
+			dropzone;
 
-			// Ignore bogus input
-			if ( ! /^\d+/.test( num ) || parseInt( num, 10 ) < 1 ) {
-				event.preventDefault();
-				return;
-			}
+		// If the uploader already exists, bail.
+		if ( this.uploader ) {
+			return;
+		}
 
-			if ( dimension === 'customWidth' ) {
-				value = Math.round( 1 / this.model.get( 'aspectRatio' ) * num );
-				this.model.set( 'customHeight', value, { silent: true } );
-				this.$( '[data-setting="customHeight"]' ).val( value );
-			} else {
-				value = Math.round( this.model.get( 'aspectRatio' ) * num );
-				this.model.set( 'customWidth', value, { silent: true  } );
-				this.$( '[data-setting="customWidth"]' ).val( value );
+		if ( postId ) {
+			this.options.uploader.params.post_id = postId;
+		}
+		this.uploader = new wp.Uploader( this.options.uploader );
 
-			}
-		},
+		dropzone = this.uploader.dropzone;
+		dropzone.on( 'dropzone:enter', _.bind( this.show, this ) );
+		dropzone.on( 'dropzone:leave', _.bind( this.hide, this ) );
 
-		onToggleAdvanced: function( event ) {
-			event.preventDefault();
-			this.toggleAdvanced();
-		},
+		$( this.uploader ).on( 'uploader:ready', _.bind( this._ready, this ) );
+	},
 
-		toggleAdvanced: function( show ) {
-			var $advanced = this.$el.find( '.advanced-section' ),
-				mode;
+	_ready: function() {
+		this.controller.trigger( 'uploader:ready' );
+	},
 
-			if ( $advanced.hasClass('advanced-visible') || show === false ) {
-				$advanced.removeClass('advanced-visible');
-				$advanced.find('.advanced-settings').addClass('hidden');
-				mode = 'hide';
-			} else {
-				$advanced.addClass('advanced-visible');
-				$advanced.find('.advanced-settings').removeClass('hidden');
-				mode = 'show';
-			}
+	show: function() {
+		var $el = this.$el.show();
 
-			setUserSetting( 'advImgDetails', mode );
-		},
+		// Ensure that the animation is triggered by waiting until
+		// the transparent element is painted into the DOM.
+		_.defer( function() {
+			$el.css({ opacity: 1 });
+		});
+	},
 
-		editAttachment: function( event ) {
-			var editState = this.controller.states.get( 'edit-image' );
+	hide: function() {
+		var $el = this.$el.css({ opacity: 0 });
 
-			if ( window.imageEdit && editState ) {
-				event.preventDefault();
-				editState.set( 'image', this.model.attachment );
-				this.controller.setState( 'edit-image' );
+		wp.media.transition( $el ).done( function() {
+			// Transition end events are subject to race conditions.
+			// Make sure that the value is set as intended.
+			if ( '0' === $el.css('opacity') ) {
+				$el.hide();
 			}
-		},
+		});
 
-		replaceAttachment: function( event ) {
-			event.preventDefault();
-			this.controller.setState( 'replace-image' );
+		// https://core.trac.wordpress.org/ticket/27341
+		_.delay( function() {
+			if ( '0' === $el.css('opacity') && $el.is(':visible') ) {
+				$el.hide();
+			}
+		}, 500 );
+	}
+});
+
+module.exports = UploaderWindow;
+
+},{}],75:[function(require,module,exports){
+/**
+ * wp.media.View
+ *
+ * The base view class for media.
+ *
+ * Undelegating events, removing events from the model, and
+ * removing events from the controller mirror the code for
+ * `Backbone.View.dispose` in Backbone 0.9.8 development.
+ *
+ * This behavior has since been removed, and should not be used
+ * outside of the media manager.
+ *
+ * @class
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+var View = wp.Backbone.View.extend({
+	constructor: function( options ) {
+		if ( options && options.controller ) {
+			this.controller = options.controller;
 		}
-	});
-
+		wp.Backbone.View.apply( this, arguments );
+	},
 	/**
-	 * wp.media.view.Cropper
-	 *
-	 * Uses the imgAreaSelect plugin to allow a user to crop an image.
-	 *
-	 * Takes imgAreaSelect options from
-	 * wp.customize.HeaderControl.calculateImageSelectOptions via
-	 * wp.customize.HeaderControl.openMM.
+	 * @todo The internal comment mentions this might have been a stop-gap
+	 *       before Backbone 0.9.8 came out. Figure out if Backbone core takes
+	 *       care of this in Backbone.View now.
 	 *
-	 * @constructor
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.Cropper = media.View.extend({
-		className: 'crop-content',
-		template: media.template('crop-content'),
-		initialize: function() {
-			_.bindAll(this, 'onImageLoad');
-		},
-		ready: function() {
-			this.controller.frame.on('content:error:crop', this.onError, this);
-			this.$image = this.$el.find('.crop-image');
-			this.$image.on('load', this.onImageLoad);
-			$(window).on('resize.cropper', _.debounce(this.onImageLoad, 250));
-		},
-		remove: function() {
-			$(window).off('resize.cropper');
-			this.$el.remove();
-			this.$el.off();
-			wp.media.View.prototype.remove.apply(this, arguments);
-		},
-		prepare: function() {
-			return {
-				title: l10n.cropYourImage,
-				url: this.options.attachment.get('url')
-			};
-		},
-		onImageLoad: function() {
-			var imgOptions = this.controller.get('imgSelectOptions');
-			if (typeof imgOptions === 'function') {
-				imgOptions = imgOptions(this.options.attachment, this.controller);
-			}
-
-			imgOptions = _.extend(imgOptions, {parent: this.$el});
-			this.trigger('image-loaded');
-			this.controller.imgSelect = this.$image.imgAreaSelect(imgOptions);
-		},
-		onError: function() {
-			var filename = this.options.attachment.get('filename');
-
-			this.views.add( '.upload-errors', new media.view.UploaderStatusError({
-				filename: media.view.UploaderStatus.prototype.filename(filename),
-				message: _wpMediaViewsL10n.cropError
-			}), { at: 0 });
+	 * @returns {wp.media.View} Returns itself to allow chaining
+	 */
+	dispose: function() {
+		// Undelegating events, removing events from the model, and
+		// removing events from the controller mirror the code for
+		// `Backbone.View.dispose` in Backbone 0.9.8 development.
+		this.undelegateEvents();
+
+		if ( this.model && this.model.off ) {
+			this.model.off( null, null, this );
 		}
-	});
-
-	media.view.EditImage = media.View.extend({
-
-		className: 'image-editor',
-		template: media.template('image-editor'),
-
-		initialize: function( options ) {
-			this.editor = window.imageEdit;
-			this.controller = options.controller;
-			media.View.prototype.initialize.apply( this, arguments );
-		},
-
-		prepare: function() {
-			return this.model.toJSON();
-		},
-
-		render: function() {
-			media.View.prototype.render.apply( this, arguments );
-			return this;
-		},
-
-		loadEditor: function() {
-			this.editor.open( this.model.get('id'), this.model.get('nonces').edit, this );
-		},
-
-		back: function() {
-			var lastState = this.controller.lastState();
-			this.controller.setState( lastState );
-		},
-
-		refresh: function() {
-			this.model.fetch();
-		},
 
-		save: function() {
-			var self = this,
-				lastState = this.controller.lastState();
-
-			this.model.fetch().done( function() {
-				self.controller.setState( lastState );
-			});
+		if ( this.collection && this.collection.off ) {
+			this.collection.off( null, null, this );
 		}
 
-	});
+		// Unbind controller events.
+		if ( this.controller && this.controller.off ) {
+			this.controller.off( null, null, this );
+		}
 
+		return this;
+	},
 	/**
-	 * wp.media.view.Spinner
-	 *
-	 * @constructor
-	 * @augments wp.media.View
-	 * @augments wp.Backbone.View
-	 * @augments Backbone.View
-	 */
-	media.view.Spinner = media.View.extend({
-		tagName:   'span',
-		className: 'spinner',
-		spinnerTimeout: false,
-		delay: 400,
-
-		show: function() {
-			if ( ! this.spinnerTimeout ) {
-				this.spinnerTimeout = _.delay(function( $el ) {
-					$el.show();
-				}, this.delay, this.$el );
-			}
-
-			return this;
-		},
+	 * @returns {wp.media.View} Returns itself to allow chaining
+	 */
+	remove: function() {
+		this.dispose();
+		/**
+		 * call 'remove' directly on the parent class
+		 */
+		return wp.Backbone.View.prototype.remove.apply( this, arguments );
+	}
+});
 
-		hide: function() {
-			this.$el.hide();
-			this.spinnerTimeout = clearTimeout( this.spinnerTimeout );
+module.exports = View;
 
-			return this;
-		}
-	});
-}(jQuery, _));
+},{}]},{},[19]);