SWAMPy

✎ CARVE FLESH

EDITING: palette-colorpicker.js

/**
 * Script for our custom colorpicker control.
 *
 * This is copied from wp-admin/js/customize-controls.js
 * with a few tweaks:
 * 		Removed the hue picker script because we don't use it here
 * 		Added the "palettes" argument in wpColorPicker().
 *
 * @since Twenty Twenty-One 1.0
 */
wp.customize.controlConstructor['twenty-twenty-one-color'] = wp.customize.Control.extend( {
	ready: function() {
		var control = this,
			updating = false,
			picker;

picker = this.container.find( '.color-picker-hex' );
		picker.val( control.setting() ).wpColorPicker( {
			palettes: control.params.palette,
			change: function() {
				updating = true;
				control.setting.set( picker.wpColorPicker( 'color' ) );
				updating = false;
			},
			clear: function() {
				updating = true;
				control.setting.set( '' );
				updating = false;
			}
		} );

control.setting.bind( function( value ) {
			// Bail if the update came from the control itself.
			if ( updating ) {
				return;
			}
			picker.val( value );
			picker.wpColorPicker( 'color', value );
		} );

// Collapse color picker when hitting Esc instead of collapsing the current section.
		control.container.on( 'keydown', function( event ) {
			var pickerContainer;
			if ( 27 !== event.which ) { // Esc.
				return;
			}
			pickerContainer = control.container.find( '.wp-picker-container' );
			if ( pickerContainer.hasClass( 'wp-picker-active' ) ) {
				picker.wpColorPicker( 'close' );
				control.container.find( '.wp-color-result' ).focus();
				event.stopPropagation(); // Prevent section from being collapsed.
			}
		} );
	}
} );

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📄 customize-helpers.js	JS	1.1 KB	2023-05-31 03:55	EDIT
📄 customize-preview.js	JS	2.5 KB	2023-05-31 03:55	EDIT
📄 customize.js	JS	1 KB	2023-05-31 03:55	EDIT
📄 dark-mode-toggler.js	JS	2.2 KB	2023-05-31 03:55	EDIT
📄 editor-dark-mode-support.js	JS	1.2 KB	2023-05-31 03:55	EDIT
📄 editor.js	JS	921 B	2023-05-31 03:55	EDIT
📄 palette-colorpicker.js	JS	1.6 KB	2023-05-31 03:55	EDIT
📄 polyfills.js	JS	1.1 KB	2023-05-31 03:55	EDIT
📄 primary-navigation.js	JS	5.9 KB	2023-05-31 03:55	EDIT
📄 responsive-embeds.js	JS	1.1 KB	2023-05-31 03:55	EDIT
📄 skip-link-focus-fix.js	JS	832 B	2023-05-31 03:55	EDIT