{"version":3,"file":"js/313.04c3042515185a69ead8.chunk.js","mappings":"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","sources":["webpack:///./wwwroot/js/blog.ts"],"sourcesContent":["export const anchorController = () => {\n    const container = document.querySelector('.anchor__container');\n    const originalWidth = container.scrollWidth;\n    const originalHeight = container.scrollHeight;\n    const anchorButton = document.querySelector('.anchor__container-btn');\n    const toggleAnchor = () => {\n        if (container.classList.contains('active')) {\n            container.style.maxHeight = '80px';\n            container.style.maxWidth = '80px';\n            container.classList.remove('active');\n        }\n        else {\n            container.style.maxHeight = 'auto';\n            container.style.maxWidth = 'auto';\n            container.style.maxHeight = `${originalHeight + 50}px`;\n            container.style.maxWidth = `${originalWidth + 50}px`;\n            container.classList.add('active');\n        }\n    };\n    anchorButton.addEventListener('click', () => {\n        toggleAnchor();\n    });\n};\nimport { isSmallScreen } from './utils';\nexport const tagReplacer = () => {\n    function debounce(func, delay) {\n        let timeoutId;\n        return function () {\n            const context = this;\n            const args = arguments;\n            clearTimeout(timeoutId);\n            timeoutId = setTimeout(() => {\n                func.apply(context, args);\n            }, delay);\n        };\n    }\n    function replaceHTagWithP() {\n        if (isSmallScreen()) {\n            const elementTags = document.querySelectorAll('.dynamic-element-tag-h3');\n            elementTags.forEach((el) => {\n                if (el.tagName.toLowerCase() === 'p') {\n                    const hTagElement = document.createElement('h3');\n                    hTagElement.textContent = el.textContent;\n                    for (let i = 0; i < el.attributes.length; i++) {\n                        const attr = el.attributes[i];\n                        hTagElement.setAttribute(attr.name, attr.value);\n                    }\n                    el.parentNode.replaceChild(hTagElement, el);\n                }\n                if (el.tagName.toLowerCase() === 'h3') {\n                    const pTagElement = document.createElement('p');\n                    pTagElement.textContent = el.textContent;\n                    for (let i = 0; i < el.attributes.length; i++) {\n                        const attr = el.attributes[i];\n                        pTagElement.setAttribute(attr.name, attr.value);\n                    }\n                    el.parentNode.replaceChild(pTagElement, el);\n                }\n            });\n        }\n    }\n    const debouncedReplaceH2WithP = debounce(replaceHTagWithP, 250);\n    replaceHTagWithP();\n    window.addEventListener('resize', debouncedReplaceH2WithP);\n};\nexport const travelBlog = () => {\n    tagReplacer();\n    let bottomBlogsTotalNumberOfPages = 0;\n    let bottomBlogsCurrentPage = 2;\n    let topBlogsTotalNumberOfPages = 0;\n    let topBlogsCurrentPage = 2;\n    let animationDelay = 0;\n    const delayIncrement = 0.2;\n    const paginationContainer = document.querySelector('.travel-blog-paging');\n    const bottomMoreBtn = paginationContainer.querySelector('.travel-blog__more-btn');\n    const topMoreBtn = document.querySelector('.travel-blog__top-more-btn');\n    const TOP_FLAG = 'TOP';\n    const topBlogContainer = document.getElementById('blogs__top');\n    const bottomBlogContainer = document.getElementById('travel-blog__container');\n    const topFetchParams = {\n        currentPage: topBlogsCurrentPage,\n        totalNumberOfPages: topBlogsTotalNumberOfPages,\n        isTop: true,\n    };\n    const bottomFetchParams = {\n        currentPage: bottomBlogsCurrentPage,\n        totalNumberOfPages: bottomBlogsTotalNumberOfPages,\n        isTop: false,\n    };\n    topMoreBtn.addEventListener('click', () => {\n        if (!topMoreBtn.disabled) {\n            topMoreBtn.disabled = true; // Disable button\n            fetchAndRenderBlogData(topFetchParams, topMoreBtn);\n        }\n    });\n    bottomMoreBtn.addEventListener('click', () => {\n        if (!bottomMoreBtn.disabled) {\n            bottomMoreBtn.disabled = true; // Disable button\n            fetchAndRenderBlogData(bottomFetchParams, bottomMoreBtn);\n        }\n    });\n    function renderBlogItems(blogModel) {\n        animationDelay = 0;\n        const newElementsContainer = document.createElement('div');\n        blogModel.data.forEach((blog) => {\n            const blogCard = document.createElement('a');\n            blogCard.setAttribute('href', blog === null || blog === void 0 ? void 0 : blog.blogUrl);\n            blogCard.className = `blog-card__container  blog-card__container--animated ${blogModel.classes} cursor-pointer`;\n            blogCard.style.animationDelay = `${animationDelay}s`;\n            animationDelay += delayIncrement;\n            if (blogModel.isTop) {\n                blogCard.innerHTML = `<div \n                  class=\"\">\n                  <figure class=\"rounded-t-xl\">\n                     <img src=\"${blog === null || blog === void 0 ? void 0 : blog.imageUrl}\" alt=\"${blog === null || blog === void 0 ? void 0 : blog.title}\"\n                        class=\"w-full object-cover max-h-[230px] h-[230px] rounded-t-xl lg:rounded-xl\" />\n                  </figure>\n                  <div class=\" flex flex-col justify-between px-1 pt-3\">\n                     <div class=\"border-b my-2 pb-5\">\n                        <h2 class=\"text-xl font-semibold text-[#183B56] mb-3 line-clamp-1\">\n                           ${blog === null || blog === void 0 ? void 0 : blog.title}\n                        </h2>\n                        <div class=\"flex flex-col justify-between\">\n                          <p class=\"text-lg text-[#183B56] line-clamp-3 min-h-[84px]\">\n                            ${blog === null || blog === void 0 ? void 0 : blog.description}\n                          </p>  \n                      </div>\n                     </div>\n                      \n                     <div class=\"flex items-center my-2 justify-between \">\n                        <div class=\"flex\">\n                           <p class=\" text-base sm:text-sm md:text-base text-[#183B56] font-bold\">\n                              <span\n                                 class=\"text-sm md:text-base xl:text-base font-medium text-[#183B56] italic\">di</span>&nbsp;\n                               ${blog === null || blog === void 0 ? void 0 : blog.blogAuthor}\n                           </p>\n                        </div>\n                        <div class=\"w-1/2 flex justify-end items-center flex-1\">\n                           <span class=\"text-base font-semibold text-[#183B56]\">\n                              ${blog === null || blog === void 0 ? void 0 : blog.blogDate}\n                           </span>\n                        </div>\n                     </div>\n                  </div>\n               </div>`;\n            }\n            else {\n                blogCard.innerHTML = `\n    <div class=\"bg-white t-cut-button__magic-animation cursor-pointer grid grid-cols-1 md:grid-cols-3 shadow-sm rounded-xl md:rounded-xl overflow-hidden w-full\">\n      <figure class=\"w-full p-3\">\n        <img src=\"${blog === null || blog === void 0 ? void 0 : blog.imageUrl}\" alt=\"${blog === null || blog === void 0 ? void 0 : blog.title}\" class=\"w-full max-h-[230px] md:h-full rounded-t-xl md:rounded-xl object-cover\" />\n      </figure>\n      <div class=\"p-3 md:pr-6 pb-4 flex flex-col justify-between col-span-2\">\n        <h3 class=\"text-xl font-semibold text-[#183B56] mb-2 line-clamp-1\">\n          ${blog === null || blog === void 0 ? void 0 : blog.title}\n        </h3>\n        <p class=\"text-lg text-[#183B56] mb-4 line-clamp-2\">\n          ${blog === null || blog === void 0 ? void 0 : blog.description}\n        </p>\n        <div class=\"flex items-center justify-between border-t pt-3\">\n          <p class=\"text-sm md:text-base text-[#183B56] font-bold\">\n          <span class=\"font-medium italic\">di</span> ${blog === null || blog === void 0 ? void 0 : blog.blogAuthor}\n          </p>\n          <span class=\"text-sm md:text-base font-bold text-[#183B56]\">\n            ${blog === null || blog === void 0 ? void 0 : blog.blogDate}\n          </span>\n        </div>\n      </div>\n    </div>\n  `;\n            }\n            newElementsContainer.appendChild(blogCard);\n        });\n        while (newElementsContainer.firstChild) {\n            blogModel.container.appendChild(newElementsContainer.firstChild);\n        }\n    }\n    function fetchAndRenderBlogData(params, button) {\n        fetch(`/umbraco/api/travelblog/GetBlogPages?page=${params.currentPage}${params.isTop ? `&filter=${TOP_FLAG}` : ''}`)\n            .then((response) => {\n            params.currentPage += 1;\n            params.totalNumberOfPages = parseInt(response.headers.get('Totalnumberofpages') || '0', 10);\n            return response.json();\n        })\n            .then((data) => {\n            let blogModel;\n            if (params.isTop) {\n                blogModel = {\n                    data: data,\n                    container: topBlogContainer,\n                    classes: 'bg-white shadow-sm rounded-xl md:rounded-xl w-full p-3 t-cut-button__magic-animation hover:text-primary-color',\n                    isTop: true,\n                };\n            }\n            else {\n                blogModel = {\n                    data: data,\n                    container: bottomBlogContainer,\n                    classes: '',\n                    isTop: false,\n                };\n            }\n            renderBlogItems(blogModel);\n            button.disabled = false; // Re-enable button\n            if (params.currentPage > params.totalNumberOfPages) {\n                button.style.display = 'none';\n            }\n        })\n            .catch((error) => {\n            console.error('Error fetching data:', error);\n            button.disabled = false; // Re-enable button on error\n        });\n    }\n};\n"],"names":["anchorController","container","document","querySelector","originalWidth","scrollWidth","originalHeight","scrollHeight","anchorButton","addEventListener","classList","contains","style","maxHeight","maxWidth","remove","add","tagReplacer","replaceHTagWithP","querySelectorAll","forEach","el","tagName","toLowerCase","hTagElement","createElement","textContent","i","attributes","length","attr","setAttribute","name","value","parentNode","replaceChild","pTagElement","debouncedReplaceH2WithP","func","delay","timeoutId","context","this","args","arguments","clearTimeout","setTimeout","apply","debounce","window","travelBlog","animationDelay","delayIncrement","bottomMoreBtn","topMoreBtn","topBlogContainer","getElementById","bottomBlogContainer","topFetchParams","currentPage","totalNumberOfPages","isTop","bottomFetchParams","fetchAndRenderBlogData","params","button","fetch","then","response","parseInt","headers","get","json","data","blogModel","classes","newElementsContainer","blog","blogCard","blogUrl","className","innerHTML","imageUrl","title","description","blogAuthor","blogDate","appendChild","firstChild","renderBlogItems","disabled","display","catch","error","console"],"sourceRoot":""}