https://www.pavaruni.com.tw/cdn/shop/t/10/assets/pagination.js?v=63164281026850247151753166526

1class Pagination extends HTMLElement{constructor(){super();const paginateContent=document.getElementById("Paginate-Content");paginateContent&&(this.sectionId=paginateContent.dataset.section,this.contentListWrapper=paginateContent.querySelector(".content-list"),!(!this.sectionId||!this.contentListWrapper)&&this.bindListener())}bindListener(){this.querySelectorAll(".pagination-item").forEach(item=>{item.addEventListener("click",this.handleEvent.bind(this))})}handleEvent(event=null){event&&event.preventDefault();const url=event.currentTarget.href;if(!url)return;const queryString=url.split("?")[1];queryString&&this.fetchContent(queryString)}fetchContent(queryString=null){queryString&&(this.startLoading(),webvista.fetchHtml(`${window.location.pathname}?section_id=${this.sectionId}&${queryString}`).then(html=>{html&&this.renderHtml(html)}).catch(error=>{webvista.popToast(window.accessibilityStrings.unknownError,"error")}).finally(()=>{this.endLoading()}))}renderHtml(html){const sourceContentDom=this.getSourceContent(html);sourceContentDom&&(this.renderContent(sourceContentDom),this.renderPagination(html),typeof initializeScrollAnimationTrigger=="function"&&initializeScrollAnimationTrigger(this.contentListWrapper),webvista.initLazyImages(),webvista.initTooltips())}getSourceContent(html){if(html)return html.querySelector("#Paginate-Content .content-list")}renderContent(sourceContentDom){webvista.scrollElementToHeaderBottom(this.contentListWrapper,32),this.contentListWrapper.innerHTML=sourceContentDom.innerHTML}renderPagination(html){const sourcePaginationContainer=html.querySelector(".pagination-container"),targetPaginationContainer=this.closest(".pagination-container");sourcePaginationContainer&&targetPaginationContainer&&(targetPaginationContainer.innerHTML=sourcePaginationContainer.innerHTML)}startLoading(){this.contentListWrapper.classList.add("loading")}endLoading(){this.contentListWrapper.classList.remove("loading")}}customElements.define("pagination-page",Pagination);class PaginationMore extends Pagination{bindListener(){this.button=this.querySelector(".pagination-more-button"),this.boundClickHandler=this.handleEvent.bind(this),this.button&&this.button.addEventListener("click",this.boundClickHandler)}renderContent(sourceContentDom){const fragment=document.createDocumentFragment();Array.from(sourceContentDom.childNodes).forEach(node=>{fragment.appendChild(node)}),this.contentListWrapper.appendChild(fragment)}startLoading(){super.startLoading(),this.button.classList.add("loading"),this.button.setAttribute("aria-disabled",!0)}endLoading(){super.endLoading(),this.button.classList.remove("loading"),this.button.removeAttribute("aria-disabled")}}customElements.define("pagination-more",PaginationMore);class PaginationScrollMore extends Pagination{bindListener(){this.observer=new IntersectionObserver((entries,observer)=>{entries.forEach(entry=>{entry.isIntersecting&&(this.handleEvent(),observer.disconnect())})},{rootMargin:"0px 0px 200px 0px"}),this.observer.observe(this)}disconnectedCallback(){this.observer&&this.observer.disconnect()}handleEvent(event=null){const url=this.getAttribute("data-url");if(!url)return;const queryString=url.split("?")[1];queryString&&this.fetchContent(queryString)}renderContent(sourceContentDom){const fragment=document.createDocumentFragment();Array.from(sourceContentDom.childNodes).forEach(node=>{fragment.appendChild(node)}),this.contentListWrapper.appendChild(fragment)}startLoading(){super.startLoading()}endLoading(){super.endLoading()}}customElements.define("pagination-scroll-more",PaginationScrollMore);
2//# sourceMappingURL=/cdn/shop/t/10/assets/pagination.js.map?v=63164281026850247151753166526