{"version":3,"file":"/js/categories-scroll.js","mappings":"AAAAA,SAASC,iBAAiB,oBAAoB,WAC1C,IAAMC,EAAoBF,SAASG,eAAe,qBAC5CC,EAAgBJ,SAASG,eAAe,cACxCE,EAAiBL,SAASG,eAAe,eAsB/C,SAASG,IACL,IAAMC,EAAaL,EAAkBK,WAC/BC,EACFN,EAAkBO,YAAcP,EAAkBQ,YAGhDC,EACFT,EAAkBO,YAAcP,EAAkBQ,YAGtDN,EAAcQ,MAAMC,QAAUF,EAAe,OAAS,OACtDN,EAAeO,MAAMC,QAAUF,EAAe,OAAS,OAEnDA,IAEAP,EAAcQ,MAAME,QAAUC,KAAKC,IAAIT,GAAc,EAAI,IAAM,IAC/DF,EAAeO,MAAME,QACjBC,KAAKC,IAAIR,EAAgBO,KAAKC,IAAIT,IAAe,EAAI,IAAM,IAEvE,CApCAH,EAAcH,iBAAiB,SAAS,WACpCC,EAAkBe,SAAS,CACvBC,IAAK,EACLC,KALa,IAMbC,SAAU,UAElB,IAEAf,EAAeJ,iBAAiB,SAAS,WACrCC,EAAkBe,SAAS,CACvBC,IAAK,EACLC,MAba,IAcbC,SAAU,UAElB,IAyBAd,IAGAJ,EAAkBD,iBAAiB,SAAUK,GAC7Ce,OAAOpB,iBAAiB,SAAUK,EACtC","sources":["webpack:///./resources/js/categories-scroll.js"],"sourcesContent":["document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const categoriesWrapper = document.getElementById(\"categoriesWrapper\");\r\n    const scrollLeftBtn = document.getElementById(\"scrollLeft\");\r\n    const scrollRightBtn = document.getElementById(\"scrollRight\");\r\n\r\n    // Scroll amount (adjust as needed)\r\n    const scrollAmount = 200;\r\n\r\n    scrollLeftBtn.addEventListener(\"click\", function () {\r\n        categoriesWrapper.scrollBy({\r\n            top: 0,\r\n            left: scrollAmount,\r\n            behavior: \"smooth\",\r\n        });\r\n    });\r\n\r\n    scrollRightBtn.addEventListener(\"click\", function () {\r\n        categoriesWrapper.scrollBy({\r\n            top: 0,\r\n            left: -scrollAmount,\r\n            behavior: \"smooth\",\r\n        });\r\n    });\r\n\r\n    // Optional: Hide/show scroll buttons based on scroll position\r\n    function updateScrollButtons() {\r\n        const scrollLeft = categoriesWrapper.scrollLeft;\r\n        const maxScrollLeft =\r\n            categoriesWrapper.scrollWidth - categoriesWrapper.clientWidth;\r\n\r\n        // Check if scrolling is possible\r\n        const isScrollable =\r\n            categoriesWrapper.scrollWidth > categoriesWrapper.clientWidth;\r\n\r\n        // Show/hide buttons based on scrollability\r\n        scrollLeftBtn.style.display = isScrollable ? \"flex\" : \"none\";\r\n        scrollRightBtn.style.display = isScrollable ? \"flex\" : \"none\";\r\n\r\n        if (isScrollable) {\r\n            // Adjust button opacity based on scroll position\r\n            scrollLeftBtn.style.opacity = Math.abs(scrollLeft) > 5 ? \"1\" : \"0\";\r\n            scrollRightBtn.style.opacity =\r\n                Math.abs(maxScrollLeft - Math.abs(scrollLeft)) > 5 ? \"1\" : \"0\";\r\n        }\r\n    }\r\n\r\n    // Initial button state\r\n    updateScrollButtons();\r\n\r\n    // Update button visibility on scroll\r\n    categoriesWrapper.addEventListener(\"scroll\", updateScrollButtons);\r\n    window.addEventListener(\"resize\", updateScrollButtons);\r\n});\r\n"],"names":["document","addEventListener","categoriesWrapper","getElementById","scrollLeftBtn","scrollRightBtn","updateScrollButtons","scrollLeft","maxScrollLeft","scrollWidth","clientWidth","isScrollable","style","display","opacity","Math","abs","scrollBy","top","left","behavior","window"],"sourceRoot":""}