fix(ui5-carousel): prevent negative values in visibleItemsIndices (#13371)

fixes: #13289

Author: duygu-rmdn

packages/main/cypress/specs/Carousel.cy.tsx

@@ -777,4 +777,26 @@ describe("Carousel general interaction", () => {
 
 		cy.get("#outsideButton").should("be.focused");
 	});
+
+	it("visibleItemsIndices should not contain negative values when initial items < itemsPerPage", () => {
+		cy.mount(
+			<Carousel id="dynamicCarousel" itemsPerPage="S1 M2 L3 XL4">
+				<Card>Card 1</Card>
+				<Card>Card 2</Card>
+			</Carousel>
+		);
+
+		cy.viewport(1200, 500);
+
+		cy.get("#dynamicCarousel")
+			.shadow()
+			.find(".ui5-carousel-item:not(.ui5-carousel-item--hidden)")
+			.should("have.length", 2);
+
+		cy.get<Carousel>("#dynamicCarousel")
+			.then($carousel => {
+				const indices = $carousel[0].visibleItemsIndices;
+				expect(indices.every(i => i >= 0), "visibleItemsIndices should not contain negative values").to.be.true;
+			});
+	});
 });

packages/main/src/Carousel.ts

@@ -785,7 +785,7 @@ class Carousel extends UI5Element {
 		}
 
 		if (newItemIndex > items.length - effectiveItemsPerPage) {
-			newItemIndex = items.length	 - effectiveItemsPerPage;
+			newItemIndex = Math.max(0, items.length - effectiveItemsPerPage);
 		}
 		const lastItemIndex = newItemIndex + effectiveItemsPerPage;