improve js quality

app/Http/Controllers/ThemeController.php

@@ -7,10 +7,14 @@ use Illuminate\Http\Request;
 
 class ThemeController extends Controller
 {
+
     //
     public function cssVariables()
     {
         $response = 'main{';
+        if (langIsRTL(app()->getLocale())) {
+            $response .= 'font-feature-settings: "ss01";';
+        }
         foreach (Setting::where('section', 'Theme')->whereNotNull('data')
                      ->get(['value', 'data']) as $color) {
             $data = json_decode($color->data);
@@ -21,9 +25,6 @@ class ThemeController extends Controller
                 }
                 $response .= ';';
             }
-            if (langIsRTL(app()->getLocale())) {
-                $response .= 'font-feature-settings: "ss01";';
-            }
         }
         $response .= '}';
 

resources/views/segments/menu/HomayonMenu/HomayonMenu.js

@@ -20,10 +20,21 @@ const toggleSideMenu = function (e) {
     e.preventDefault();
     if (document.querySelector('.homayon-resp-menu').style.display == 'none'){
         document.querySelector('.homayon-resp-menu').style.display = 'block';
+        setTimeout(function () {
+            document.addEventListener('click', handleDocumentClick);
+        },100);
     }else{
         document.querySelector('.homayon-resp-menu').style.display = 'none';
     }
 };
+
+function handleDocumentClick(e) {
+    const respMenu = document.querySelector('.homayon-resp-menu');
+    if (!respMenu.contains(e.target)) {
+        respMenu.style.display = 'none';
+        document.removeEventListener('click', handleDocumentClick);
+    }
+}
 document.addEventListener('DOMContentLoaded',function () {
     document.querySelector('#homa-toggle-menu')?.addEventListener('click',toggleSideMenu);
 

resources/views/segments/menu/HomayonMenu/HomayonMenu.scss

@@ -335,6 +335,8 @@
 
     /* submenu expandable */
     .homayon-resp-menu{
+        top: 0;
+        box-shadow: var(--xshop-shadow);
         ul{
             li{
                 ul{

resources/views/segments/slider/SliderSimple/SliderSimple.js

@@ -4,6 +4,8 @@ var sliderSimple ;
 
 document.addEventListener('DOMContentLoaded', () => {
     try {
+        if (document.querySelectorAll('.SliderSimple').length != 0) {
+
             document.querySelectorAll('.SliderSimple')?.forEach(function (el) {
                 if (el.classList.contains('.tns-slider')) {
                     console.log('ignore');
@@ -23,6 +25,8 @@ document.addEventListener('DOMContentLoaded', () => {
                     // speed:10000,
                 });
             });
+        }
+
     } catch {
     }