1function e(e){return e.toLowerCase().replace(/[^a-z0-9]+/g,`-`).replace(/^-+|-+$/g,``)}var t=class extends HTMLElement{connectedCallback(){let t=this.querySelectorAll(`[data-filter]`),n=this.querySelectorAll(`[data-post]`);if(!t.length||!n.length)return;let r=e=>{t.forEach(t=>{t.getAttribute(`data-filter`)===e?(t.classList.add(`active`),t.setAttribute(`aria-pressed`,`true`)):(t.classList.remove(`active`),t.setAttribute(`aria-pressed`,`false`))}),n.forEach(t=>{let n=t.getAttribute(`data-categories`)?.split(`,`)||[];e===`All`||n.includes(e)?t.classList.remove(`hidden`):t.classList.add(`hidden`)})},i=()=>{let n=e(decodeURIComponent(location.hash.slice(1)));return n&&Array.from(t).find(t=>{let r=t.getAttribute(`data-filter`)||``;return(t.getAttribute(`data-slug`)||``)===n||e(r)===n})||null},a=this.getAttribute(`data-selected-category`)||`All`,o=i();o&&(a=o.getAttribute(`data-filter`)||`All`,requestAnimationFrame(()=>this.scrollIntoView({behavior:`auto`}))),r(a),t.forEach(t=>{t.addEventListener(`click`,()=>{let n=t.getAttribute(`data-filter`);if(n){a=n,r(a);let i=n===`All`?``:t.getAttribute(`data-slug`)||e(n);history.replaceState(null,``,i?`#${i}`:location.pathname+location.search)}})}),window.addEventListener(`hashchange`,()=>{let e=i();e&&(a=e.getAttribute(`data-filter`)||`All`,r(a))})}};customElements.get(`root-blog-listing`)||customElements.define(`root-blog-listing`,t);
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.