! empty( $attributes['autoplay'] ), 'autoplayDelay' => max( 100, (int) ( $attributes['autoplayDelay'] ?? 3000 ) ), 'pauseOnHover' => ! empty( $attributes['pauseOnHover'] ), 'pauseOnInteraction' => ! empty( $attributes['pauseOnInteraction'] ), 'loop' => ! empty( $attributes['loop'] ), 'speed' => max( 0, (int) ( $attributes['speed'] ?? 500 ) ), 'effect' => $effect, 'spaceBetween' => max( 0, (int) ( $attributes['spaceBetween'] ?? 0 ) ), 'slidesPerView' => [ 'desktop' => max( 1, (int) ( $per_view['desktop'] ?? 1 ) ), 'tablet' => max( 1, (int) ( $per_view['tablet'] ?? 1 ) ), 'mobile' => max( 1, (int) ( $per_view['mobile'] ?? 1 ) ), ], 'navigation' => $show_arrows, 'pagination' => $show_pagination, 'paginationType' => $pagination_type, ]; $classes = [ 'flexa-slides' ]; if ( '' !== $block_id ) { $classes[] = 'flexa-slides-' . sanitize_html_class( $block_id ); } if ( $show_arrows ) { $classes[] = 'flexa-slides--arrows-' . $arrow_position; if ( $arrows_hover ) { $classes[] = 'flexa-slides--arrows-hover'; } } if ( $show_pagination ) { $classes[] = 'flexa-slides--pagination-' . $pag_position; } $classes = HTML_Helpers::build_wrapper_classes( $classes, $attributes ); $wrapper_args = [ 'class' => implode( ' ', $classes ), 'data-flexa-slider' => wp_json_encode( $config ), ]; 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 ); // Default chevron fallbacks when the user hasn't picked a custom arrow icon. $default_prev = ''; $default_next = ''; // Resolve an arrow icon (IconValue-shaped) to already-safe HTML: an escaped // for uploaded artwork, wp_kses'd inline SVG for builtin/library markup, // or the default chevron. Inlined (not a named function) because render.php is // included once per block instance — a top-level function would redeclare. $resolve_arrow = static function ( $icon, string $fallback ): string { $icon = is_array( $icon ) ? $icon : []; $source = (string) ( $icon['source'] ?? 'none' ); if ( 'upload' === $source && '' !== (string) ( $icon['url'] ?? '' ) ) { return '

'; } if ( 'none' !== $source && '' !== (string) ( $icon['markup'] ?? '' ) ) { return HTML_Helpers::svg_kses( (string) $icon['markup'] ); } return HTML_Helpers::svg_kses( $fallback ); }; $prev_icon = $resolve_arrow( $attributes['arrowIconPrev'] ?? [], $default_prev ); $next_icon = $resolve_arrow( $attributes['arrowIconNext'] ?? [], $default_next ); $arrows_html = ''; if ( $show_arrows ) { $arrows_html = '

' . $prev_icon . '

'; $arrows_html .= '

' . $next_icon . '

'; } $pagination_html = $show_pagination ? '

' : ''; // Layout model: a positioned `.flexa-slides__viewport` wraps ONLY the swiper and // the arrows (+ overlay pagination), so arrows anchor to the image's vertical // centre — not to the whole block (which may also carry pagination below). // Arrows live outside `.swiper` so the "outside" gutter is not clipped by // Swiper's own `overflow:hidden`. Pagination sits inside the viewport (overlay) // or after it (below) depending on the chosen position. view.js resolves all of // them by querying from the block root, so their DOM location is free to change. $overlay_pagination = ( $show_pagination && 'inside' === $pag_position ) ? $pagination_html : ''; $below_pagination = ( $show_pagination && 'outside' === $pag_position ) ? $pagination_html : ''; printf( '

%3$s

%4$s%5$s

%6$s

', $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. $content, // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- InnerBlocks content already rendered/escaped by WP. $arrows_html, // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- wp_kses'd SVG + static literals. $overlay_pagination, // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- static literal. $below_pagination // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- static literal. );