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

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

diff --git a/src/components/carousel/carousel.component.ts b/src/components/carousel/carousel.component.ts
index 78547576..e1204736 100644
--- a/src/components/carousel/carousel.component.ts
+++ b/src/components/carousel/carousel.component.ts
@@ -488,7 +488,7 @@ export default class SlCarousel extends ShoelaceElement {
     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.component.ts b/src/components/image-comparer/image-comparer.component.ts
index 02ca1488..2dfcf273 100644
--- a/src/components/image-comparer/image-comparer.component.ts
+++ b/src/components/image-comparer/image-comparer.component.ts
@@ -63,7 +63,7 @@ export default class SlImageComparer extends ShoelaceElement {
   }
 
   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.component.ts b/src/components/rating/rating.component.ts
index f900714c..aefb623e 100644
--- a/src/components/rating/rating.component.ts
+++ b/src/components/rating/rating.component.ts
@@ -108,7 +108,7 @@ export default class SlRating extends ShoelaceElement {
   }
 
   private handleKeyDown(event: KeyboardEvent) {
-    const isLtr = this.localize.dir() === 'ltr';
+    const isLtr = this.matches(':dir(ltr)');
     const isRtl = this.matches(':dir(rtl)');
     const oldValue = this.value;
 
diff --git a/src/components/tree/tree.component.ts b/src/components/tree/tree.component.ts
index 57556e3a..790ca303 100644
--- a/src/components/tree/tree.component.ts
+++ b/src/components/tree/tree.component.ts
@@ -225,7 +225,7 @@ export default class SlTree extends ShoelaceElement {
     }
 
     const items = this.getFocusableItems();
-    const isLtr = this.localize.dir() === 'ltr';
+    const isLtr = this.matches(':dir(ltr)');
     const isRtl = this.matches(':dir(rtl)');
 
     if (items.length > 0) {