File Editor
Directories:
.. (Back)
Files:
customize-helpers.js
customize-preview.js
customize.js
dark-mode-toggler.js
editor-dark-mode-support.js
editor.js
palette-colorpicker.js
polyfills.js
primary-navigation.js
responsive-embeds.js
skip-link-focus-fix.js
Create New File
Create
Edit File: 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. } } ); } } );
Save Changes
Rename File
Rename