https://olaplex.com/cdn/shop/t/3549/assets/-component-blog-grid.js?v=23004139753293294901788286594

1var c=Object.defineProperty;var d=(i,e,t)=>e in i?c(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t;var s=(i,e,t)=>d(i,typeof e!="symbol"?e+"":e,t);import{B as p}from"./chunk-BaseElement-CopzcQ-j.js";import{H as h}from"./chunk-HTMLUpdateUtility-DpTmRW02.js";import"./chunk-lit-element-B04JoW0t.js";import"./chunk-WithApiClient-CmtS7X9i.js";import"./chunk-index-CKJCYK2x.js";import"./chunk-firstFocusableElement-BqnhZP5g.js";class m extends p{constructor(){super();s(this,"$htmlUpdateUtility",new h(this));s(this,"sectionId","");s(this,"loading",!1);this.onClickHandler=this.onClickHandler.bind(this)}static get properties(){return{sectionId:{type:String,attribute:"section-id"},loading:{type:Boolean,reflect:!0}}}connectedCallback(){super.connectedCallback(),this.pages=this.querySelectorAll('[role="navigation"] a[href]'),this.pages.forEach(t=>{t.addEventListener("click",a=>this.onClickHandler(a,t))}),this.$htmlUpdateUtility.addPostProcessCallback(()=>{this.loading=!1})}updateURLHash(t){history.pushState({searchParams:t},"",`${window.location.pathname}${t&&"?".concat(t)}`)}getSearchParams(t){return t=t.replace(window.location.pathname,""),t===""&&(t="?page=1"),new URLSearchParams(t)}paramsObjectFromString(t){return[...t.entries()].reduce((a,[o,n])=>({...a,[o]:[...a[o]||[],n]}),{})}async onClickHandler(t,a){var l;t.preventDefault();const o=a.getAttribute("href")||"",n=this.getSearchParams(o);this.updateURLHash(n.toString());const r=document.getElementById("blog");await this.$htmlUpdateUtility.fetchAndReplaceSectionId({renderRoot:r,sectionId:r==null?void 0:r.dataset.sectionId,baseUrl:window.location.pathname,params:this.paramsObjectFromString(n),includeExistingParams:!1,withCache:!0}),window.scroll({top:((l=document.getElementById("blog-grid-container"))==null?void 0:l.offsetTop)-80||0,behavior:"smooth"})}}window.customElements.define("blog-grid",m);