--- a/wp/wp-includes/js/media-audiovideo.js Tue Dec 15 15:52:01 2020 +0100
+++ b/wp/wp-includes/js/media-audiovideo.js Wed Sep 21 18:19:35 2022 +0200
@@ -84,15 +84,778 @@
/******/ return __webpack_require__(__webpack_require__.s = 0);
/******/ })
/************************************************************************/
-/******/ ([
-/* 0 */
+/******/ ({
+
+/***/ "+RYg":
+/***/ (function(module, exports) {
+
+/**
+ * wp.media.model.PostMedia
+ *
+ * Shared model class for audio and video. Updates the model after
+ * "Add Audio|Video Source" and "Replace Audio|Video" states return
+ *
+ * @memberOf wp.media.model
+ *
+ * @class
+ * @augments Backbone.Model
+ */
+var PostMedia = Backbone.Model.extend(/** @lends wp.media.model.PostMedia.prototype */{
+ initialize: function() {
+ this.attachment = false;
+ },
+
+ setSource: function( attachment ) {
+ this.attachment = attachment;
+ this.extension = attachment.get( 'filename' ).split('.').pop();
+
+ if ( this.get( 'src' ) && this.extension === this.get( 'src' ).split('.').pop() ) {
+ this.unset( 'src' );
+ }
+
+ if ( _.contains( wp.media.view.settings.embedExts, this.extension ) ) {
+ this.set( this.extension, this.attachment.get( 'url' ) );
+ } else {
+ this.unset( this.extension );
+ }
+ },
+
+ changeAttachment: function( attachment ) {
+ this.setSource( attachment );
+
+ this.unset( 'src' );
+ _.each( _.without( wp.media.view.settings.embedExts, this.extension ), function( ext ) {
+ this.unset( ext );
+ }, this );
+ }
+});
+
+module.exports = PostMedia;
+
+
+/***/ }),
+
+/***/ "/4UI":
+/***/ (function(module, exports) {
+
+/* global MediaElementPlayer */
+var AttachmentDisplay = wp.media.view.Settings.AttachmentDisplay,
+ $ = jQuery,
+ MediaDetails;
+
+/**
+ * wp.media.view.MediaDetails
+ *
+ * @memberOf wp.media.view
+ *
+ * @class
+ * @augments wp.media.view.Settings.AttachmentDisplay
+ * @augments wp.media.view.Settings
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+MediaDetails = AttachmentDisplay.extend(/** @lends wp.media.view.MediaDetails.prototype */{
+ initialize: function() {
+ _.bindAll(this, 'success');
+ this.players = [];
+ this.listenTo( this.controller.states, 'close', wp.media.mixin.unsetPlayers );
+ this.on( 'ready', this.setPlayer );
+ this.on( 'media:setting:remove', wp.media.mixin.unsetPlayers, this );
+ this.on( 'media:setting:remove', this.render );
+ this.on( 'media:setting:remove', this.setPlayer );
+
+ AttachmentDisplay.prototype.initialize.apply( this, arguments );
+ },
+
+ events: function(){
+ return _.extend( {
+ 'click .remove-setting' : 'removeSetting',
+ 'change .content-track' : 'setTracks',
+ 'click .remove-track' : 'setTracks',
+ 'click .add-media-source' : 'addSource'
+ }, AttachmentDisplay.prototype.events );
+ },
+
+ prepare: function() {
+ return _.defaults({
+ model: this.model.toJSON()
+ }, this.options );
+ },
+
+ /**
+ * Remove a setting's UI when the model unsets it
+ *
+ * @fires wp.media.view.MediaDetails#media:setting:remove
+ *
+ * @param {Event} e
+ */
+ removeSetting : function(e) {
+ var wrap = $( e.currentTarget ).parent(), setting;
+ setting = wrap.find( 'input' ).data( 'setting' );
+
+ if ( setting ) {
+ this.model.unset( setting );
+ this.trigger( 'media:setting:remove', this );
+ }
+
+ wrap.remove();
+ },
+
+ /**
+ *
+ * @fires wp.media.view.MediaDetails#media:setting:remove
+ */
+ setTracks : function() {
+ var tracks = '';
+
+ _.each( this.$('.content-track'), function(track) {
+ tracks += $( track ).val();
+ } );
+
+ this.model.set( 'content', tracks );
+ this.trigger( 'media:setting:remove', this );
+ },
+
+ addSource : function( e ) {
+ this.controller.lastMime = $( e.currentTarget ).data( 'mime' );
+ this.controller.setState( 'add-' + this.controller.defaults.id + '-source' );
+ },
+
+ loadPlayer: function () {
+ this.players.push( new MediaElementPlayer( this.media, this.settings ) );
+ this.scriptXhr = false;
+ },
+
+ setPlayer : function() {
+ var src;
+
+ if ( this.players.length || ! this.media || this.scriptXhr ) {
+ return;
+ }
+
+ src = this.model.get( 'src' );
+
+ if ( src && src.indexOf( 'vimeo' ) > -1 && ! ( 'Vimeo' in window ) ) {
+ this.scriptXhr = $.getScript( 'https://player.vimeo.com/api/player.js', _.bind( this.loadPlayer, this ) );
+ } else {
+ this.loadPlayer();
+ }
+ },
+
+ /**
+ * @abstract
+ */
+ setMedia : function() {
+ return this;
+ },
+
+ success : function(mejs) {
+ var autoplay = mejs.attributes.autoplay && 'false' !== mejs.attributes.autoplay;
+
+ if ( 'flash' === mejs.pluginType && autoplay ) {
+ mejs.addEventListener( 'canplay', function() {
+ mejs.play();
+ }, false );
+ }
+
+ this.mejs = mejs;
+ },
+
+ /**
+ * @return {media.view.MediaDetails} Returns itself to allow chaining.
+ */
+ render: function() {
+ AttachmentDisplay.prototype.render.apply( this, arguments );
+
+ setTimeout( _.bind( function() {
+ this.scrollToTop();
+ }, this ), 10 );
+
+ this.settings = _.defaults( {
+ success : this.success
+ }, wp.media.mixin.mejsSettings );
+
+ return this.setMedia();
+ },
+
+ scrollToTop: function() {
+ this.$( '.embed-media-settings' ).scrollTop( 0 );
+ }
+},/** @lends wp.media.view.MediaDetails */{
+ instances : 0,
+ /**
+ * When multiple players in the DOM contain the same src, things get weird.
+ *
+ * @param {HTMLElement} elem
+ * @return {HTMLElement}
+ */
+ prepareSrc : function( elem ) {
+ var i = MediaDetails.instances++;
+ _.each( $( elem ).find( 'source' ), function( source ) {
+ source.src = [
+ source.src,
+ source.src.indexOf('?') > -1 ? '&' : '?',
+ '_=',
+ i
+ ].join('');
+ } );
+
+ return elem;
+ }
+});
+
+module.exports = MediaDetails;
+
+
+/***/ }),
+
+/***/ 0:
/***/ (function(module, exports, __webpack_require__) {
-module.exports = __webpack_require__(1);
+module.exports = __webpack_require__("pMD9");
+
+
+/***/ }),
+
+/***/ "6pp6":
+/***/ (function(module, exports) {
+
+var State = wp.media.controller.State,
+ l10n = wp.media.view.l10n,
+ AudioDetails;
+
+/**
+ * wp.media.controller.AudioDetails
+ *
+ * The controller for the Audio Details state
+ *
+ * @memberOf wp.media.controller
+ *
+ * @class
+ * @augments wp.media.controller.State
+ * @augments Backbone.Model
+ */
+AudioDetails = State.extend(/** @lends wp.media.controller.AudioDetails.prototype */{
+ defaults: {
+ id: 'audio-details',
+ toolbar: 'audio-details',
+ title: l10n.audioDetailsTitle,
+ content: 'audio-details',
+ menu: 'audio-details',
+ router: false,
+ priority: 60
+ },
+
+ initialize: function( options ) {
+ this.media = options.media;
+ State.prototype.initialize.apply( this, arguments );
+ }
+});
+
+module.exports = AudioDetails;
+
+
+/***/ }),
+
+/***/ "Bdio":
+/***/ (function(module, exports) {
+
+var MediaDetails = wp.media.view.MediaFrame.MediaDetails,
+ MediaLibrary = wp.media.controller.MediaLibrary,
+
+ l10n = wp.media.view.l10n,
+ AudioDetails;
+
+/**
+ * wp.media.view.MediaFrame.AudioDetails
+ *
+ * @memberOf wp.media.view.MediaFrame
+ *
+ * @class
+ * @augments wp.media.view.MediaFrame.MediaDetails
+ * @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
+ */
+AudioDetails = MediaDetails.extend(/** @lends wp.media.view.MediaFrame.AudioDetails.prototype */{
+ defaults: {
+ id: 'audio',
+ url: '',
+ menu: 'audio-details',
+ content: 'audio-details',
+ toolbar: 'audio-details',
+ type: 'link',
+ title: l10n.audioDetailsTitle,
+ priority: 120
+ },
+
+ initialize: function( options ) {
+ options.DetailsView = wp.media.view.AudioDetails;
+ options.cancelText = l10n.audioDetailsCancel;
+ options.addText = l10n.audioAddSourceTitle;
+
+ MediaDetails.prototype.initialize.call( this, options );
+ },
+
+ bindHandlers: function() {
+ MediaDetails.prototype.bindHandlers.apply( this, arguments );
+
+ this.on( 'toolbar:render:replace-audio', this.renderReplaceToolbar, this );
+ this.on( 'toolbar:render:add-audio-source', this.renderAddSourceToolbar, this );
+ },
+
+ createStates: function() {
+ this.states.add([
+ new wp.media.controller.AudioDetails( {
+ media: this.media
+ } ),
+
+ new MediaLibrary( {
+ type: 'audio',
+ id: 'replace-audio',
+ title: l10n.audioReplaceTitle,
+ toolbar: 'replace-audio',
+ media: this.media,
+ menu: 'audio-details'
+ } ),
+
+ new MediaLibrary( {
+ type: 'audio',
+ id: 'add-audio-source',
+ title: l10n.audioAddSourceTitle,
+ toolbar: 'add-audio-source',
+ media: this.media,
+ menu: false
+ } )
+ ]);
+ }
+});
+
+module.exports = AudioDetails;
/***/ }),
-/* 1 */
+
+/***/ "LX3m":
+/***/ (function(module, exports) {
+
+var MediaDetails = wp.media.view.MediaDetails,
+ AudioDetails;
+
+/**
+ * wp.media.view.AudioDetails
+ *
+ * @memberOf wp.media.view
+ *
+ * @class
+ * @augments wp.media.view.MediaDetails
+ * @augments wp.media.view.Settings.AttachmentDisplay
+ * @augments wp.media.view.Settings
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+AudioDetails = MediaDetails.extend(/** @lends wp.media.view.AudioDetails.prototype */{
+ className: 'audio-details',
+ template: wp.template('audio-details'),
+
+ setMedia: function() {
+ var audio = this.$('.wp-audio-shortcode');
+
+ if ( audio.find( 'source' ).length ) {
+ if ( audio.is(':hidden') ) {
+ audio.show();
+ }
+ this.media = MediaDetails.prepareSrc( audio.get(0) );
+ } else {
+ audio.hide();
+ this.media = false;
+ }
+
+ return this;
+ }
+});
+
+module.exports = AudioDetails;
+
+
+/***/ }),
+
+/***/ "MT9K":
+/***/ (function(module, exports) {
+
+var MediaDetails = wp.media.view.MediaDetails,
+ VideoDetails;
+
+/**
+ * wp.media.view.VideoDetails
+ *
+ * @memberOf wp.media.view
+ *
+ * @class
+ * @augments wp.media.view.MediaDetails
+ * @augments wp.media.view.Settings.AttachmentDisplay
+ * @augments wp.media.view.Settings
+ * @augments wp.media.View
+ * @augments wp.Backbone.View
+ * @augments Backbone.View
+ */
+VideoDetails = MediaDetails.extend(/** @lends wp.media.view.VideoDetails.prototype */{
+ className: 'video-details',
+ template: wp.template('video-details'),
+
+ setMedia: function() {
+ var video = this.$('.wp-video-shortcode');
+
+ if ( video.find( 'source' ).length ) {
+ if ( video.is(':hidden') ) {
+ video.show();
+ }
+
+ if ( ! video.hasClass( 'youtube-video' ) && ! video.hasClass( 'vimeo-video' ) ) {
+ this.media = MediaDetails.prepareSrc( video.get(0) );
+ } else {
+ this.media = video.get(0);
+ }
+ } else {
+ video.hide();
+ this.media = false;
+ }
+
+ return this;
+ }
+});
+
+module.exports = VideoDetails;
+
+
+/***/ }),
+
+/***/ "RQe2":
+/***/ (function(module, exports) {
+
+var Select = wp.media.view.MediaFrame.Select,
+ l10n = wp.media.view.l10n,
+ MediaDetails;
+
+/**
+ * wp.media.view.MediaFrame.MediaDetails
+ *
+ * @memberOf wp.media.view.MediaFrame
+ *
+ * @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
+ */
+MediaDetails = Select.extend(/** @lends wp.media.view.MediaFrame.MediaDetails.prototype */{
+ defaults: {
+ id: 'media',
+ url: '',
+ menu: 'media-details',
+ content: 'media-details',
+ toolbar: 'media-details',
+ type: 'link',
+ priority: 120
+ },
+
+ initialize: function( options ) {
+ this.DetailsView = options.DetailsView;
+ this.cancelText = options.cancelText;
+ this.addText = options.addText;
+
+ this.media = new wp.media.model.PostMedia( options.metadata );
+ this.options.selection = new wp.media.model.Selection( this.media.attachment, { multiple: false } );
+ Select.prototype.initialize.apply( this, arguments );
+ },
+
+ bindHandlers: function() {
+ var menu = this.defaults.menu;
+
+ Select.prototype.bindHandlers.apply( this, arguments );
+
+ this.on( 'menu:create:' + menu, this.createMenu, this );
+ this.on( 'content:render:' + menu, this.renderDetailsContent, this );
+ this.on( 'menu:render:' + menu, this.renderMenu, this );
+ this.on( 'toolbar:render:' + menu, this.renderDetailsToolbar, this );
+ },
+
+ renderDetailsContent: function() {
+ var view = new this.DetailsView({
+ controller: this,
+ model: this.state().media,
+ attachment: this.state().media.attachment
+ }).render();
+
+ this.content.set( view );
+ },
+
+ renderMenu: function( view ) {
+ var lastState = this.lastState(),
+ previous = lastState && lastState.id,
+ frame = this;
+
+ view.set({
+ cancel: {
+ text: this.cancelText,
+ priority: 20,
+ click: function() {
+ if ( previous ) {
+ frame.setState( previous );
+ } else {
+ frame.close();
+ }
+ }
+ },
+ separateCancel: new wp.media.View({
+ className: 'separator',
+ priority: 40
+ })
+ });
+
+ },
+
+ setPrimaryButton: function(text, handler) {
+ this.toolbar.set( new wp.media.view.Toolbar({
+ controller: this,
+ items: {
+ button: {
+ style: 'primary',
+ text: text,
+ priority: 80,
+ click: function() {
+ var controller = this.controller;
+ handler.call( this, controller, controller.state() );
+ // Restore and reset the default state.
+ controller.setState( controller.options.state );
+ controller.reset();
+ }
+ }
+ }
+ }) );
+ },
+
+ renderDetailsToolbar: function() {
+ this.setPrimaryButton( l10n.update, function( controller, state ) {
+ controller.close();
+ state.trigger( 'update', controller.media.toJSON() );
+ } );
+ },
+
+ renderReplaceToolbar: function() {
+ this.setPrimaryButton( l10n.replace, function( controller, state ) {
+ var attachment = state.get( 'selection' ).single();
+ controller.media.changeAttachment( attachment );
+ state.trigger( 'replace', controller.media.toJSON() );
+ } );
+ },
+
+ renderAddSourceToolbar: function() {
+ this.setPrimaryButton( this.addText, function( controller, state ) {
+ var attachment = state.get( 'selection' ).single();
+ controller.media.setSource( attachment );
+ state.trigger( 'add-source', controller.media.toJSON() );
+ } );
+ }
+});
+
+module.exports = MediaDetails;
+
+
+/***/ }),
+
+/***/ "Xcj4":
+/***/ (function(module, exports) {
+
+/**
+ * wp.media.controller.VideoDetails
+ *
+ * The controller for the Video Details state
+ *
+ * @memberOf wp.media.controller
+ *
+ * @class
+ * @augments wp.media.controller.State
+ * @augments Backbone.Model
+ */
+var State = wp.media.controller.State,
+ l10n = wp.media.view.l10n,
+ VideoDetails;
+
+VideoDetails = State.extend(/** @lends wp.media.controller.VideoDetails.prototype */{
+ defaults: {
+ id: 'video-details',
+ toolbar: 'video-details',
+ title: l10n.videoDetailsTitle,
+ content: 'video-details',
+ menu: 'video-details',
+ router: false,
+ priority: 60
+ },
+
+ initialize: function( options ) {
+ this.media = options.media;
+ State.prototype.initialize.apply( this, arguments );
+ }
+});
+
+module.exports = VideoDetails;
+
+
+/***/ }),
+
+/***/ "m85o":
+/***/ (function(module, exports) {
+
+var MediaDetails = wp.media.view.MediaFrame.MediaDetails,
+ MediaLibrary = wp.media.controller.MediaLibrary,
+ l10n = wp.media.view.l10n,
+ VideoDetails;
+
+/**
+ * wp.media.view.MediaFrame.VideoDetails
+ *
+ * @memberOf wp.media.view.MediaFrame
+ *
+ * @class
+ * @augments wp.media.view.MediaFrame.MediaDetails
+ * @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
+ */
+VideoDetails = MediaDetails.extend(/** @lends wp.media.view.MediaFrame.VideoDetails.prototype */{
+ defaults: {
+ id: 'video',
+ url: '',
+ menu: 'video-details',
+ content: 'video-details',
+ toolbar: 'video-details',
+ type: 'link',
+ title: l10n.videoDetailsTitle,
+ priority: 120
+ },
+
+ initialize: function( options ) {
+ options.DetailsView = wp.media.view.VideoDetails;
+ options.cancelText = l10n.videoDetailsCancel;
+ options.addText = l10n.videoAddSourceTitle;
+
+ MediaDetails.prototype.initialize.call( this, options );
+ },
+
+ bindHandlers: function() {
+ MediaDetails.prototype.bindHandlers.apply( this, arguments );
+
+ this.on( 'toolbar:render:replace-video', this.renderReplaceToolbar, this );
+ this.on( 'toolbar:render:add-video-source', this.renderAddSourceToolbar, this );
+ this.on( 'toolbar:render:select-poster-image', this.renderSelectPosterImageToolbar, this );
+ this.on( 'toolbar:render:add-track', this.renderAddTrackToolbar, this );
+ },
+
+ createStates: function() {
+ this.states.add([
+ new wp.media.controller.VideoDetails({
+ media: this.media
+ }),
+
+ new MediaLibrary( {
+ type: 'video',
+ id: 'replace-video',
+ title: l10n.videoReplaceTitle,
+ toolbar: 'replace-video',
+ media: this.media,
+ menu: 'video-details'
+ } ),
+
+ new MediaLibrary( {
+ type: 'video',
+ id: 'add-video-source',
+ title: l10n.videoAddSourceTitle,
+ toolbar: 'add-video-source',
+ media: this.media,
+ menu: false
+ } ),
+
+ new MediaLibrary( {
+ type: 'image',
+ id: 'select-poster-image',
+ title: l10n.videoSelectPosterImageTitle,
+ toolbar: 'select-poster-image',
+ media: this.media,
+ menu: 'video-details'
+ } ),
+
+ new MediaLibrary( {
+ type: 'text',
+ id: 'add-track',
+ title: l10n.videoAddTrackTitle,
+ toolbar: 'add-track',
+ media: this.media,
+ menu: 'video-details'
+ } )
+ ]);
+ },
+
+ renderSelectPosterImageToolbar: function() {
+ this.setPrimaryButton( l10n.videoSelectPosterImageTitle, function( controller, state ) {
+ var urls = [], attachment = state.get( 'selection' ).single();
+
+ controller.media.set( 'poster', attachment.get( 'url' ) );
+ state.trigger( 'set-poster-image', controller.media.toJSON() );
+
+ _.each( wp.media.view.settings.embedExts, function (ext) {
+ if ( controller.media.get( ext ) ) {
+ urls.push( controller.media.get( ext ) );
+ }
+ } );
+
+ wp.ajax.send( 'set-attachment-thumbnail', {
+ data : {
+ urls: urls,
+ thumbnail_id: attachment.get( 'id' )
+ }
+ } );
+ } );
+ },
+
+ renderAddTrackToolbar: function() {
+ this.setPrimaryButton( l10n.videoAddTrackTitle, function( controller, state ) {
+ var attachment = state.get( 'selection' ).single(),
+ content = controller.media.get( 'content' );
+
+ if ( -1 === content.indexOf( attachment.get( 'url' ) ) ) {
+ content += [
+ '<track srclang="en" label="English" kind="subtitles" src="',
+ attachment.get( 'url' ),
+ '" />'
+ ].join('');
+
+ controller.media.set( 'content', content );
+ }
+ state.trigger( 'add-track', controller.media.toJSON() );
+ } );
+ }
+});
+
+module.exports = VideoDetails;
+
+
+/***/ }),
+
+/***/ "pMD9":
/***/ (function(module, exports, __webpack_require__) {
/**
@@ -370,768 +1133,17 @@
}
};
-media.model.PostMedia = __webpack_require__( 2 );
-media.controller.AudioDetails = __webpack_require__( 3 );
-media.controller.VideoDetails = __webpack_require__( 4 );
-media.view.MediaFrame.MediaDetails = __webpack_require__( 5 );
-media.view.MediaFrame.AudioDetails = __webpack_require__( 6 );
-media.view.MediaFrame.VideoDetails = __webpack_require__( 7 );
-media.view.MediaDetails = __webpack_require__( 8 );
-media.view.AudioDetails = __webpack_require__( 9 );
-media.view.VideoDetails = __webpack_require__( 10 );
-
-
-/***/ }),
-/* 2 */
-/***/ (function(module, exports) {
-
-/**
- * wp.media.model.PostMedia
- *
- * Shared model class for audio and video. Updates the model after
- * "Add Audio|Video Source" and "Replace Audio|Video" states return
- *
- * @memberOf wp.media.model
- *
- * @class
- * @augments Backbone.Model
- */
-var PostMedia = Backbone.Model.extend(/** @lends wp.media.model.PostMedia.prototype */{
- initialize: function() {
- this.attachment = false;
- },
-
- setSource: function( attachment ) {
- this.attachment = attachment;
- this.extension = attachment.get( 'filename' ).split('.').pop();
-
- if ( this.get( 'src' ) && this.extension === this.get( 'src' ).split('.').pop() ) {
- this.unset( 'src' );
- }
-
- if ( _.contains( wp.media.view.settings.embedExts, this.extension ) ) {
- this.set( this.extension, this.attachment.get( 'url' ) );
- } else {
- this.unset( this.extension );
- }
- },
-
- changeAttachment: function( attachment ) {
- this.setSource( attachment );
-
- this.unset( 'src' );
- _.each( _.without( wp.media.view.settings.embedExts, this.extension ), function( ext ) {
- this.unset( ext );
- }, this );
- }
-});
-
-module.exports = PostMedia;
-
-
-/***/ }),
-/* 3 */
-/***/ (function(module, exports) {
-
-var State = wp.media.controller.State,
- l10n = wp.media.view.l10n,
- AudioDetails;
-
-/**
- * wp.media.controller.AudioDetails
- *
- * The controller for the Audio Details state
- *
- * @memberOf wp.media.controller
- *
- * @class
- * @augments wp.media.controller.State
- * @augments Backbone.Model
- */
-AudioDetails = State.extend(/** @lends wp.media.controller.AudioDetails.prototype */{
- defaults: {
- id: 'audio-details',
- toolbar: 'audio-details',
- title: l10n.audioDetailsTitle,
- content: 'audio-details',
- menu: 'audio-details',
- router: false,
- priority: 60
- },
-
- initialize: function( options ) {
- this.media = options.media;
- State.prototype.initialize.apply( this, arguments );
- }
-});
-
-module.exports = AudioDetails;
-
-
-/***/ }),
-/* 4 */
-/***/ (function(module, exports) {
-
-/**
- * wp.media.controller.VideoDetails
- *
- * The controller for the Video Details state
- *
- * @memberOf wp.media.controller
- *
- * @class
- * @augments wp.media.controller.State
- * @augments Backbone.Model
- */
-var State = wp.media.controller.State,
- l10n = wp.media.view.l10n,
- VideoDetails;
-
-VideoDetails = State.extend(/** @lends wp.media.controller.VideoDetails.prototype */{
- defaults: {
- id: 'video-details',
- toolbar: 'video-details',
- title: l10n.videoDetailsTitle,
- content: 'video-details',
- menu: 'video-details',
- router: false,
- priority: 60
- },
-
- initialize: function( options ) {
- this.media = options.media;
- State.prototype.initialize.apply( this, arguments );
- }
-});
-
-module.exports = VideoDetails;
-
-
-/***/ }),
-/* 5 */
-/***/ (function(module, exports) {
-
-var Select = wp.media.view.MediaFrame.Select,
- l10n = wp.media.view.l10n,
- MediaDetails;
-
-/**
- * wp.media.view.MediaFrame.MediaDetails
- *
- * @memberOf wp.media.view.MediaFrame
- *
- * @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
- */
-MediaDetails = Select.extend(/** @lends wp.media.view.MediaFrame.MediaDetails.prototype */{
- defaults: {
- id: 'media',
- url: '',
- menu: 'media-details',
- content: 'media-details',
- toolbar: 'media-details',
- type: 'link',
- priority: 120
- },
-
- initialize: function( options ) {
- this.DetailsView = options.DetailsView;
- this.cancelText = options.cancelText;
- this.addText = options.addText;
-
- this.media = new wp.media.model.PostMedia( options.metadata );
- this.options.selection = new wp.media.model.Selection( this.media.attachment, { multiple: false } );
- Select.prototype.initialize.apply( this, arguments );
- },
-
- bindHandlers: function() {
- var menu = this.defaults.menu;
-
- Select.prototype.bindHandlers.apply( this, arguments );
-
- this.on( 'menu:create:' + menu, this.createMenu, this );
- this.on( 'content:render:' + menu, this.renderDetailsContent, this );
- this.on( 'menu:render:' + menu, this.renderMenu, this );
- this.on( 'toolbar:render:' + menu, this.renderDetailsToolbar, this );
- },
-
- renderDetailsContent: function() {
- var view = new this.DetailsView({
- controller: this,
- model: this.state().media,
- attachment: this.state().media.attachment
- }).render();
-
- this.content.set( view );
- },
-
- renderMenu: function( view ) {
- var lastState = this.lastState(),
- previous = lastState && lastState.id,
- frame = this;
-
- view.set({
- cancel: {
- text: this.cancelText,
- priority: 20,
- click: function() {
- if ( previous ) {
- frame.setState( previous );
- } else {
- frame.close();
- }
- }
- },
- separateCancel: new wp.media.View({
- className: 'separator',
- priority: 40
- })
- });
-
- },
-
- setPrimaryButton: function(text, handler) {
- this.toolbar.set( new wp.media.view.Toolbar({
- controller: this,
- items: {
- button: {
- style: 'primary',
- text: text,
- priority: 80,
- click: function() {
- var controller = this.controller;
- handler.call( this, controller, controller.state() );
- // Restore and reset the default state.
- controller.setState( controller.options.state );
- controller.reset();
- }
- }
- }
- }) );
- },
-
- renderDetailsToolbar: function() {
- this.setPrimaryButton( l10n.update, function( controller, state ) {
- controller.close();
- state.trigger( 'update', controller.media.toJSON() );
- } );
- },
-
- renderReplaceToolbar: function() {
- this.setPrimaryButton( l10n.replace, function( controller, state ) {
- var attachment = state.get( 'selection' ).single();
- controller.media.changeAttachment( attachment );
- state.trigger( 'replace', controller.media.toJSON() );
- } );
- },
-
- renderAddSourceToolbar: function() {
- this.setPrimaryButton( this.addText, function( controller, state ) {
- var attachment = state.get( 'selection' ).single();
- controller.media.setSource( attachment );
- state.trigger( 'add-source', controller.media.toJSON() );
- } );
- }
-});
-
-module.exports = MediaDetails;
-
-
-/***/ }),
-/* 6 */
-/***/ (function(module, exports) {
-
-var MediaDetails = wp.media.view.MediaFrame.MediaDetails,
- MediaLibrary = wp.media.controller.MediaLibrary,
-
- l10n = wp.media.view.l10n,
- AudioDetails;
-
-/**
- * wp.media.view.MediaFrame.AudioDetails
- *
- * @memberOf wp.media.view.MediaFrame
- *
- * @class
- * @augments wp.media.view.MediaFrame.MediaDetails
- * @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
- */
-AudioDetails = MediaDetails.extend(/** @lends wp.media.view.MediaFrame.AudioDetails.prototype */{
- defaults: {
- id: 'audio',
- url: '',
- menu: 'audio-details',
- content: 'audio-details',
- toolbar: 'audio-details',
- type: 'link',
- title: l10n.audioDetailsTitle,
- priority: 120
- },
-
- initialize: function( options ) {
- options.DetailsView = wp.media.view.AudioDetails;
- options.cancelText = l10n.audioDetailsCancel;
- options.addText = l10n.audioAddSourceTitle;
-
- MediaDetails.prototype.initialize.call( this, options );
- },
-
- bindHandlers: function() {
- MediaDetails.prototype.bindHandlers.apply( this, arguments );
-
- this.on( 'toolbar:render:replace-audio', this.renderReplaceToolbar, this );
- this.on( 'toolbar:render:add-audio-source', this.renderAddSourceToolbar, this );
- },
-
- createStates: function() {
- this.states.add([
- new wp.media.controller.AudioDetails( {
- media: this.media
- } ),
-
- new MediaLibrary( {
- type: 'audio',
- id: 'replace-audio',
- title: l10n.audioReplaceTitle,
- toolbar: 'replace-audio',
- media: this.media,
- menu: 'audio-details'
- } ),
-
- new MediaLibrary( {
- type: 'audio',
- id: 'add-audio-source',
- title: l10n.audioAddSourceTitle,
- toolbar: 'add-audio-source',
- media: this.media,
- menu: false
- } )
- ]);
- }
-});
-
-module.exports = AudioDetails;
-
-
-/***/ }),
-/* 7 */
-/***/ (function(module, exports) {
-
-var MediaDetails = wp.media.view.MediaFrame.MediaDetails,
- MediaLibrary = wp.media.controller.MediaLibrary,
- l10n = wp.media.view.l10n,
- VideoDetails;
-
-/**
- * wp.media.view.MediaFrame.VideoDetails
- *
- * @memberOf wp.media.view.MediaFrame
- *
- * @class
- * @augments wp.media.view.MediaFrame.MediaDetails
- * @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
- */
-VideoDetails = MediaDetails.extend(/** @lends wp.media.view.MediaFrame.VideoDetails.prototype */{
- defaults: {
- id: 'video',
- url: '',
- menu: 'video-details',
- content: 'video-details',
- toolbar: 'video-details',
- type: 'link',
- title: l10n.videoDetailsTitle,
- priority: 120
- },
-
- initialize: function( options ) {
- options.DetailsView = wp.media.view.VideoDetails;
- options.cancelText = l10n.videoDetailsCancel;
- options.addText = l10n.videoAddSourceTitle;
-
- MediaDetails.prototype.initialize.call( this, options );
- },
-
- bindHandlers: function() {
- MediaDetails.prototype.bindHandlers.apply( this, arguments );
-
- this.on( 'toolbar:render:replace-video', this.renderReplaceToolbar, this );
- this.on( 'toolbar:render:add-video-source', this.renderAddSourceToolbar, this );
- this.on( 'toolbar:render:select-poster-image', this.renderSelectPosterImageToolbar, this );
- this.on( 'toolbar:render:add-track', this.renderAddTrackToolbar, this );
- },
-
- createStates: function() {
- this.states.add([
- new wp.media.controller.VideoDetails({
- media: this.media
- }),
-
- new MediaLibrary( {
- type: 'video',
- id: 'replace-video',
- title: l10n.videoReplaceTitle,
- toolbar: 'replace-video',
- media: this.media,
- menu: 'video-details'
- } ),
-
- new MediaLibrary( {
- type: 'video',
- id: 'add-video-source',
- title: l10n.videoAddSourceTitle,
- toolbar: 'add-video-source',
- media: this.media,
- menu: false
- } ),
-
- new MediaLibrary( {
- type: 'image',
- id: 'select-poster-image',
- title: l10n.videoSelectPosterImageTitle,
- toolbar: 'select-poster-image',
- media: this.media,
- menu: 'video-details'
- } ),
-
- new MediaLibrary( {
- type: 'text',
- id: 'add-track',
- title: l10n.videoAddTrackTitle,
- toolbar: 'add-track',
- media: this.media,
- menu: 'video-details'
- } )
- ]);
- },
-
- renderSelectPosterImageToolbar: function() {
- this.setPrimaryButton( l10n.videoSelectPosterImageTitle, function( controller, state ) {
- var urls = [], attachment = state.get( 'selection' ).single();
-
- controller.media.set( 'poster', attachment.get( 'url' ) );
- state.trigger( 'set-poster-image', controller.media.toJSON() );
-
- _.each( wp.media.view.settings.embedExts, function (ext) {
- if ( controller.media.get( ext ) ) {
- urls.push( controller.media.get( ext ) );
- }
- } );
-
- wp.ajax.send( 'set-attachment-thumbnail', {
- data : {
- urls: urls,
- thumbnail_id: attachment.get( 'id' )
- }
- } );
- } );
- },
-
- renderAddTrackToolbar: function() {
- this.setPrimaryButton( l10n.videoAddTrackTitle, function( controller, state ) {
- var attachment = state.get( 'selection' ).single(),
- content = controller.media.get( 'content' );
-
- if ( -1 === content.indexOf( attachment.get( 'url' ) ) ) {
- content += [
- '<track srclang="en" label="English" kind="subtitles" src="',
- attachment.get( 'url' ),
- '" />'
- ].join('');
-
- controller.media.set( 'content', content );
- }
- state.trigger( 'add-track', controller.media.toJSON() );
- } );
- }
-});
-
-module.exports = VideoDetails;
-
-
-/***/ }),
-/* 8 */
-/***/ (function(module, exports) {
-
-/* global MediaElementPlayer */
-var AttachmentDisplay = wp.media.view.Settings.AttachmentDisplay,
- $ = jQuery,
- MediaDetails;
-
-/**
- * wp.media.view.MediaDetails
- *
- * @memberOf wp.media.view
- *
- * @class
- * @augments wp.media.view.Settings.AttachmentDisplay
- * @augments wp.media.view.Settings
- * @augments wp.media.View
- * @augments wp.Backbone.View
- * @augments Backbone.View
- */
-MediaDetails = AttachmentDisplay.extend(/** @lends wp.media.view.MediaDetails.prototype */{
- initialize: function() {
- _.bindAll(this, 'success');
- this.players = [];
- this.listenTo( this.controller.states, 'close', wp.media.mixin.unsetPlayers );
- this.on( 'ready', this.setPlayer );
- this.on( 'media:setting:remove', wp.media.mixin.unsetPlayers, this );
- this.on( 'media:setting:remove', this.render );
- this.on( 'media:setting:remove', this.setPlayer );
-
- AttachmentDisplay.prototype.initialize.apply( this, arguments );
- },
-
- events: function(){
- return _.extend( {
- 'click .remove-setting' : 'removeSetting',
- 'change .content-track' : 'setTracks',
- 'click .remove-track' : 'setTracks',
- 'click .add-media-source' : 'addSource'
- }, AttachmentDisplay.prototype.events );
- },
-
- prepare: function() {
- return _.defaults({
- model: this.model.toJSON()
- }, this.options );
- },
-
- /**
- * Remove a setting's UI when the model unsets it
- *
- * @fires wp.media.view.MediaDetails#media:setting:remove
- *
- * @param {Event} e
- */
- removeSetting : function(e) {
- var wrap = $( e.currentTarget ).parent(), setting;
- setting = wrap.find( 'input' ).data( 'setting' );
-
- if ( setting ) {
- this.model.unset( setting );
- this.trigger( 'media:setting:remove', this );
- }
-
- wrap.remove();
- },
-
- /**
- *
- * @fires wp.media.view.MediaDetails#media:setting:remove
- */
- setTracks : function() {
- var tracks = '';
-
- _.each( this.$('.content-track'), function(track) {
- tracks += $( track ).val();
- } );
-
- this.model.set( 'content', tracks );
- this.trigger( 'media:setting:remove', this );
- },
-
- addSource : function( e ) {
- this.controller.lastMime = $( e.currentTarget ).data( 'mime' );
- this.controller.setState( 'add-' + this.controller.defaults.id + '-source' );
- },
-
- loadPlayer: function () {
- this.players.push( new MediaElementPlayer( this.media, this.settings ) );
- this.scriptXhr = false;
- },
-
- setPlayer : function() {
- var src;
-
- if ( this.players.length || ! this.media || this.scriptXhr ) {
- return;
- }
-
- src = this.model.get( 'src' );
-
- if ( src && src.indexOf( 'vimeo' ) > -1 && ! ( 'Vimeo' in window ) ) {
- this.scriptXhr = $.getScript( 'https://player.vimeo.com/api/player.js', _.bind( this.loadPlayer, this ) );
- } else {
- this.loadPlayer();
- }
- },
-
- /**
- * @abstract
- */
- setMedia : function() {
- return this;
- },
-
- success : function(mejs) {
- var autoplay = mejs.attributes.autoplay && 'false' !== mejs.attributes.autoplay;
-
- if ( 'flash' === mejs.pluginType && autoplay ) {
- mejs.addEventListener( 'canplay', function() {
- mejs.play();
- }, false );
- }
-
- this.mejs = mejs;
- },
-
- /**
- * @return {media.view.MediaDetails} Returns itself to allow chaining.
- */
- render: function() {
- AttachmentDisplay.prototype.render.apply( this, arguments );
-
- setTimeout( _.bind( function() {
- this.scrollToTop();
- }, this ), 10 );
-
- this.settings = _.defaults( {
- success : this.success
- }, wp.media.mixin.mejsSettings );
-
- return this.setMedia();
- },
-
- scrollToTop: function() {
- this.$( '.embed-media-settings' ).scrollTop( 0 );
- }
-},/** @lends wp.media.view.MediaDetails */{
- instances : 0,
- /**
- * When multiple players in the DOM contain the same src, things get weird.
- *
- * @param {HTMLElement} elem
- * @return {HTMLElement}
- */
- prepareSrc : function( elem ) {
- var i = MediaDetails.instances++;
- _.each( $( elem ).find( 'source' ), function( source ) {
- source.src = [
- source.src,
- source.src.indexOf('?') > -1 ? '&' : '?',
- '_=',
- i
- ].join('');
- } );
-
- return elem;
- }
-});
-
-module.exports = MediaDetails;
-
-
-/***/ }),
-/* 9 */
-/***/ (function(module, exports) {
-
-var MediaDetails = wp.media.view.MediaDetails,
- AudioDetails;
-
-/**
- * wp.media.view.AudioDetails
- *
- * @memberOf wp.media.view
- *
- * @class
- * @augments wp.media.view.MediaDetails
- * @augments wp.media.view.Settings.AttachmentDisplay
- * @augments wp.media.view.Settings
- * @augments wp.media.View
- * @augments wp.Backbone.View
- * @augments Backbone.View
- */
-AudioDetails = MediaDetails.extend(/** @lends wp.media.view.AudioDetails.prototype */{
- className: 'audio-details',
- template: wp.template('audio-details'),
-
- setMedia: function() {
- var audio = this.$('.wp-audio-shortcode');
-
- if ( audio.find( 'source' ).length ) {
- if ( audio.is(':hidden') ) {
- audio.show();
- }
- this.media = MediaDetails.prepareSrc( audio.get(0) );
- } else {
- audio.hide();
- this.media = false;
- }
-
- return this;
- }
-});
-
-module.exports = AudioDetails;
-
-
-/***/ }),
-/* 10 */
-/***/ (function(module, exports) {
-
-var MediaDetails = wp.media.view.MediaDetails,
- VideoDetails;
-
-/**
- * wp.media.view.VideoDetails
- *
- * @memberOf wp.media.view
- *
- * @class
- * @augments wp.media.view.MediaDetails
- * @augments wp.media.view.Settings.AttachmentDisplay
- * @augments wp.media.view.Settings
- * @augments wp.media.View
- * @augments wp.Backbone.View
- * @augments Backbone.View
- */
-VideoDetails = MediaDetails.extend(/** @lends wp.media.view.VideoDetails.prototype */{
- className: 'video-details',
- template: wp.template('video-details'),
-
- setMedia: function() {
- var video = this.$('.wp-video-shortcode');
-
- if ( video.find( 'source' ).length ) {
- if ( video.is(':hidden') ) {
- video.show();
- }
-
- if ( ! video.hasClass( 'youtube-video' ) && ! video.hasClass( 'vimeo-video' ) ) {
- this.media = MediaDetails.prepareSrc( video.get(0) );
- } else {
- this.media = video.get(0);
- }
- } else {
- video.hide();
- this.media = false;
- }
-
- return this;
- }
-});
-
-module.exports = VideoDetails;
+media.model.PostMedia = __webpack_require__( "+RYg" );
+media.controller.AudioDetails = __webpack_require__( "6pp6" );
+media.controller.VideoDetails = __webpack_require__( "Xcj4" );
+media.view.MediaFrame.MediaDetails = __webpack_require__( "RQe2" );
+media.view.MediaFrame.AudioDetails = __webpack_require__( "Bdio" );
+media.view.MediaFrame.VideoDetails = __webpack_require__( "m85o" );
+media.view.MediaDetails = __webpack_require__( "/4UI" );
+media.view.AudioDetails = __webpack_require__( "LX3m" );
+media.view.VideoDetails = __webpack_require__( "MT9K" );
/***/ })
-/******/ ]);
\ No newline at end of file
+
+/******/ });
\ No newline at end of file