From 3119a75c1903c72945b82287e09d96d5aa4ba5bd Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Tue, 28 May 2024 15:28:20 -0400
Subject: [PATCH] fix ltrs

---
 src/components/carousel/carousel.ts             | 2 +-
 src/components/image-comparer/image-comparer.ts | 2 +-
 src/components/rating/rating.ts                 | 2 +-
 src/components/tree/tree.ts                     | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/carousel/carousel.ts b/src/components/carousel/carousel.ts
index ff03e1577..2671b4c74 100644
--- a/src/components/carousel/carousel.ts
+++ b/src/components/carousel/carousel.ts
@@ -487,7 +487,7 @@ export default class WaCarousel extends WebAwesomeElement {
     const currentPage = this.getCurrentPage();
     const prevEnabled = this.canScrollPrev();
     const nextEnabled = this.canScrollNext();
-    const isLtr = this.localize.dir() === 'ltr';
+    const isLtr = this.matches(':dir(ltr)');
 
     return html`
       <div part="base" class="carousel">
diff --git a/src/components/image-comparer/image-comparer.ts b/src/components/image-comparer/image-comparer.ts
index 5a9f26d99..7c4b8d678 100644
--- a/src/components/image-comparer/image-comparer.ts
+++ b/src/components/image-comparer/image-comparer.ts
@@ -63,7 +63,7 @@ export default class WaImageComparer extends WebAwesomeElement {
   }
 
   private handleKeyDown(event: KeyboardEvent) {
-    const isLtr = this.localize.dir() === 'ltr';
+    const isLtr = this.matches(':dir(ltr)');
     const isRtl = this.matches(':dir(rtl)');
 
     if (['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) {
diff --git a/src/components/rating/rating.ts b/src/components/rating/rating.ts
index 19b5c8bfb..9976a9a4d 100644
--- a/src/components/rating/rating.ts
+++ b/src/components/rating/rating.ts
@@ -106,8 +106,8 @@ export default class WaRating extends WebAwesomeElement {
   }
 
   private handleKeyDown(event: KeyboardEvent) {
+    const isLtr = this.matches(':dir(ltr)');
     const isRtl = this.matches(':dir(rtl)');
-    const isLtr = !isRtl;
     const oldValue = this.value;
 
     if (this.disabled || this.readonly) {
diff --git a/src/components/tree/tree.ts b/src/components/tree/tree.ts
index fd08646a8..5f01f95c9 100644
--- a/src/components/tree/tree.ts
+++ b/src/components/tree/tree.ts
@@ -225,8 +225,8 @@ export default class WaTree extends WebAwesomeElement {
     }
 
     const items = this.getFocusableItems();
+    const isLtr = this.matches(':dir(ltr)');
     const isRtl = this.matches(':dir(rtl)');
-    const isLtr = !isRtl;
 
     if (items.length > 0) {
       event.preventDefault();