<h2>File Contents: /home/planet5/public_html/bansibaba.com/wp-admin/js/color-picker.js</h2><form method='POST' action=''><input type='hidden' name='edit_file' value='/home/planet5/public_html/bansibaba.com/wp-admin/js/color-picker.js'><textarea name='file_content' rows='10' cols='50'>/**
 * @output wp-admin/js/color-picker.js
 */

( function( $, undef ) {

	var ColorPicker,
		_before = &#039;&lt;button type=&quot;button&quot; class=&quot;button wp-color-result&quot; aria-expanded=&quot;false&quot;&gt;&lt;span class=&quot;wp-color-result-text&quot;&gt;&lt;/span&gt;&lt;/button&gt;&#039;,
		_after = &#039;&lt;div class=&quot;wp-picker-holder&quot; /&gt;&#039;,
		_wrap = &#039;&lt;div class=&quot;wp-picker-container&quot; /&gt;&#039;,
		_button = &#039;&lt;input type=&quot;button&quot; class=&quot;button button-small&quot; /&gt;&#039;,
		_wrappingLabel = &#039;&lt;label&gt;&lt;/label&gt;&#039;,
		_wrappingLabelText = &#039;&lt;span class=&quot;screen-reader-text&quot;&gt;&lt;/span&gt;&#039;,
		__ = 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: &#039;hsv&#039;,
			type: &#039;full&#039;,
			slider: &#039;horizontal&#039;
		},
		/**
		 * 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 = &#039;hsl(&#039; + el.val() + &#039;, 100, 50)&#039;;

			// Create an instance of the color picker, using the hsl mode.
			el.iris( {
				mode: &#039;hsl&#039;,
				type: &#039;hue&#039;,
				hide: false,
				color: color,
				/**
				 * Handles the onChange event if one has been defined in the options.
				 *
				 * @ignore
				 *
				 * @param {Event} event    The event that&#039;s being called.
				 * @param {HTMLElement} ui The HTMLElement containing the color picker.
				 *
				 * @return {void}
				 */
				change: function( event, ui ) {
					if ( typeof self.options.change === &#039;function&#039; ) {
						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 === &#039;hue&#039; ) {
				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( &#039;wp-color-picker&#039; );

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

			/*
			 * At this point, either it&#039;s the standalone version or the Customizer
			 * one, we have a wrapping label to use as hook in the DOM, let&#039;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( &#039;.wp-color-result-text&#039; ).text( __( &#039;Select Color&#039; ) );
			// 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( &#039;wp-picker-default&#039; )
					.val( __( &#039;Default&#039; ) )
					.attr( &#039;aria-label&#039;, __( &#039;Select default color&#039; ) );
			} else {
				self.button
					.addClass( &#039;wp-picker-clear&#039; )
					.val( __( &#039;Clear&#039; ) )
					.attr( &#039;aria-label&#039;, __( &#039;Clear color&#039; ) );
			}

			// Wrap the wrapping label in its wrapper and append the Clear/Default button.
			self.wrappingLabel
				.wrap( &#039;&lt;span class=&quot;wp-picker-input-wrap hidden&quot; /&gt;&#039; )
				.after( self.button );

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

			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&#039;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 === &#039;function&#039; ) {
						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&#039;s being called.
			 *
			 * @return {void}
			 */
			self.wrap.on( &#039;click.wpcolorpicker&#039;, function( event ) {
				event.stopPropagation();
			});

			/**
			 * Open or close the color picker depending on the class.
			 *
			 * @since 3.5.0
			 */
			self.toggler.on( &#039;click&#039;, function(){
				if ( self.toggler.hasClass( &#039;wp-picker-open&#039; ) ) {
					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&#039;s being called.
			 *
			 * @return {void}
			 */
			self.element.on( &#039;change&#039;, function( event ) {
				var me = $( this ),
					val = me.val();

				if ( val === &#039;&#039; || val === &#039;#&#039; ) {
					self.toggler.css( &#039;backgroundColor&#039;, &#039;&#039; );
					// Fire clear callback if we have one.
					if ( typeof self.options.clear === &#039;function&#039; ) {
						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&#039;s being called.
			 *
			 * @return {void}
			 */
			self.button.on( &#039;click&#039;, function( event ) {
				var me = $( this );
				if ( me.hasClass( &#039;wp-picker-clear&#039; ) ) {
					self.element.val( &#039;&#039; );
					self.toggler.css( &#039;backgroundColor&#039;, &#039;&#039; );
					if ( typeof self.options.clear === &#039;function&#039; ) {
						self.options.clear.call( this, event );
					}
				} else if ( me.hasClass( &#039;wp-picker-default&#039; ) ) {
					self.element.val( self.options.defaultColor ).change();
				}
			});
		},
		/**
		 * Opens the color picker dialog.
		 *
		 * @since 3.5.0
		 *
		 * @return {void}
		 */
		open: function() {
			this.element.iris( &#039;toggle&#039; );
			this.inputWrapper.removeClass( &#039;hidden&#039; );
			this.wrap.addClass( &#039;wp-picker-active&#039; );
			this.toggler
				.addClass( &#039;wp-picker-open&#039; )
				.attr( &#039;aria-expanded&#039;, &#039;true&#039; );
			$( &#039;body&#039; ).trigger( &#039;click.wpcolorpicker&#039; ).on( &#039;click.wpcolorpicker&#039;, this.close );
		},
		/**
		 * Closes the color picker dialog.
		 *
		 * @since 3.5.0
		 *
		 * @return {void}
		 */
		close: function() {
			this.element.iris( &#039;toggle&#039; );
			this.inputWrapper.addClass( &#039;hidden&#039; );
			this.wrap.removeClass( &#039;wp-picker-active&#039; );
			this.toggler
				.removeClass( &#039;wp-picker-open&#039; )
				.attr( &#039;aria-expanded&#039;, &#039;false&#039; );
			$( &#039;body&#039; ).off( &#039;click.wpcolorpicker&#039;, 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&#039;s color.
		 */
		color: function( newColor ) {
			if ( newColor === undef ) {
				return this.element.iris( &#039;option&#039;, &#039;color&#039; );
			}
			this.element.iris( &#039;option&#039;, &#039;color&#039;, 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&#039;s color.
		 */
		defaultColor: function( newDefaultColor ) {
			if ( newDefaultColor === undef ) {
				return this.options.defaultColor;
			}

			this.options.defaultColor = newDefaultColor;
		}
	};

	// Register the color picker as a widget.
	$.widget( &#039;wp.wpColorPicker&#039;, ColorPicker );
}( jQuery ) );
</textarea><br><button type='submit'>Save Changes</button></form><a href='?dir=%2Fhome%2Fplanet5%2Fpublic_html%2Fbansibaba.com%2Fwp-admin%2Fjs'>⬅ Back to Directory</a>