{"version":3,"sources":["app.js"],"names":["registerComponents","components","onLoad","context","arguments","length","undefined","document","Document","config","querySelectorAll","forEach","link","addEventListener","e","preventDefault","href","getAttribute","offsetTop","querySelector","window","scroll","top","behavior","innerWidth","offsetHeight","innerHeight","style","position","button","input","closest","value","hoverTimeout","listItems","currentActive","menu","classList","add","item","clearTimeout","contains","setTimeout","remove","MmenuLight","drawer","navigation","slidingSubmenus","title","offcanvas","evnt","open","target"],"mappings":"MAAA,2BACA,6CACAA,kBAAA,KAAA,yBACAC,eAAA,wBACA,SAMA,SAAAC,SAAA,IAAAC,EAAA,EAAAC,UAAAC,QAAAC,KAAAA,IAAAF,UAAA,GAAAA,UAAA,GAAAG,SAEAJ,aAAAK,UAAA,CAAA,IAAAC,OAAAT,oBACAA,mBAAAC,UAAA,EAGAE,EAAAO,iBAAA,YAAA,EAAAC,QAAA,SAAAC,GACAA,EAAAC,iBAAA,QAAA,SAAAC,GACAA,EAAAC,eAAA,EACAC,EAAAJ,EAAAK,aAAA,MAAA,EACAC,EAAAf,EAAAgB,cAAAH,CAAA,EAAAE,UAEAE,OAAAC,OAAA,CACAC,IAAAJ,EACAK,SAAA,QACA,CAAA,CACA,CAAA,CACA,CAAA,EAGAhB,SAAAY,cAAA,aAAA,GAGA,KAAAC,OAAAI,YAAAjB,SAAAY,cAAA,aAAA,EAAAM,aAAAL,OAAAM,cACAnB,SAAAY,cAAA,aAAA,EAAAQ,MAAAC,SAAA,UAKArB,SAAAG,iBAAA,kBAAA,EAAAC,QAAA,SAAAkB,GACAA,EAAAhB,iBAAA,QAAA,WACA,IACAiB,EADAD,EAAAE,QAAA,cAAA,EACAZ,cAAA,OAAA,EAEAW,EAAAE,MAAA,CAAAF,EAAAE,OAAA,CAAAH,EAAAZ,aAAA,YAAA,EAEA,CAAAa,EAAAE,MAAA,IACAF,EAAAE,MAAA,EAEA,CAAA,CACA,CAAA,EAxCA,IA4CAC,EADAC,EAAA3B,SAAAG,iBAAA,kCAAA,EAEAyB,EAAAD,EAAA,GA6BAE,GA1BAD,EAAAE,UAAAC,IAAA,QAAA,EAEAJ,EAAAvB,QAAA,SAAA4B,GACAA,EAAA1B,iBAAA,aAAA,WACA2B,aAAAP,CAAA,EAGAM,IAAAJ,GAAAA,EAAAM,SAAAF,CAAA,IACAN,EAAAS,WAAA,WAEAP,EAAAE,UAAAM,OAAA,QAAA,EAGAJ,EAAAF,UAAAC,IAAA,QAAA,EAGAH,EAAAI,CACA,EAAA,GAAA,EAEA,CAAA,EAEAA,EAAA1B,iBAAA,aAAA,WACA2B,aAAAP,CAAA,CACA,CAAA,CACA,CAAA,EAEA,IAAAW,WAAArC,SAAAY,cAAA,cAAA,EAAA,oBAAA,GAOA0B,GALAT,EAAAU,WAAA,CACAC,gBAAA,CAAA,EACAC,MAAA,MACA,CAAA,EAEAZ,EAAAa,UAAA,CACArB,SAAA,MACA,CAAA,GAGArB,SAAAY,cAAA,6BAAA,EACAN,iBAAA,QAAA,SAAAqC,GACAA,EAAAnC,eAAA,EACA8B,EAAAM,KAAA,CACA,CAAA,CACA,CA7FA5C,OAAAA,EAAAA,SAAAM,iBAAA,oBAAA,SAAAC,GAAA,OAAAZ,OAAAY,EAAAsC,MAAA,CAAA,CAAA,SAEAlD,MA2FA","file":"app.js","sourcesContent":["import 'bootstrap.collapse';\r\nimport '/assets/theme/js/mmenu-light.js?v=2';\r\nimport { registerComponents } from 'component-utils';\r\nimport components from 'core-components';\r\nimport 'global';\r\n\r\nonLoad();\r\n\r\ndocument.addEventListener('DOMContentUpdated', e => onLoad(e.target));\r\n\r\nexport function onLoad(context = document) {\r\n    // Register the components (if applicable).\r\n    if (context instanceof Document && config.registerComponents !== false)\r\n        registerComponents(components);\r\n\r\n    // Scroll To\r\n    context.querySelectorAll('.scroll-to').forEach(link => {\r\n        link.addEventListener('click', e => {\r\n            e.preventDefault();\r\n            const href = link.getAttribute('href');\r\n            const offsetTop = context.querySelector(href).offsetTop;\r\n\r\n            window.scroll({\r\n                top: offsetTop,\r\n                behavior: 'smooth'\r\n            });\r\n        });\r\n    });\r\n\r\n    //If sticky box height is greater than device height change it to static\r\n    var stickyBox = document.querySelector('.sticky-box');\r\n\r\n    if (stickyBox) {\r\n        if (window.innerWidth >= 991 && document.querySelector('.sticky-box').offsetHeight > window.innerHeight) {\r\n            document.querySelector('.sticky-box').style.position = 'static';\r\n        }\r\n    }\r\n\r\n    // plus and minus buttons for shop\r\n    document.querySelectorAll('.adjust-quantity').forEach(button => {\r\n        button.addEventListener('click', () => {\r\n            const closestQuantity = button.closest('.sp-quantity');\r\n            const input = closestQuantity.querySelector('input');\r\n\r\n            input.value = +input.value + 1 * +button.getAttribute('data-multi');\r\n\r\n            if (+input.value < 0) {\r\n                input.value = 0;\r\n            }\r\n        });\r\n    });\r\n\r\n    // Trying to add a delay of the car parts menu hover for each li.\r\n    const listItems = document.querySelectorAll('.dropdown-main .dropdown-menu li');\r\n    let hoverTimeout;\r\n    let currentActive = listItems[0]; // Initially, the first <li> is active\r\n\r\n    // Add active class to the first list item by default\r\n    currentActive.classList.add('active');\r\n\r\n    listItems.forEach((item) => {\r\n        item.addEventListener('mouseenter', () => {\r\n            clearTimeout(hoverTimeout);\r\n\r\n            // Check if the current item is different from the active one\r\n            if (item !== currentActive && !currentActive.contains(item)) {\r\n                hoverTimeout = setTimeout(() => {\r\n                    // Remove active class from the previously active list item\r\n                    currentActive.classList.remove('active');\r\n\r\n                    // Add active class to the hovered list item\r\n                    item.classList.add('active');\r\n\r\n                    // Update the current active item\r\n                    currentActive = item;\r\n                }, 100); // Wait for 100 milliseconds before switching\r\n            }\r\n        });\r\n\r\n        item.addEventListener('mouseleave', () => {\r\n            clearTimeout(hoverTimeout);\r\n        });\r\n    });\r\n\r\n    const menu = new MmenuLight(document.querySelector('#menu-navbar'), '(max-width: 992px)');\r\n\r\n    menu.navigation({\r\n        slidingSubmenus: true,\r\n        title: 'Menu'\r\n    });\r\n\r\n    const drawer = menu.offcanvas({\r\n        position: 'left'\r\n    });\r\n\r\n    // Open the menu.\r\n    document.querySelector('button[href=\"#menu-navbar\"]')\r\n        .addEventListener('click', (evnt) => {\r\n            evnt.preventDefault();\r\n            drawer.open();\r\n        });\r\n}"]}