improve js quality

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

@@ -1,30 +1,34 @@
 import {tns} from "tiny-slider/src/tiny-slider";
 
-var sliderSimple ;
+var sliderSimple;
 
 document.addEventListener('DOMContentLoaded', () => {
-  try {
-      document.querySelectorAll('.SliderSimple')?.forEach(function (el) {
-          if (el.classList.contains('.tns-slider')){
-              console.log('ignore');
-              return 'ignore';
-          }
-          sliderSimple = tns({
-              container: el,
-              items: 1,
-              autoplay: true,
-              autoplayButton: false,
-              // nextButton: false,
-              controls: false,
-              autoplayHoverPause: true,
-              mouseDrag: true,
-              slideBy: 1,
-              autoplayTimeout: 5000,
-              // speed:10000,
-          });
-      });
-  } catch {
-  }
+    try {
+        if (document.querySelectorAll('.SliderSimple').length != 0) {
+
+            document.querySelectorAll('.SliderSimple')?.forEach(function (el) {
+                if (el.classList.contains('.tns-slider')) {
+                    console.log('ignore');
+                    return 'ignore';
+                }
+                sliderSimple = tns({
+                    container: el,
+                    items: 1,
+                    autoplay: true,
+                    autoplayButton: false,
+                    // nextButton: false,
+                    controls: false,
+                    autoplayHoverPause: true,
+                    mouseDrag: true,
+                    slideBy: 1,
+                    autoplayTimeout: 5000,
+                    // speed:10000,
+                });
+            });
+        }
+
+    } catch {
+    }
 
 
 });