1import getDir from '/modules/getDir.js'; 2import load from '/modules/loader.js'; 3 4customElements.define('liquid-menu', class extends HTMLElement { 5 path = getDir(import.meta.url) 6 template = load(this.path, 'template.html') 7 styles = load(this.path, 'styles.css').then(styles => `<style>${styles}</style>`) 8 9 async connectedCallback() { 10 this.attachShadow({mode: "open"}).innerHTML = await this.template + await this.styles; 11 this.classList.toggle('loading', false); 12 this.shadowRoot.querySelector('.toggleMenu').addEventListener('click', () => this.classList.toggle('open')) 13 } 14})
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.