1class BlogPostsList extends HTMLElement{constructor(){super()}connectedCallback(){this.mainViews=[...this.querySelectorAll("[data-main-view]")],this.listItems=[...this.querySelectorAll("[data-list-item]")],this.seizerElement=this.querySelector("[data-seizer]"),this.initialized=!1,this.init()}init(){this.setSeizerHeight(this.mainViews[0]),this.listItems.forEach(item=>{item.addEventListener("click",this.onListItemClick.bind(this))})}onListItemClick(e){e.preventDefault();let item;if(e.target.matches("[data-list-item]")?item=e.target:e.target.closest("[data-list-item]")&&(item=e.target.closest("[data-list-item]")),!item)return;const articleId=item.dataset.articleId;if(!articleId)return;const mainArticleView=this.mainViews.find(view=>view.dataset.articleId===articleId);this.setActiveListItem(item),this.setActiveMainView(mainArticleView),this.setSeizerHeight(mainArticleView),this.scrollToView(mainArticleView)}onListItemHover(e){const item=e.target,articleId=item.dataset.articleId;if(!articleId)return;const mainArticleView=this.mainViews.find(view=>view.dataset.articleId===articleId);this.setActiveListItem(item),this.setActiveMainView(mainArticleView),this.setSeizerHeight(mainArticleView),this.scrollToView(mainArticleView)}setActiveListItem(activeItem){this.setAndRemoveActiveState("list-item",activeItem)}setActiveMainView(activeView){this.setAndRemoveActiveState("main-view",activeView)}setAndRemoveActiveState(type,activeElement){(type==="list-item"?this.listItems:this.mainViews).forEach(element=>{element.classList.remove("is-active")}),activeElement.classList.add("is-active")}setSeizerHeight(activeView){this.seizerElement.style.height=activeView.getBoundingClientRect().height+"px",this.initialized||(this.classList.remove("loading"),this.initialized=!0)}scrollToView(activeView){if(window.innerWidth<1024){const topSpace=activeView.getBoundingClientRect().top,headerHeight=document.querySelector("sticky-header")?document.querySelector("sticky-header").clientHeight:0;window.scrollBy({top:topSpace-15-headerHeight,behavior:"smooth"})}}}window.addEventListener("load",()=>{customElements.define("blog-posts-list",BlogPostsList)}); 2//# sourceMappingURL=/cdn/shop/t/30/assets/blog-posts-list.js.map?v=169463255216603926041721274371
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.