'', 'sizes' => [], ]); } /** * Get slider control default settings. * * Retrieve the default settings of the slider control. Used to return the * default settings while initializing the slider control. * * @since 1.0.0 * * @return array Control default settings */ protected function getDefaultSettings() { return array_merge(parent::getDefaultSettings(), [ 'label_block' => true, 'placeholder' => '', 'labels' => [], 'scales' => 0, 'handles' => 'default', 'dynamic' => [ 'categories' => ['number'], 'property' => 'size', ], ]); } /** * Render slider control output in the editor. * * Used to generate the control HTML in the editor using Underscore JS * template. The variables for the class are available using `data` JS * object. * * @since 1.0.0 */ public function contentTemplate() { $control_uid = $this->getControlUid(); ?>
printUnitsTemplate(); ?>
<# if ( isMultiple && ( data.labels.length || data.scales ) ) { #>
<# if ( data.labels.length ) { #>
<# jQuery.each( data.labels, ( index, label ) => { #>
{{{ label }}}
<# } ); #>
<# } if ( data.scales ) { #>
<# for ( var i = 0; i < data.scales; ++i ) { #>
<# } #>
<# } #>
<# } #>
<# if ( ! isMultiple ) { #>
<# } #>
<# if ( data.description ) { #>
{{{ data.description }}}
<# } #>