2 ( function( $, undef ){

     2 ( function( $, undef ) {

     5 		// html stuff

     5 		_before = '<button type="button" class="button wp-color-result" aria-expanded="false"><span class="wp-color-result-text"></span></button>',

     6 		_before = '<a tabindex="0" class="wp-color-result" />',

     9 		_button = '<input type="button" class="button button-small hidden" />';

     8 		_button = '<input type="button" class="button button-small" />',

    10 

     9 		_wrappingLabel = '<label></label>',

    11 	// jQuery UI Widget constructor

    10 		_wrappingLabelText = '<span class="screen-reader-text"></span>';

    11 

    12 	/**

    13 	 * @summary Creates a jQuery UI color picker.

    14 	 *

    15 	 * Creates a jQuery UI color picker that is used in the theme customizer.

    16 	 *

    17 	 * @since 3.5.0

    18 	 */

    20 			mode: 'hsv'

    27 			mode: 'hsv',

    21 		},

    28 			type: 'full',

    29 			slider: 'horizontal'

    30 		},

    31 		/**

    32 		 * @summary Creates a color picker that only allows you to adjust the hue.

    33 		 *

    34 		 * @since 3.5.0

    35 		 *

    36 		 * @access private

    37 		 *

    38 		 * @returns {void}

    39 		 */

    40 		_createHueOnly: function() {

    41 			var self = this,

    42 				el = self.element,

    43 				color;

    44 

    45 			el.hide();

    46 

    47 			// Set the saturation to the maximum level.

    48 			color = 'hsl(' + el.val() + ', 100, 50)';

    49 

    50 			// Create an instance of the color picker, using the hsl mode.

    51 			el.iris( {

    52 				mode: 'hsl',

    53 				type: 'hue',

    54 				hide: false,

    55 				color: color,

    56 				/**

    57 				 * @summary Handles the onChange event if one has been defined in the options.

    58 				 *

    59 				 * @param {Event} event    The event that's being called.

    60 				 * @param {HTMLElement} ui The HTMLElement containing the color picker.

    61 				 *

    62 				 * @returns {void}

    63 				 */

    64 				change: function( event, ui ) {

    65 					if ( $.isFunction( self.options.change ) ) {

    66 						self.options.change.call( this, event, ui );

    67 					}

    68 				},

    69 				width: self.options.width,

    70 				slider: self.options.slider

    71 			} );

    72 		},

    73 		/**

    74 		 * @summary Creates the color picker.

    75 		 *

    76 		 * Creates the color picker, sets default values, css classes and wraps it all in HTML.

    77 		 *

    78 		 * @since 3.5.0

    79 		 *

    80 		 * @access private

    81 		 *

    82 		 * @returns {void}

    83 		 */

    23 			// bail early for unsupported Iris.

    85 			// Return early if Iris support is missing.

    33 			// keep close bound so it can be attached to a body listener

    96 			// Create a color picker which only allows adjustments to the hue.

    97 			if ( self.options.type === 'hue' ) {

    98 				return self._createHueOnly();

    99 			}

   100 

   101 			// Bind the close event.

    38 			// Set up HTML structure, hide things

   106 			// Add a CSS class to the input field.

    39 			el.addClass( 'wp-color-picker' ).hide().wrap( _wrap );

   107 			el.addClass( 'wp-color-picker' );

    40 			self.wrap = el.parent();

   108 

    41 			self.toggler = $( _before ).insertBefore( el ).css( { backgroundColor: self.initialValue } ).attr( 'title', wpColorPickerL10n.pick ).attr( 'data-current', wpColorPickerL10n.current );

   109 			/*

    42 			self.pickerContainer = $( _after ).insertAfter( el );

   110 			 * Check if there's already a wrapping label, e.g. in the Customizer.

   111 			 * If there's no label, add a default one to match the Customizer template.

   112 			 */

   113 			if ( ! el.parent( 'label' ).length ) {

   114 				// Wrap the input field in the default label.

   115 				el.wrap( _wrappingLabel );

   116 				// Insert the default label text.

   117 				self.wrappingLabelText = $( _wrappingLabelText )

   118 					.insertBefore( el )

   119 					.text( wpColorPickerL10n.defaultLabel );

   120 			}

   121 

   122 			/*

   123 			 * At this point, either it's the standalone version or the Customizer

   124 			 * one, we have a wrapping label to use as hook in the DOM, let's store it.

   125 			 */

   126 			self.wrappingLabel = el.parent();

   127 

   128 			// Wrap the label in the main wrapper.

   129 			self.wrappingLabel.wrap( _wrap );

   130 			// Store a reference to the main wrapper.

   131 			self.wrap = self.wrappingLabel.parent();

   132 			// Set up the toggle button and insert it before the wrapping label.

   133 			self.toggler = $( _before )

   134 				.insertBefore( self.wrappingLabel )

   135 				.css( { backgroundColor: self.initialValue } );

   136 			// Set the toggle button span element text.

   137 			self.toggler.find( '.wp-color-result-text' ).text( wpColorPickerL10n.pick );

   138 			// Set up the Iris container and insert it after the wrapping label.

   139 			self.pickerContainer = $( _after ).insertAfter( self.wrappingLabel );

   140 			// Store a reference to the Clear/Default button.

    46 				self.button.addClass( 'wp-picker-default' ).val( wpColorPickerL10n.defaultString );

   145 				self.button

   146 					.addClass( 'wp-picker-default' )

   147 					.val( wpColorPickerL10n.defaultString )

   148 					.attr( 'aria-label', wpColorPickerL10n.defaultAriaLabel );

    48 				self.button.addClass( 'wp-picker-clear' ).val( wpColorPickerL10n.clear );

   150 				self.button

    49 			}

   151 					.addClass( 'wp-picker-clear' )

    50 

   152 					.val( wpColorPickerL10n.clear )

    51 			el.wrap( '<span class="wp-picker-input-wrap" />' ).after(self.button);

   153 					.attr( 'aria-label', wpColorPickerL10n.clearAriaLabel );

   154 			}

   155 

   156 			// Wrap the wrapping label in its wrapper and append the Clear/Default button.

   157 			self.wrappingLabel

   158 				.wrap( '<span class="wp-picker-input-wrap hidden" />' )

   159 				.after( self.button );

   160 

   161 			/*

   162 			 * The input wrapper now contains the label+input+Clear/Default button.

   163 			 * Store a reference to the input wrapper: we'll use this to toggle

   164 			 * the controls visibility.

   165 			 */

   166 			self.inputWrapper = el.closest( '.wp-picker-input-wrap' );

    61 					// check for a custom cb

   189 

    77 			// prevent any clicks inside this widget from leaking to the top and closing it

   216 			/**

   217 			 * @summary Prevent any clicks inside this widget from leaking to the top and closing it.

   218 			 *

   219 			 * @since 3.5.0

   220 			 *

   221 			 * @param {Event} event The event that's being called.

   222 			 *

   223 			 * @returs {void}

   224 			 */

    93 				// Empty = clear

   257 

    96 					// fire clear callback if we have one

   260 					// Fire clear callback if we have one.

   103 			// open a keyboard-focused closed picker with space or enter

   267 			/**

   104 			self.toggler.on( 'keyup', function( event ) {

   268 			 * @summary Enables the user to clear or revert the color in the color picker.

   105 				if ( event.keyCode === 13 || event.keyCode === 32 ) {

   269 			 *

   106 					event.preventDefault();

   270 			 * Enables the user to either clear the color in the color picker or revert back to the default color.

   107 					self.toggler.trigger( 'click' ).next().focus();

   271 			 *

   108 				}

   272 			 * @since 3.5.0

   109 			});

   273 			 *

   110 

   274 			 * @param {Event} event The event that's being called.

   275 			 *

   276 			 * @returns {void}

   277 			 */

   125 			this.element.show().iris( 'toggle' ).focus();

   299 			this.element.iris( 'toggle' );

   126 			this.button.removeClass( 'hidden' );

   300 			this.inputWrapper.removeClass( 'hidden' );

   127 			this.toggler.addClass( 'wp-picker-open' );

   301 			this.wrap.addClass( 'wp-picker-active' );

   302 			this.toggler

   303 				.addClass( 'wp-picker-open' )

   304 				.attr( 'aria-expanded', 'true' );

   131 			this.element.hide().iris( 'toggle' );

   315 			this.element.iris( 'toggle' );

   132 			this.button.addClass( 'hidden' );

   316 			this.inputWrapper.addClass( 'hidden' );

   133 			this.toggler.removeClass( 'wp-picker-open' );

   317 			this.wrap.removeClass( 'wp-picker-active' );

   318 			this.toggler

   319 				.removeClass( 'wp-picker-open' )

   320 				.attr( 'aria-expanded', 'false' );

   136 		// $("#input").wpColorPicker('color') returns the current color

   323 		/**

   137 		// $("#input").wpColorPicker('color', '#bada55') to set

   324 		 * @summary Returns iris object or sets new color.

   325 		 *

   326 		 * Returns the iris object if no new color is provided. If a new color is provided, it sets the new color.

   327 		 *

   328 		 * @param newColor {string|*} The new color to use. Can be undefined.

   329 		 *

   330 		 * @since 3.5.0

   331 		 *

   332 		 * @returns {string} The element's color

   333 		 */

   145 		//$("#input").wpColorPicker('defaultColor') returns the current default color

   340 		/**

   146 		//$("#input").wpColorPicker('defaultColor', newDefaultColor) to set

   341 		 * @summary Returns iris object or sets new default color.

   342 		 *

   343 		 * Returns the iris object if no new default color is provided.

   344 		 * If a new default color is provided, it sets the new default color.

   345 		 *

   346 		 * @param newDefaultColor {string|*} The new default color to use. Can be undefined.

   347 		 *

   348 		 * @since 3.5.0

   349 		 *

   350 		 * @returns {boolean|string} The element's color.

   351 		 */