field, array( 'max' => 100, 'min' => 0, 'step' => 1, 'unit' => '', ) ); $is_unit = ( ! empty( $args['unit'] ) ) ? ' csf--is-unit' : ''; echo $this->field_before(); echo '

'; echo '

'; echo 'field_attributes( array( 'class' => 'csf-input-number'. esc_attr( $is_unit ) ) ) .' data-min="'. esc_attr( $args['min'] ) .'" data-max="'. esc_attr( $args['max'] ) .'" data-step="'. esc_attr( $args['step'] ) .'" step="any" />'; echo ( ! empty( $args['unit'] ) ) ? ''. esc_attr( $args['unit'] ) .'' : ''; echo '

'; echo '

'; echo $this->field_after(); } public function enqueue() { if ( ! wp_script_is( 'jquery-ui-slider' ) ) { wp_enqueue_script( 'jquery-ui-slider' ); } } public function output() { $output = ''; $elements = ( is_array( $this->field['output'] ) ) ? $this->field['output'] : array_filter( (array) $this->field['output'] ); $important = ( ! empty( $this->field['output_important'] ) ) ? '!important' : ''; $mode = ( ! empty( $this->field['output_mode'] ) ) ? $this->field['output_mode'] : 'width'; $unit = ( ! empty( $this->field['unit'] ) ) ? $this->field['unit'] : 'px'; if ( ! empty( $elements ) && isset( $this->value ) && $this->value !== '' ) { foreach ( $elements as $key_property => $element ) { if ( is_numeric( $key_property ) ) { if ( $mode ) { $output = implode( ',', $elements ) .'{'. $mode .':'. $this->value . $unit . $important .';}'; } break; } else { $output .= $element .'{'. $key_property .':'. $this->value . $unit . $important .'}'; } } } $this->parent->output_css .= $output; return $output; } } }