From b3dece37ed56f1ea68eab3c1b6604fff1b135649 Mon Sep 17 00:00:00 2001
From: Yannis Thomopoulos <35526357+ythomop@users.noreply.github.com>
Date: Sat, 15 May 2021 12:59:28 +0300
Subject: [PATCH] Fixes #1201 - Add conditional rendering to Carousel
 indicators

When totalIndicators is below 0 (when the value prop is an empty array) and numScroll !== numVisible, a RangeError is thrown.
---
 src/components/carousel/Carousel.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/carousel/Carousel.vue b/src/components/carousel/Carousel.vue
index d2329fd07..22559a158 100755
--- a/src/components/carousel/Carousel.vue
+++ b/src/components/carousel/Carousel.vue
@@ -40,7 +40,7 @@
 					<span :class="['p-carousel-prev-icon pi', {'pi-chevron-right': !isVertical(),'pi-chevron-down': isVertical()}]"></span>
 				</button>
 			</div>
-			<ul :class="indicatorsContentClasses">
+			<ul v-if="totalIndicators >= 0" :class="indicatorsContentClasses">
 				<li v-for="(indicator, i) of totalIndicators" :key="'p-carousel-indicator-' + i.toString()" :class="['p-carousel-indicator', {'p-highlight': d_page === i}]">
 					<button class="p-link" @click="onIndicatorClick($event, i)" type="button" />
 				</li>