';
}
// Add icon for top/left/right positions
if ( ! empty( $icon_html ) && in_array( $icon_position, array( 'top', 'left', 'right' ) ) ) {
$output .= $icon_html;
}
// Desc classes
$desc_classes = array( 'vcex-milestone-desc' );
// Open description element
$output .= '
';
// Number classes
$number_classes = array(
'vcex-milestone-number',
'wpex-leading-none',
);
if ( ! $number_weight ) {
$number_classes[] = 'wpex-font-semibold';
}
if ( ! $number_color ) {
$number_classes[] = 'wpex-text-gray-400';
}
$number_classes = (array) apply_filters( 'vcex_milestone_number_class', $number_classes );
// Load custom font
vcex_enqueue_font( $number_font_family );
// Number Style
$number_style = vcex_inline_style( array(
'color' => $number_color,
'font_size' => $number_size,
'margin_bottom' => $number_bottom_margin,
'font_weight' => $number_weight,
'font_family' => $number_font_family,
) );
// Display number
$output .= '
';
if ( $before || 'true' == $enable_icon ) {
$output .= '';
if ( ! empty( $icon_html ) && 'inline' == $icon_position ) {
$output .= $icon_html;
}
$output .= esc_html( do_shortcode( $before ) );
$output .= '';
}
// Get milestone js options
$startval = floatval( do_shortcode( $startval ) );
$startval = $startval ? $startval : 0;
$settings = array(
'startVal' => $startval,
'endVal' => floatval( do_shortcode( $number ) ),
'duration' => $speed ? $speed : 2.5,
'decimals' => intval( $decimals ),
'separator' => wp_strip_all_tags( $separator ),
'decimal' => wp_strip_all_tags( $decimal ),
);
// Output milestone number
if ( 'true' === $animated || 'yes' === $animated ) {
$output .= '' . $startval . '';
} else {
$output .= '' . esc_html( do_shortcode( $number ) ) . '';
}
// Display after text if defined
if ( $after ) {
$output .= '' . esc_html( do_shortcode( $after ) ) . '';
}
// Close number/after container
$output .= '
';
// Display caption
if ( ! empty( $caption ) ) {
// Caption classes
$caption_classes = array(
'vcex-milestone-caption',
'wpex-mt-5',
);
if ( ! $caption_font ) {
$caption_classes[] = 'wpex-font-light';
}
if ( ! $caption_size ) {
$caption_classes[] = 'wpex-text-lg';
}
if ( ! $caption_color ) {
$caption_classes[] = 'wpex-text-gray-500';
}
$caption_classes = (array) apply_filters( 'vcex_milestone_caption_class', $caption_classes );
// Load custom font
if ( $caption_font_family ) {
vcex_enqueue_google_font( $caption_font_family );
}
// Caption Style
$caption_style = vcex_inline_style( array(
'font_family' => $caption_font_family,
'color' => $caption_color,
'font_size' => $caption_size,
'font_weight' => $caption_font,
) );
// Display caption
$output .= '
';
} // end caption
$output .= '
'; // end desc
// Close flex container
if ( 'left' === $icon_position || 'right' === $icon_position ) {
$output .= '