[],
'em' => [],
'b' => [],
'i' => [],
'br' => [],
'span' => [],
];
// Build the stat items.
$items_html = '';
foreach ( array_values( $items ) as $index => $item ) {
if ( ! is_array( $item ) ) {
continue;
}
$number = is_array( $item['number'] ?? null ) ? $item['number'] : [];
$value = trim( (string) ( $number['value'] ?? '' ) );
$prefix = (string) ( $number['prefix'] ?? '' );
$suffix = (string) ( $number['suffix'] ?? '' );
$label = wp_kses( (string) ( $item['label'] ?? '' ), $label_allowed );
if ( '' === $value && '' === trim( wp_strip_all_tags( $label ) ) ) {
continue;
}
// Icon: an uploaded image, or an inline (sanitised) library/builtin glyph.
$icon_html = '';
if ( $show_icon ) {
$icon_cfg = is_array( $item['icon'] ?? null ) ? $item['icon'] : [];
$source = (string) ( $icon_cfg['source'] ?? 'none' );
$markup = (string) ( $icon_cfg['markup'] ?? '' );
$icon_url = (string) ( $icon_cfg['url'] ?? '' );
if ( 'upload' === $source && '' !== $icon_url ) {
$icon_html = ' . ')
';
} elseif ( 'none' !== $source && '' !== $markup ) {
$svg = HTML_Helpers::svg_kses( $markup );
if ( '' !== $svg ) {
$icon_html = '' . $svg . '';
}
}
}
// Number: the value carries data-target so view.js can animate it; the
// numeric part it parses is the value, prefix/suffix are decoration.
$value_attr = ( $count_up && is_numeric( $value ) ) ? ' data-target="' . esc_attr( $value ) . '"' : '';
$number_html = '';
if ( '' !== $prefix ) {
$number_html .= '' . esc_html( $prefix ) . '';
}
$number_html .= '' . esc_html( $value ) . '';
if ( '' !== $suffix ) {
$number_html .= '' . esc_html( $suffix ) . '';
}
$number_html .= '
';
// Icon + number sit on one row when the icon is inline; otherwise the icon
// stacks above the number.
$head_html = ( $icon_inline && '' !== $icon_html )
? '' . $icon_html . $number_html . '
'
: $icon_html . $number_html;
$separator_html = $show_separator ? '' : '';
$label_html = '' !== $label ? '' . $label . '' : '';
$items_html .= '' . $head_html . $separator_html . $label_html . '
';
}
if ( '' === $items_html ) {
return;
}
// Wrapper classes + attributes.
$classes = [ 'flexa-counter' ];
if ( $icon_inline ) {
$classes[] = 'flexa-counter--icon-inline';
}
if ( '' !== $block_id ) {
$classes[] = 'flexa-counter-' . sanitize_html_class( $block_id );
}
$classes = HTML_Helpers::build_wrapper_classes( $classes, $attributes );
$wrapper_args = [ 'class' => implode( ' ', $classes ) ];
if ( $anchor ) {
$wrapper_args['id'] = sanitize_html_class( $anchor );
}
$wrapper_attributes = get_block_wrapper_attributes( $wrapper_args );
$data_attrs = HTML_Helpers::build_data_attrs( $attributes );
// Count-up markers for view.js.
$counter_attrs = '';
if ( $count_up ) {
$duration = max( 200, min( 20000, $duration ) );
$counter_attrs = ' data-flexa-counter data-duration="' . esc_attr( (string) $duration ) . '"';
}
// Lazy background marker.
$background = $attributes['background'] ?? [];
$is_lazy_bg = ! empty( $background['lazyLoad'] ) && 'image' === ( $background['type'] ?? 'none' ) && '' !== ( $background['image']['url'] ?? '' );
$lazy_marker = $is_lazy_bg ? ' data-flexa-lazy-bg' : '';
printf(
'<%1$s %2$s%3$s%4$s%5$s>%6$s
',
esc_html( $html_tag ),
$wrapper_attributes, // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- built via get_block_wrapper_attributes.
$data_attrs, // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- keys sanitized, values escaped in helper.
$counter_attrs, // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- static keys, values esc_attr'd above.
$lazy_marker, // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- static literal.
$items_html // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- label wp_kses'd, value/affix esc_html'd, icon svg_kses'd above.
);