{"version":3,"sources":["app.js"],"names":["registerComponents","components","$","onLoad","context","arguments","length","undefined","document","elementsToFadeInUpOnScroll","Document","config","querySelectorAll","rangeInput","window","addEventListener","forEach","element","positionFromTop","getBoundingClientRect","top","innerHeight","classList","add","link","e","preventDefault","href","getAttribute","target","querySelector","offsetTop","currentElement","offsetParent","scroll","behavior","priceInput","range","menu","input","minVal","parseInt","Math","floor","value","maxVal","ceil","textContent","style","left","max","right","addClass","closest","find","MmenuLight","drawer","navigation","slidingSubmenus","title","offcanvas","position","open"],"mappings":"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","file":"app.js","sourcesContent":["import 'bootstrap.collapse';\r\nimport { registerComponents } from 'component-utils';\r\nimport components from 'core-components';\r\nimport 'fancybox';\r\nimport 'global';\r\nimport $ from 'jquery';\r\nimport '/assets/theme/js/mmenu-light.js?v=2';\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    const elementsToFadeInUpOnScroll = context.querySelectorAll('.scroll-reveal');\r\n\r\n    if (elementsToFadeInUpOnScroll.length > 0) {\r\n        window.addEventListener('scroll', () => {\r\n            elementsToFadeInUpOnScroll.forEach(element => {\r\n                let positionFromTop = element.getBoundingClientRect().top;\r\n\r\n                if (positionFromTop <= window.innerHeight && positionFromTop >= 0)\r\n                    element.classList.add('fade-in-up');\r\n            });\r\n        });\r\n    }\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\r\n            const href = link.getAttribute('href'); // Use 'link' instead of 'this'.\r\n            const target = context.querySelector(href);\r\n\r\n            // Calculate the offsetTop including the offset of all parent elements.\r\n            let offsetTop = target.offsetTop;\r\n            let currentElement = target;\r\n\r\n            while (currentElement.offsetParent !== null) {\r\n                currentElement = currentElement.offsetParent;\r\n                offsetTop += currentElement.offsetTop;\r\n            }\r\n\r\n            window.scroll({\r\n                top: offsetTop,\r\n                behavior: 'smooth'\r\n            });\r\n        });\r\n    });\r\n\r\n    // Price Slider\r\n    const rangeInput = context.querySelectorAll(\".price-slider .range-input input\"),\r\n          priceInput = context.querySelectorAll(\".price-slider .price-input input\"),\r\n          range = context.querySelector(\".price-slider .slider .progress\");\r\n\r\n    rangeInput.forEach(input => {\r\n        input.addEventListener(\"input\", e => {\r\n            let minVal = parseInt(Math.floor(rangeInput[0].value)),\r\n                maxVal = parseInt(Math.ceil(rangeInput[1].value));\r\n\r\n            // Check if minVal is greater than maxVal\r\n            if (minVal > maxVal) {\r\n                if (e.target === rangeInput[0]) {\r\n                    // If min slider is moved above max, set min to max\r\n                    minVal = maxVal;\r\n                    rangeInput[0].value = minVal;\r\n                } else {\r\n                    // If max slider is moved below min, set max to min\r\n                    maxVal = minVal;\r\n                    rangeInput[1].value = maxVal;\r\n                }\r\n            }\r\n\r\n            // Setting the value based on the input range slider.\r\n            priceInput[0].value = minVal;\r\n            priceInput[1].value = maxVal;\r\n\r\n            // Setting the slider values\r\n            context.querySelector(\".price-slider .min-price-text\").textContent = minVal;\r\n            context.querySelector(\".price-slider .max-price-text\").textContent = maxVal;\r\n\r\n            // Only works the first time\r\n            range.style.left = ((minVal / rangeInput[0].max) * 100) + \"%\";\r\n            range.style.right = 100 - (maxVal / rangeInput[1].max) * 100 + \"%\";\r\n        });\r\n    });\r\n\r\n    // Show body text mobile read more (Shop only).\r\n    context.querySelectorAll('.read-more-body').forEach(link => {\r\n        link.addEventListener('click', e => {\r\n            e.preventDefault();\r\n\r\n            $(e.target).addClass('hide-btn');\r\n            $(e.target).closest('.body-text-wrapper').find('.body-text').addClass('show-body');\r\n        });\r\n    });\r\n\r\n    // Scroll to top of page.\r\n    context.querySelectorAll('.scroll-to-top').forEach(link => {\r\n        link.addEventListener('click', e => {\r\n            window.scroll({\r\n                top: 0,\r\n                behavior: 'smooth'\r\n            });\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', e => {\r\n            e.preventDefault();\r\n            drawer.open();\r\n        });\r\n}"]}