{"version":3,"file":"Src_Scripts_components_latest-knowledge_js.437298fe2181d2a296ca.js","sources":["webpack://Boerneraadet/./Src/Scripts/components/latest-knowledge.js"],"sourcesContent":["import Masonry from 'masonry-layout';\r\n\r\nexport default class LatestKnowledge {\r\n\r\n    constructor(elm, args) {\r\n\r\n        var msnry;\r\n\r\n        var cta = elm.querySelector('.slatestknowledgesection__cta');\r\n        var searchResultContainer = elm.querySelector('.knowledge-items');\r\n\r\n        var gutter = 40;\r\n        if (window.innerWidth > 1600) {\r\n            gutter = 20;\r\n        }\r\n\r\n        function initializeMasonry() {\r\n            var grid = document.querySelector('.grid');\r\n            if (grid) {\r\n                msnry = new Masonry(grid, {\r\n                    itemSelector: '.search-result',\r\n                    gutter: gutter\r\n                 //   columnWidth: '.grid-sizer',\r\n                //    percentPosition: true\r\n                })\r\n            };\r\n        }\r\n\r\n        function setGrid() {\r\n\r\n            if (window.innerWidth > 1200) {\r\n                if (!document.querySelector('.knowledge-items').classList.contains('grid')) {\r\n                    document.querySelector('.knowledge-items').classList.add('grid');\r\n                }\r\n            } else {\r\n                if (document.querySelector('.knowledge-items').classList.contains('grid')) {\r\n                    document.querySelector('.knowledge-items').classList.remove('grid');\r\n                }\r\n            }\r\n            if (msnry) {\r\n                console.log('reload');\r\n                searchResultContainer.classList.add('hidden');\r\n                // msnry.destroy();\r\n                setTimeout(() => {\r\n                    initializeMasonry();\r\n                    // need some time to get ready\r\n                }, \"1000\");\r\n                searchResultContainer.classList.remove('hidden');\r\n            }\r\n        }\r\n\r\n        async function performSearch(category) {\r\n\r\n            var searchUrl = '/Umbraco/Surface/SearchSurface/GetLatestArticles?count=4&category=' + category;\r\n            const response = await fetch(searchUrl);\r\n            var itemContainer = elm.querySelector('.knowledge-items');\r\n            while (itemContainer.firstChild) {\r\n                itemContainer.removeChild(itemContainer.firstChild);\r\n            };\r\n            itemContainer.innerHTML = await response.text();\r\n            msnry.destroy();\r\n            initializeMasonry();\r\n            if (category == 'all') {\r\n                cta.innerText = 'Se al viden';\r\n                cta.href = '/vores-viden/'\r\n            } else {\r\n                cta.innerText = 'Se alle ' + category;\r\n                cta.href = '/vores-viden?categories=' + category;\r\n            }\r\n            \r\n        }\r\n\r\n        window.addEventListener('resize', e => {\r\n            setGrid();\r\n        });\r\n\r\n\r\n        var sectionButtons = elm.querySelectorAll('.slatestknowledgesection__filterbox__filter');\r\n        for (let i = 0; i < sectionButtons.length; i++) {\r\n            sectionButtons[i].addEventListener('click', e => {\r\n                if (!e.currentTarget.classList.contains('selected')) {\r\n                    var oldSelected = elm.querySelector('.slatestknowledgesection__filterbox__filter.selected');\r\n                    if (oldSelected) {\r\n                        oldSelected.classList.remove('selected');\r\n                    }\r\n                    e.currentTarget.classList.add('selected');\r\n                    performSearch(e.currentTarget.dataset.category);\r\n                }\r\n            });\r\n        }\r\n        setGrid();\r\n        initializeMasonry();    \r\n        \r\n    }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AACA;;;AACA;AAEA;AAEA;AAEA;AACA;AAEA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AAEA;AACA;AALA;AAMA;AACA;AADA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AADA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAGA;AACA;AAAA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAEA;AACA;AA5FA;AACA;A;;A;;A","sourceRoot":""}