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 ); $behaviour_attrs = ' data-orientation="' . esc_attr( $orientation ) . '"'; $behaviour_attrs .= ' data-interaction="' . esc_attr( $interaction ) . '"'; $behaviour_attrs .= ' data-position="' . esc_attr( (string) $position ) . '"'; /** * Build one . The "after" image is the flow element that sets the frame * height; the "before" image is absolutely positioned to fill it. * * @param string $url URL. * @param string $alt Alt text. * @param array $img Image attribute (for intrinsic size). * @return string */ $build_img = static function ( $url, $alt, $img ) { $html = ' ' . esc_attr( $alt ) . '

'; }; $after_label_html = $show_labels ? '' . esc_html( $after_label ) . '' : ''; $before_label_html = $show_labels ? '' . esc_html( $before_label ) . '' : ''; $handle_html = '

' . '' . '' . '

'; // Labels sit on the frame itself (not inside the clipped image layers) so both // stay visible at every slider position. $frame_html = '

' . '

' . $build_img( $after_url, $after_alt, $after_image ) . '

' . '

' . $build_img( $before_url, $before_alt, $before_image ) . '

' . $before_label_html . $after_label_html . $handle_html . '

'; printf( '

%4$s

', $wrapper_attributes, // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- built via get_block_wrapper_attributes. $behaviour_attrs, // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- values escaped with esc_attr above. $data_attrs, // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- keys sanitized, values escaped in helper. $frame_html // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- src/alt escaped, labels esc_html'd above. );