1import{BaseView as e}from"#views/base-view.8933a16d.js";import{Glossary as t}from"#utils/glossary.ebda96f5.js";class i extends e{constructor(e){super(e)}connectedCallback(){this.bindedOnTermClick=this.onTermClick.bind(this),document.querySelector("content-router-wc").addEventListener("content:loading",this.contentLoading.bind(this)),document.querySelector("content-router-wc").addEventListener("content:loaded",this.contentLoaded.bind(this)),this.query("#glossary-dialog-close").addEventListener("click",this.onCloseClick.bind(this)),this.addTermsListeners(),this.addNavListeners()}get html(){return'\n <glossary-overlay-view data-level="1">\n <dialog>\n <div class="top">\n <div class="header">\n <div class="close" id="glossary-dialog-close"></div>\n <div class="title" id="glossary-title">Glossary</div>\n </div>\n <nav>\n <ol>\n <li data-level="0">5th Grade</li>\n <li data-level="1">High School</li>\n <li data-level="2">Meterologist</li>\n </ol>\n </nav>\n </div>\n <div class="explanation" data-level="0"></div>\n <div class="explanation" data-level="1"></div>\n <div class="explanation" data-level="2"></div>\n </dialog>\n </glossary-overlay-view>\n '}addNavListeners(){this.queryAll("nav li").forEach((e=>{e.addEventListener("click",this.onNavClick.bind(this))}))}onNavClick(e){let t=e?.target?.dataset?.level;t&&(this.dataset.level=t,this.query("dialog").scrollTo(0,0))}get terms(){return document.querySelectorAll(".glossary-term")}addTermsListeners(){this.terms.forEach((e=>{e.addEventListener("click",this.bindedOnTermClick)}))}removeTermsListeners(){this.terms.forEach((e=>{e.removeEventListener("click",this.bindedOnTermClick)}))}contentLoading(e){this.removeTermsListeners()}contentLoaded(e){this.addTermsListeners()}onTermClick(e){let i=e?.target?.dataset?.term;if(i){let e=t[i];this.query("#glossary-title").innerHTML=e.term,this.query('.explanation[data-level="0"]').innerHTML=e.fifth,this.query('.explanation[data-level="1"]').innerHTML=e.hs,this.query('.explanation[data-level="2"]').innerHTML=e.meterologist,this.query("dialog").scrollTo(0,0),this.query("dialog").showModal(),this.removeTermsListeners(),this.addTermsListeners()}}onCloseClick(e){this.close()}close(){this.query("dialog").close()}}export{i as GlossaryOverlayView};i.register("glossary-overlay-view");
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.