<?php
namespace ColibriWP\Theme\Customizer\Controls;
use ColibriWP\Theme\Core\Utils;
class SliderControl extends VueControl {
public $type = 'colibri-slider';
public static function sanitize( $value, $control_data, $default = '' ) {
$to_float = ( Utils::pathGet( $control_data, 'step', 1 ) < 0 );
if ( $to_float ) {
return floatval( $value );
}
return intval( $value );
}
protected function printVueContent() {
?>
<div class="inline-elements-container">
<div class="inline-element">
<el-slider
v-model="value"
:min="min"
:max="max"
:step="step"
@change="setValue"
>
</el-slider>
</div>
<div class="inline-element fit">
<el-input-number
size="small"
v-model="value"
:min="min"
:max="max"
:step="step"
@keyup.native="keyUp"
@change="setValue"
controls-position="right">
</el-input-number>
</div>
</div>
<?php
}
}