From ad1eeae2786adf4bef0cb60d5ba33a979155fc26 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Mon, 23 Jun 2025 09:47:47 +0200
Subject: [PATCH] fix: remove conflicting css classes

---
 .../Private/Assets/js/controllers/daytrip_controller.js      | 5 +++--
 .../ep_theme/Resources/Private/Templates/Product/Detail.html | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/controllers/daytrip_controller.js b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/controllers/daytrip_controller.js
index ef1be2cf..092a3d82 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/controllers/daytrip_controller.js
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/controllers/daytrip_controller.js
@@ -55,7 +55,8 @@ export default class extends Controller {
             })
     }
 
-    loadingValueChanged() {
-        this.loadingIndicatorTarget.classList.toggle('hidden', this.loadingValue === false)
+    loadingValueChanged(isLoading) {
+        this.loadingIndicatorTarget.classList.toggle('hidden', false === isLoading)
+        this.loadingIndicatorTarget.classList.toggle('flex', true === isLoading)
     }
 }
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/Detail.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/Detail.html
index 62eba9f2..ad756b44 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/Detail.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/Detail.html
@@ -316,7 +316,7 @@
                 </div>
                 <div class="flex-1 md:pl-4">
                     <div data-daytrip-target="container"></div>
-                    <div class="hidden flex items-center space-x-2"
+                    <div class="hidden items-center space-x-2"
                          data-daytrip-target="loadingIndicator">
                         <span>Loading...</span>
                         <f:image class="block w-4 h-4" src="EXT:ep_theme/Resources/Public/images/ajax-loader-white.gif" alt="Loading"/>