{"version":3,"file":"filter-panel.js","mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sGAAsG,QAAQ;AAC9G;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT,KAAK;AACL;AACA;AACA;AACA;AACA,SAAS;AACT,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,I","sources":["webpack://nv-base-template/./src/js/filter-panel.js"],"sourcesContent":["/**\r\n * Filter Panel\r\n * @description : Show filter panel for use on mobile screens\r\n */\r\n\r\nwindow.setUpFilterPanel = function (filterPanelEl) {\r\n    var panelId = filterPanelEl.getAttribute('data-panel-id');\r\n\r\n    var triggerEls = Array.from(document.querySelectorAll(`.js-filter-panel__trigger[data-panel-id='${panelId}']`));\r\n    var closeEls = Array.from(filterPanelEl.querySelectorAll('.js-filter-panel__close'));\r\n    var pageEls = Array.from(filterPanelEl.querySelectorAll('.js-filter-panel__page'));\r\n    var pageButtonEls = Array.from(filterPanelEl.querySelectorAll('.js-filter-panel__page-button'));\r\n\r\n    triggerEls.forEach(function (triggerEl) {\r\n        triggerEl.addEventListener('click', function () {\r\n            filterPanelEl.toggleAttribute('hidden');\r\n        });\r\n    });\r\n\r\n    pageButtonEls.forEach(function (buttonEl) {\r\n        var pageIndexString = buttonEl.getAttribute('data-page-index');\r\n        var pairedPageEl = pageEls.find((pageEl) => pageEl.getAttribute('data-page-index') == pageIndexString);\r\n\r\n        var pageIndex = parseInt(pageIndexString);\r\n\r\n        buttonEl.addEventListener('click', function () {\r\n            pageEls.forEach((pageEl) => pageEl.removeAttribute('data-swipe-dir'));\r\n            var currentlyActivePageEl = pageEls.find((pageEl) => pageEl.classList.contains('is-active'));\r\n            var currentlyActivePageIndex = currentlyActivePageEl ? parseInt(currentlyActivePageEl.getAttribute('data-page-index')) : 0;\r\n            var swipeDir = currentlyActivePageIndex <= pageIndex ? \"left\" : \"right\";\r\n\r\n            if (currentlyActivePageEl) {\r\n                currentlyActivePageEl.setAttribute('data-swipe-dir', swipeDir);\r\n                currentlyActivePageEl.classList.remove('is-active');\r\n            }\r\n            if (pairedPageEl) {\r\n                pairedPageEl.setAttribute('data-swipe-dir', swipeDir);\r\n                pairedPageEl.classList.add('is-active');\r\n            }\r\n        });\r\n    });\r\n\r\n    closeEls.forEach(function (closeEl) {\r\n        closeEl.addEventListener('click', function () {\r\n            filterPanelEl.toggleAttribute('hidden', true);\r\n        });\r\n    });\r\n};\r\n\r\n(function () {\r\n\r\n    var filterPanelEls = Array.from(document.querySelectorAll('.js-filter-panel'));\r\n    filterPanelEls.forEach((filterPanelEl) => window.setUpFilterPanel(filterPanelEl));\r\n\r\n})();"],"names":[],"sourceRoot":""}