<?php // Vue template markup; PHP marker keeps PHPCS from treating the file as a possible short-open-tag file. ?>
<div
	class="jet-reviews-field jet-reviews-points-field"
	:class="ratingClass"
>
	<div
		class="jet-reviews-field__label jet-reviews-field__label-before"
		v-if="!isBeforeEmpty"
	>
		<span>{{ before }}</span>
	</div>
	<div class="jet-reviews-field__rating">
		<div class="jet-reviews-points-field__adjuster"></div>
		<div class="jet-reviews-points-field__filled" :style="{ width: preparedRating + '%' }"></div>
		<div class="jet-reviews-points-field__empty" :style="{ width: ( 100 - preparedRating ) + '%' }"></div>
	</div>
	<div
		class="jet-reviews-field__label jet-reviews-field__label-after"
		v-if="!isAfterEmpty"
	>
		<span>{{ after }}</span>
	</div>
</div>
