From 0f7e96328ff50ae5f8010329c3c6cb3db423c624 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Tue, 26 Sep 2023 16:42:59 +0530
Subject: [PATCH] added view transition for smoother theme toggle

---
 components/dist/theme-toggle.js | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/components/dist/theme-toggle.js b/components/dist/theme-toggle.js
index 393fb03..90e64ae 100644
--- a/components/dist/theme-toggle.js
+++ b/components/dist/theme-toggle.js
@@ -102,8 +102,15 @@ class ThemeToggle extends HTMLElement {
     }
 
     toggleState() {
-        this.toggleAttribute('checked');
-        this.fireEvent();
+        if (!document.startViewTransition) {
+            this.toggleAttribute('checked');
+            this.fireEvent();
+            return;
+        }
+        document.startViewTransition(() => {
+            this.toggleAttribute('checked');
+            this.fireEvent();
+        });
     }
     handleKeyDown(e) {
         if (e.key === ' ') {