From 32f3eb7ebbfa0a3e7fe633d5b1f510d350c3f773 Mon Sep 17 00:00:00 2001
From: Alessandro <misterroot@gmail.com>
Date: Fri, 25 Oct 2024 08:51:06 +0000
Subject: [PATCH] fix(carousel): navigation arrow directionality for ltr/rtl

---
 src/components/carousel/carousel.component.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/carousel/carousel.component.ts b/src/components/carousel/carousel.component.ts
index 6237888c..1cc58130 100644
--- a/src/components/carousel/carousel.component.ts
+++ b/src/components/carousel/carousel.component.ts
@@ -512,7 +512,7 @@ export default class SlCarousel extends ShoelaceElement {
     const currentPage = this.getCurrentPage();
     const prevEnabled = this.canScrollPrev();
     const nextEnabled = this.canScrollNext();
-    const isLtr = this.localize.dir() === 'rtl';
+    const isRtl = this.localize.dir() === 'rtl';
 
     return html`
       <div part="base" class="carousel">
@@ -553,7 +553,7 @@ export default class SlCarousel extends ShoelaceElement {
                   @click=${prevEnabled ? () => this.previous() : null}
                 >
                   <slot name="previous-icon">
-                    <sl-icon library="system" name="${isLtr ? 'chevron-left' : 'chevron-right'}"></sl-icon>
+                    <sl-icon library="system" name="${isRtl ? 'chevron-right' : 'chevron-left'}"></sl-icon>
                   </slot>
                 </button>
 
@@ -570,7 +570,7 @@ export default class SlCarousel extends ShoelaceElement {
                   @click=${nextEnabled ? () => this.next() : null}
                 >
                   <slot name="next-icon">
-                    <sl-icon library="system" name="${isLtr ? 'chevron-right' : 'chevron-left'}"></sl-icon>
+                    <sl-icon library="system" name="${isRtl ? 'chevron-left' : 'chevron-right'}"></sl-icon>
                   </slot>
                 </button>
               </div>