/***/ 1:

var MenuItem = wp.media.view.MenuItem,

	PriorityList = wp.media.view.PriorityList,

	Menu;

 * wp.media.view.Menu

 *

 * @memberOf wp.media.view

 * @augments wp.media.view.PriorityList

 * @augments wp.media.View

 * @augments wp.Backbone.View

 * @augments Backbone.View

Menu = PriorityList.extend(/** @lends wp.media.view.Menu.prototype */{

	tagName:   'div',

	className: 'media-menu',

	property:  'state',

	ItemView:  MenuItem,

	region:    'menu',

	attributes: {

		role:               'tablist',

		'aria-orientation': 'horizontal'

	},

		this._views = {};

		this.set( _.extend( {}, this._views, this.options.views ), { silent: true });

		delete this.options.views;

		if ( ! this.options.silent ) {

			this.render();

		}

		// Initialize the Focus Manager.

		this.focusManager = new wp.media.view.FocusManager( {

			el:   this.el,

			mode: 'tabsNavigation'

		} );

		// The menu is always rendered and can be visible or hidden on some frames.

		this.isVisible = true;

	},

	/**

	 * @param {Object} options

	 * @param {string} id

	 * @return {wp.media.View}

	 */

	toView: function( options, id ) {

		options = options || {};

		options[ this.property ] = options[ this.property ] || id;

		return new this.ItemView( options ).render();

	},

	ready: function() {

		/**

		 * call 'ready' directly on the parent class

		 */

		PriorityList.prototype.ready.apply( this, arguments );

		this.visibility();

		// Set up aria tabs initial attributes.

		this.focusManager.setupAriaTabs();

	},

	set: function() {

		/**

		 * call 'set' directly on the parent class

		 */

		PriorityList.prototype.set.apply( this, arguments );

		this.visibility();

	},

	unset: function() {

		/**

		 * call 'unset' directly on the parent class

		 */

		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 ) {

			// Flag this menu as hidden or visible.

			this.isVisible = ! hide;

			// Set or remove a CSS class to hide the menu.

			this.controller.$el.toggleClass( 'hide-' + region, hide );

		}

	},

	/**

	 * @param {string} id

	 */

	select: function( id ) {

		var view = this.get( id );

		if ( ! view ) {

		this.deselect();

		view.$el.addClass('active');

		// Set up again the aria tabs initial attributes after the menu updates.

		this.focusManager.setupAriaTabs();

	},

	deselect: function() {

		this.$el.children().removeClass('active');

	},

	hide: function( id ) {

		var view = this.get( id );

		if ( ! view ) {

			return;

		}

		view.$el.addClass('hidden');

	},

	show: function( id ) {

		var view = this.get( id );

		if ( ! view ) {

			return;

		}

		view.$el.removeClass('hidden');

module.exports = Menu;

/***/ 168:

var $ = Backbone.$,

	ButtonGroup;

 * wp.media.view.ButtonGroup

 *

 * @memberOf wp.media.view

 * @augments wp.media.View

 * @augments wp.Backbone.View

 * @augments Backbone.View

ButtonGroup = wp.media.View.extend(/** @lends wp.media.view.ButtonGroup.prototype */{

	tagName:   'div',

	className: 'button-group button-large media-button-group',

	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 wp.media.view.Button( button ).render();

			}

		delete this.options.buttons;

		if ( this.options.classes ) {

			this.$el.addClass( this.options.classes );

		}

	},

	/**

	 * @return {wp.media.view.ButtonGroup}

	 */

	render: function() {

		this.$el.html( $( _.pluck( this.buttons, 'el' ) ).detach() );

		return this;

module.exports = ButtonGroup;

/***/ 170:

 * wp.media.view.Heading

 *

 * A reusable heading component for the media library

 *

 * Used to add accessibility friendly headers in the media library/modal.

 * @augments wp.media.View

 * @augments wp.Backbone.View

 * @augments Backbone.View

var Heading = wp.media.View.extend( {

	tagName: function() {

		return this.options.level || 'h1';

	},

	className: 'media-views-heading',

	initialize: function() {

		if ( this.options.className ) {

			this.$el.addClass( this.options.className );

		}

		this.text = this.options.text;

	},

	render: function() {

		this.$el.html( this.text );

		return this;

} );

module.exports = Heading;

/***/ 397:

var Select = wp.media.view.Toolbar.Select,

	l10n = wp.media.view.l10n,

 * wp.media.view.Toolbar.Embed

 *

 * @memberOf wp.media.view.Toolbar

 * @augments wp.media.view.Toolbar.Select

 * @augments wp.media.view.Toolbar

 * @augments wp.media.View

 * @augments wp.Backbone.View

 * @augments Backbone.View

Embed = Select.extend(/** @lends wp.media.view.Toolbar.Embed.prototype */{

	initialize: function() {

		_.defaults( this.options, {

			text: l10n.insertIntoPost,

			requires: false

		});

		// Call 'initialize' directly on the parent class.

		Select.prototype.initialize.apply( this, arguments );

		var url = this.controller.state().props.get('url');

		this.get('select').model.set( 'disabled', ! url || url === 'http://' );

		/**

		 * call 'refresh' directly on the parent class

		 */

		Select.prototype.refresh.apply( this, arguments );

/***/ 443:

var View = wp.media.view,

	SiteIconCropper;

 * 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.

 *

 * @memberOf wp.media.view

 * @augments wp.media.view.Cropper

 * @augments wp.media.View

 * @augments wp.Backbone.View

 * @augments Backbone.View

SiteIconCropper = View.Cropper.extend(/** @lends wp.media.view.SiteIconCropper.prototype */{

	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

		});

		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;

/***/ 455:

var MediaFrame = wp.media.view.MediaFrame,

	Select;

 * wp.media.view.MediaFrame.Select

 *

 * A frame for selecting an item or items from the media library.

 *

 * @memberOf wp.media.view.MediaFrame

 * @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

Select = MediaFrame.extend(/** @lends wp.media.view.MediaFrame.Select.prototype */{

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

		if ( ! (selection instanceof wp.media.model.Selection) ) {

			this.options.selection = new wp.media.model.Selection( selection, {

				multiple: this.options.multiple

			});

		}

		this._selection = {

			attachments: new wp.media.model.Attachments(),

			difference: []

		};

	},

	editImageContent: function() {

		var image = this.state().get('image'),

			view = new wp.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();

	},

	/**

	 * Create the default states on the frame.

	 */

	createStates: function() {

		var options = this.options;

		if ( this.options.states ) {

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

			}),

			new wp.media.controller.EditImage( { model: options.editImage } )

		]);

	},

	/**

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

		this.on( 'content:render:edit-image', this.editImageContent, this );

	},

	/**

	 * 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

	},

	/**

	 * 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'),