mirror of
https://github.com/WordPress/WordPress.git
synced 2024-09-17 18:11:11 +02:00
3ea8930f37
Welcome to the bundled themes family! Twenty Twenty-One is a blank canvas for your ideas, making the block editor your best brush. Theme development to this point has taken place on GitHub. See: https://github.com/WordPress/twentytwentyone/. Props poena, melchoyce, luminuu, elmastudio, bethsoderberg, williampatton, aristath, jffng, kjellr, jeffikus, audrasjb, fabiankaegy, mukesh27, dingo_d, kellylawrence, acosmin, whyisjake, metodiew, ryelle, nielslange, littlebigthing, mahesh901122, zebulan, kishanjasani, lukecavanagh, scruffian, abhijitrakas, utz119, sudoshreyansh, kau-boy, justinahinon, joostdevalk, bduclos, hareesh-pillai, mager19, rolfsiebers, webmigrates, sresok, guidooffermans, francina, marybaum, hareshlive, navanathbhosale, afercia, richtabor, joyously, sarahricker, nrqsnchz, glauberglauber, sabernhardt, kraftbj, ItsJonQ, joen, CTMartin0, decrecementofeliz, bhautikvirani. See #51526. Built from https://develop.svn.wordpress.org/trunk@49216 git-svn-id: http://core.svn.wordpress.org/trunk@48978 1a063a9b-81f0-0310-95a4-ce76da25c4cd
54 lines
1.5 KiB
JavaScript
54 lines
1.5 KiB
JavaScript
/**
|
|
* 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().
|
|
*/
|
|
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.
|
|
}
|
|
} );
|
|
}
|
|
} );
|