NextPreviousButtons.php — WooCommerce 10.9.1

woocommerce / src / Blocks / BlockTypes / NextPreviousButtons.php

woocommerce / src / Blocks / BlockTypes Last commit date

NextPreviousButtons.php

104 lines

1	<?php declare(strict_types=1);
2
3	namespace Automattic\WooCommerce\Blocks\BlockTypes;
4
5	use Automattic\WooCommerce\Blocks\Utils\ProductGalleryUtils;
6	use Automattic\WooCommerce\Blocks\Utils\StyleAttributesUtils;
7
8	/**
9	* NextPreviousButtons class.
10	*/
11	class NextPreviousButtons extends AbstractBlock {
12
13	use EnableBlockJsonAssetsTrait;
14
15	/**
16	* Block name. Block has been initially created for Product Gallery Viewer block
17	* hence the slug is related to this block. But it can be used for other blocks as well.
18	*
19	* @var string
20	*/
21	protected $block_name = 'product-gallery-large-image-next-previous';
22
23	/**
24	* Include and render the block.
25	*
26	* @param array $attributes Block attributes. Default empty array.
27	* @param string $content Block content. Default empty string.
28	* @param WP_Block $block Block instance.
29	* @return string Rendered block type output.
30	*/
31	protected function render( $attributes, $content, $block ) {
32	$iapi_provider = $block->context['iapi/provider'] ?? null;
33
34	if ( empty( $iapi_provider ) ) {
35	return '';
36	}
37
38	$classes_and_styles = StyleAttributesUtils::get_classes_and_styles_by_attributes( $attributes, array(), array( 'align' ) );
39	$vertical_alignment = StyleAttributesUtils::get_align_class_and_style( $attributes );
40
41	$left_arrow_path = 'M6.445 12.005.986 6 6.445-.005l1.11 1.01L3.014 6l4.54 4.995-1.109 1.01Z';
42	$right_arrow_path = 'M1.555-.004 7.014 6l-5.459 6.005-1.11-1.01L4.986 6 .446 1.005l1.109-1.01Z';
43
44	ob_start();
45	?>
46	<div
47	class="wc-block-next-previous-buttons <?php echo esc_attr( $vertical_alignment['class'] ); ?>"
48	data-wp-interactive="<?php echo esc_attr( $iapi_provider ); ?>"
49	data-wp-bind--hidden="context.hideNextPreviousButtons"
50	>
51	<button
52	class="wc-block-next-previous-buttons__button <?php echo esc_attr( $classes_and_styles['classes'] ); ?>"
53	style="<?php echo esc_attr( $classes_and_styles['styles'] ); ?>"
54	data-wp-on--click="actions.onClickPrevious"
55	data-wp-on--keydown="actions.onKeyDownPrevious"
56	data-wp-bind--aria-disabled="context.isDisabledPrevious"
57	data-wp-bind--aria-label="context.ariaLabelPrevious"
58	>
59	<svg
60	class="wc-block-next-previous-buttons__icon wc-block-next-previous-buttons__icon--left"
61	xmlns="http://www.w3.org/2000/svg"
62	width="8"
63	height="12"
64	fill="none"
65	>
66	<path
67	fill="currentColor"
68	fillRule="evenodd"
69	d="<?php echo is_rtl() ? esc_attr( $right_arrow_path ) : esc_attr( $left_arrow_path ); ?>"
70	clipRule="evenodd"
71	/>
72	</svg>
73	</button>
74	<button
75	class="wc-block-next-previous-buttons__button <?php echo esc_attr( $classes_and_styles['classes'] ); ?>"
76	style="<?php echo esc_attr( $classes_and_styles['styles'] ); ?>"
77	data-wp-on--click="actions.onClickNext"
78	data-wp-on--keydown="actions.onKeyDownNext"
79	data-wp-bind--aria-disabled="context.isDisabledNext"
80	data-wp-bind--aria-label="context.ariaLabelNext"
81	>
82	<svg
83	class="wc-block-next-previous-buttons__icon wc-block-next-previous-buttons__icon--right"
84	xmlns="http://www.w3.org/2000/svg"
85	width="8"
86	height="12"
87	fill="none"
88	>
89	<path
90	fill="currentColor"
91	fillRule="evenodd"
92	d="<?php echo is_rtl() ? esc_attr( $left_arrow_path ) : esc_attr( $right_arrow_path ); ?>"
93	clipRule="evenodd"
94	/>
95	</svg>
96	</button>
97	</div>
98	<?php
99	$template = ob_get_clean();
100
101	return $template;
102	}
103	}
104