{"version":3,"file":"brochures.js","names":["brochures","handleSearchButton","el","querySelector","addEventListener","RedirectWindow","value","handleFilter","handleSearchButtonClick","handlePageNumber","querySelectorAll","forEach","e","handleButtons","resultsElement","totalPages","parseInt","dataset","prev","currentPage","classList","contains","add","remove","next","select","pageNumber","pageId","brochureGroupTitle","document","resourceAlias","searchQuery","resultsWrapper","url","encodeURIComponent","fetch","then","response","text","data","outerHTML","ScrollToBrochureListings","processor","Run","BrochureCookiePicker","initBlock","brochureModal","top","$","position","window","scrollTo","title","item","brochureModalItem","content","toggle","close","overlay","target"],"sources":["brochures.js"],"mappings":"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","ignoreList":[],"sourcesContent":["var brochures = (() => {\r\n    const initBlock = (el) => {\r\n        handleSearchButton(el);\r\n        handleFilter(el);\r\n        handleSearchButtonClick(el);\r\n        handlePageNumber(el);\r\n        handleButtons(el);\r\n    };    \r\n    \r\n    const handleSearchButton = (el) => {\r\n        el.querySelector(\"#ConveyancingArea\").addEventListener(\"change\",  () =>\r\n            RedirectWindow(el, 1));\r\n        el.querySelector('#SearchQueryTitle').addEventListener(\"change\", () => {\r\n            el.querySelector('#currentSearchQuery').value = el.querySelector('#SearchQueryTitle').value;\r\n        });\r\n    };\r\n\r\n    const handleFilter = (el) => {\r\n        el.querySelector(\"#ResourcesFilter\").addEventListener(\"change\", () =>\r\n            RedirectWindow(el, 1));\r\n    };\r\n    \r\n    const handleSearchButtonClick = (el) => {\r\n        el.querySelector(\"#SearchButton\").addEventListener(\"click\", function () {\r\n            RedirectWindow(el, 1);\r\n        });\r\n    };\r\n    \r\n    const handlePageNumber = (el) => {\r\n        el.querySelectorAll(\"#PageNumber\").forEach(function (e) {\r\n            e.addEventListener(\"change\", () => {\r\n                RedirectWindow(el, e.value);\r\n                });\r\n        });\r\n    };\r\n    \r\n    const handleButtons = (el) => {\r\n        var resultsElement = el.querySelector('[data-brochures-results]');\r\n        const totalPages = parseInt(el.dataset.totalPages);\r\n        el.querySelectorAll('[data-prev-button]').forEach(prev => {\r\n            prev.addEventListener('click', () => {\r\n                const currentPage = parseInt(resultsElement.dataset.currentPage);\r\n                if (prev.classList.contains('disabled') === false){\r\n                    RedirectWindow(el, currentPage - 1);                    \r\n                }\r\n                if ((currentPage - 1) === 1){\r\n                    prev.classList.add('disabled')\r\n                }else{\r\n                    prev.classList.remove('disabled')\r\n                }\r\n                el.querySelectorAll('[data-next-button]').forEach(next => {\r\n                    if ((currentPage - 1) === totalPages){\r\n                        next.classList.add('disabled')\r\n                    }else{\r\n                        next.classList.remove('disabled')\r\n                    }                    \r\n                });\r\n                el.querySelectorAll('[data-page-select]').forEach(select => {\r\n                    select.value = currentPage - 1;\r\n                });\r\n            });\r\n        });\r\n        el.querySelectorAll('[data-next-button]').forEach(next => {\r\n            next.addEventListener('click', () => {\r\n                const currentPage = parseInt(resultsElement.dataset.currentPage);\r\n                if (next.classList.contains('disabled') === false){\r\n                    RedirectWindow(el, currentPage + 1);\r\n                }\r\n                if ((currentPage + 1) === totalPages){\r\n                    next.classList.add('disabled')\r\n                }else{\r\n                    next.classList.remove('disabled')\r\n                }\r\n                el.querySelectorAll('[data-prev-button]').forEach(prev => {                    \r\n                    if ((currentPage + 1) === 1){\r\n                        prev.classList.add('disabled')\r\n                    }else{\r\n                        prev.classList.remove('disabled')\r\n                    }\r\n                });\r\n                el.querySelectorAll('[data-page-select]').forEach(select => {\r\n                    select.value = currentPage + 1;\r\n                });\r\n            });\r\n        });\r\n    }\r\n\r\n    const RedirectWindow = (el, pageNumber) => {        \r\n        const pageId = el.dataset.pageId;\r\n        const brochureGroupTitle = document.querySelector(\"#ConveyancingArea\").value;\r\n        const resourceAlias = document.querySelector(\"#ResourcesFilter\").value;\r\n        const searchQuery = document.querySelector(\"#SearchQueryTitle\").value;        \r\n        const resultsWrapper = el.querySelector('[data-brochures-results]');\r\n        const url = `/umbraco/surface/Brochures/GetUpdatedBrochures?pageNumber=${pageNumber}&pageId=${pageId}&brochureGroupTitle=${encodeURIComponent(brochureGroupTitle)}&resourceAlias=${resourceAlias}&searchQuery=${searchQuery}`;\r\n        fetch(url)\r\n            .then(response => response.text())\r\n            .then(data => {\r\n                resultsWrapper.outerHTML = data;\r\n                document.querySelector('#currentSearchQuery').value = searchQuery;\r\n                ScrollToBrochureListings();\r\n                processor.Run(resultsWrapper);\r\n                new BrochureCookiePicker(el);\r\n            }).then(() => {\r\n                document.querySelectorAll('[data-brochures]').forEach(el => brochures.initBlock(el));\r\n                document.querySelectorAll('[data-brochure-modal]').forEach(el => brochureModal.initBlock(el));\r\n            });\r\n    }\r\n\r\n    const ScrollToBrochureListings = () => {\r\n        var position = $('[data-brochures-results]').position();\r\n        var top = position.top;\r\n        window.scrollTo(0, top); \r\n    }\r\n    \r\n    return {initBlock};\r\n})();\r\n\r\nvar brochureModal = (() => {\r\n    \r\n    const initBlock = (el) => {\r\n        const title = el.dataset.brochureModal;\r\n        document.querySelectorAll('[data-brochure-modal-item]').forEach(item => {\r\n            if (item.dataset.brochureModalItem === title){\r\n                const content = item.querySelector('[data-brochure-modal-content]');\r\n                const toggle = el.querySelector('[data-brochure-modal-toggle]');\r\n                if (toggle){\r\n                    toggle.addEventListener('click', () => {\r\n                        content.classList.add('embed-form--form-open');\r\n                    });\r\n                }   \r\n                const close = content.querySelector('[data-toggle-closemodal]');\r\n                if (close){\r\n                    close.addEventListener('click', () => {\r\n                        content.classList.remove('embed-form--form-open');\r\n                    });                    \r\n                }\r\n                const overlay = content.querySelector(`[data-toggle-close]`);\r\n                if (overlay){\r\n                    overlay.addEventListener(`click`, e => {\r\n                        if (e.target === overlay) {\r\n                            content.classList.remove(`embed-form--form-open`);\r\n                        }\r\n                    });                    \r\n                }\r\n            }\r\n        });\r\n    }    \r\n    return {initBlock};\r\n    \r\n})();\r\n\r\n\r\n\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n    document.querySelectorAll('[data-brochures]').forEach(el => brochures.initBlock(el));\r\n    document.querySelectorAll('[data-brochure-modal]').forEach(el => brochureModal.initBlock(el));\r\n});"]}