@sjcrh/proteinpaint-client 2.33.1 → 2.34.1-0

package/dist/{app-b772bf1c.js → app-13ba2af2.js}

@@ -1 +1 @@
-import{az as e,q as t,aR as s,aC as i,ae as r,k as a,ac as o,aA as l,M as n,T as d,aK as c}from"./app-74668360.js";import{a as p,i as m,g as h,f as u,s as f,n as y,v as b}from"./filter-fe17a5ae.js";import{termInfoInit as v}from"./termInfo-d5a8bd35.js";import"path";import"./table-845c2632.js";const g="25px";const _="root";const x=20;const T="400px";const k="termdiv",C="termchilddiv",w="termbtn",I="termlabel",S="termloading",A="termcheck";class D{constructor(e){this.type="tree";V(this);B(this);this.loadingTermSet=new Set;this.termsByCohort={};this.expandAll="expandAll"in e?e.expandAll:false}init(){this.dom={holder:this.opts.holder.append("div")}}reactsTo(e){if(e.type.startsWith("tree_"))return true;if(e.type.startsWith("filter_"))return true;if(e.type.startsWith("cohort_"))return true;if(e.type.startsWith("info_"))return true;if(e.type.startsWith("submenu_"))return true;if(e.type=="app_refresh")return true}getState(e){const t=p(e.termfilter.filter);const s={isVisible:!e.submenu.term,activeCohort:e.activeCohort,expandedTermIds:e.tree.expandedTermIds,selectedTerms:e.selectedTerms,termfilter:{filter:t},usecase:e.tree.usecase};if(e.termdbConfig.selectCohort){s.toSelectCohort=true;const t=e.termdbConfig.selectCohort.values[e.activeCohort];if(t){s.cohortValuelst=t.keys}}return s}async main(){if(!this.state.isVisible){this.dom.holder.style("display","none");return}if(this.state.toSelectCohort){if(!this.state.cohortValuelst){return}}this.termsById=this.getTermsById();const e=this.termsById[_];e.terms=await this.requestTermRecursive(e);this.dom.holder.style("display","block");this.renderBranch(e,this.dom.holder)}getTermsById(){if(!(this.state.activeCohort in this.termsByCohort)){this.termsByCohort[this.state.activeCohort]={[_]:{id:_,__tree_isroot:true}}}return this.termsByCohort[this.state.activeCohort]}async requestTermRecursive(e){const t=await this.app.vocabApi.getTermChildren(e,this.state.toSelectCohort?this.state.cohortValuelst:null);if(t.error)throw t.error;if(!t.lst||t.lst.length==0){return[]}const s=[];for(const e of t.lst){const t=Object.assign({},e);s.push(t);if(this.state.expandedTermIds.includes(t.id)){t.terms=await this.requestTermRecursive(t)}else{const e=this.termsById[t.id];if(e&&e.terms){t.terms=e.terms}}this.termsById[t.id]=t}return s}bindKey(e){return e.id}}const j=e(D);function B(e){e.renderBranch=(t,s,i)=>{if(!t||!t.terms)return;if(t.terms.length>=x){if(s.classed("sjpp_show_scrollbar"));else{s.style("max-height",T).style("padding","10px").style("resize","vertical").classed("sjpp_show_scrollbar",true)}}if(e.opts.disable_terms){t.terms.forEach((t=>{if(t.disabled)e.opts.disable_terms.push(t.id)}))}e.included_terms=[];if(e.state.usecase){for(const s of t.terms){if(m(s,e.state.usecase).size){e.included_terms.push(s)}}}else{e.included_terms.push(...t.terms)}if(!(t.id in e.termsById)||!e.included_terms.length){s.style("display","none");return}if(e.loadingTermSet.has(t.id)){e.loadingTermSet.delete(t.id);s.select("."+S).remove()}const r=e.state.expandedTermIds;if(!r.includes(t.id)){s.style("display","none");if(i)i.text("+");return}s.style("display","block");if(i)i.text("-");const a=s.selectAll("."+k).data(e.included_terms,e.bindKey);a.exit().each(e.hideTerm);a.each(e.updateTerm);a.enter().append("div").each(e.addTerm);for(const i of t.terms){if(r.includes(i.id)){e.renderBranch(i,s.selectAll("."+C).filter((e=>e.id==i.id)),s.selectAll("."+w).filter((e=>e.id==i.id)))}}};e.hideTerm=function(s){if(s.id in e.termsById&&e.state.expandedTermIds.includes(s.id))return;t(this).style("display","none")};e.updateTerm=function(s){const i=t(this);if(!(s.id in e.termsById)){i.style("display","none");return}const r=e.opts.disable_terms?.includes(s.id);const a=m(s,e.state.usecase);i.style("display","");const o=e.state.expandedTermIds.includes(s.id);i.select("."+w).text(o?"-":"+");i.select("."+C).style("display",o?"block":"none");const l=e.state.selectedTerms.find((e=>e.name===s.name&&e.type===s.type));i.select("."+I).style("background-color",!a.has("plot")||r?"":l?"rgba(255, 194, 10,0.5)":"#cfe2f3");i.select("."+A).style("display",a.has("plot")&&l&&!r?"inline-block":"none")};e.addTerm=async function(s){const i=e.opts.disable_terms?.includes(s.id);const r=m(s,e.state.usecase);const a=t(this).attr("class",k).style("margin",s.isleaf?"":"2px").style("padding","0px 5px");if(r.has("branch")){a.append("div").attr("class","sja_menuoption "+w).style("display","inline-block").style("padding","4px 9px").style("font-family","courier").text("+").on("click",(t=>{t.stopPropagation();e.toggleBranch(s)}));if(e.expandAll)e.toggleBranch(s)}const o=e.state.selectedTerms.find((e=>e.name===s.name&&e.type===s.type));const l=a.append("div").attr("class",I).style("display","inline-block").style("padding","5px").style("opacity",i?.4:null).text(s.name);let n;if(s.hashtmldetail){n=a.append("div").style("display","inline-block")}if(r.size>0){if(i){l.attr("class","sja_tree_click_term_disabled "+I).style("padding","5px 8px").style("margin","1px 0px").style("opacity",.4)}else if(r.has("plot")){l.attr("class","ts_pill sja_filter_tag_btn sja_tree_click_term "+I).style("color","black").style("padding","5px 8px").style("border-radius","6px").style("background-color",o?"rgba(255, 194, 10,0.5)":"#cfe2f3").style("margin","1px 0px").style("cursor","default").on("click",(()=>e.clickTerm(s)))}if(s.samplecount!==undefined){a.append("div").style("font-size",".8em").style("display","inline-block").style("margin-left","5px").style("color",s.samplecount?"#777":"#ddd").text("n="+s.samplecount)}}if(s.hashtmldetail){v({vocabApi:e.app.vocabApi,icon_holder:n,content_holder:a.append("div"),id:s.id,state:{term:s}})}if(e.opts.submit_lst){a.append("div").attr("class",A).style("color","#008000").style("display",o?"inline-block":"none").html("&check;")}if(!s.isleaf){a.append("div").attr("class",C).style("padding-left",g)}}}function V(e){e.toggleBranch=function(s){if(s.isleaf)return;const i=e.termsById[s.id];if(!i)throw"invalid term id";if(!i.terms){if(e.loadingTermSet.has(i.id))return;e.loadingTermSet.add(i.id);t(this.parentNode).selectAll("."+C).filter((e=>e.id===i.id)).style("display","block").append("div").text("Loading...").attr("class",S).style("opacity",.5).style("padding","5px")}const r=e.state.expandedTermIds.includes(s.id);const a=r?"tree_collapse":"tree_expand";e.app.dispatch({type:a,termId:s.id})};e.clickTerm=async t=>{if(e.opts.click_term2select_tvs){e.app.dispatch({type:"submenu_set",submenu:{term:t,type:"tvs"}});return}if(e.opts.click_term_wrapper){e.opts.click_term_wrapper(t);return}if(e.opts.submit_lst){const s=e.state.selectedTerms.findIndex((e=>e.name===t.name));if(s==-1){e.app.dispatch({type:"app_refresh",state:{selectedTerms:[...e.state.selectedTerms,t]}})}else{const t=e.state.selectedTerms.slice(0);t.splice(s,1);e.app.dispatch({type:"app_refresh",state:{selectedTerms:t}})}return}throw"missing term click callback"}}const N={header_mode:"search_only",activeCohort:0,tree:{usecase:{},expandedTermIds:[]},submenu:{},search:{isVisible:true},selectedTerms:[],termfilter:{filter:{type:"tvslst",in:true,join:"",lst:[]}}};class O{constructor(e){this.type="store";this.defaultState=N;s(this,e);this.prevGeneratedId=0}validateOpts(e){if(!e.state)throw".state{} missing";const t=e.state;if(t.vocab){if(t.vocab.dslabel){if(!t.vocab.genome)throw".state[.vocab].genome missing"}else if(t.vocab.genome){if(!t.vocab.dslabel)throw".state[.vocab].dslabel missing"}else{if(!Array.isArray(t.vocab.terms))throw"vocab.terms must be an array of objects"}}}validateState(){const e=this.state;if(e.tree.expandedTermIds.length==0){e.tree.expandedTermIds.push(_)}else{if(e.tree.expandedTermIds[0]!=_){e.tree.expandedTermIds.unshift(_)}}}async init(){this.state.termdbConfig=await this.app.vocabApi.getTermdbConfig();let e=h(this.state.termfilter.filter,"filterUiRoot");if(!e){this.state.termfilter.filter.tag="filterUiRoot";e=this.state.termfilter.filter}if(this.state.termdbConfig.selectCohort){let t=h(this.state.termfilter.filter,"cohortFilter");if(!t){t={tag:"cohortFilter",type:"tvs",tvs:{term:JSON.parse(JSON.stringify(this.state.termdbConfig.selectCohort.term)),values:this.state.activeCohort==-1?[]:this.state.termdbConfig.selectCohort.values[this.state.activeCohort].keys.map((e=>({key:e,label:e})))}};this.state.termfilter.filter={type:"tvslst",in:true,join:"and",lst:[t,e]}}else{const e=(e,t)=>e<t?-1:1;t.tvs.values.sort(((e,t)=>e.key<t.key?-1:1));const s=JSON.stringify(t.tvs.values.map((e=>e.key)).sort(e));const i=this.state.termdbConfig.selectCohort.values.findIndex((t=>s==JSON.stringify(t.keys.sort(e))));if(this.state.activeCohort!==-1&&this.state.activeCohort!==0&&i!==this.state.activeCohort){console.log("Warning: cohortFilter will override the state.activeCohort due to mismatch")}this.state.activeCohort=i}}else{this.state.activeCohort=-1;if(this.state.header_mode==="with_cohortHtmlSelect"){console.warn(`no termdbConfig.selectCohort to use for state.header_mode = 'with_cohortHtmlSelect'`);this.state.header_mode="search_only"}}}fromJson(e){const t=JSON.parse(e);return t}setId(e){e.$id=this.prevGeneratedId++;if(e.$lst){for(const t of e.$lst){this.setId(t)}}}}O.prototype.actions={app_refresh(e={}){this.state=this.copyMerge(this.toJson(this.state),e.state?e.state:{},this.replaceKeyVals)},cohort_set(e){this.state.activeCohort=e.activeCohort;const t=this.state.termdbConfig.selectCohort.values[e.activeCohort];const s=h(this.state.termfilter.filter,"cohortFilter");if(!s)throw`No item tagged with 'cohortFilter'`;s.tvs.values=t.keys.map((e=>({key:e,label:e})))},tree_expand(e){if(this.state.tree.expandedTermIds.includes(e.termId))return;this.state.tree.expandedTermIds.push(e.termId)},tree_collapse(e){const t=this.state.tree.expandedTermIds.indexOf(e.termId);if(t==-1)return;this.state.tree.expandedTermIds.splice(t,1)},filter_replace(e){const t=e.filter?e.filter:{type:"tvslst",join:"",in:1,lst:[]};if(!e.filter.tag){this.state.termfilter.filter=t}else{const s=h(this.state.termfilter.filter,e.filter.tag);if(!s)throw`cannot replace missing filter with tag '${e.filter.tag}'`;const i=u(this.state.termfilter.filter,s.$id);if(i==s){this.state.termfilter.filter=t}else{const e=i.lst.indexOf(s);i.lst[e]=t}}},submenu_set(e){const t=e.submenu&&e.submenu.term;if(!t){this.state.submenu={};this.state.tree.expandedTermIds=[_]}else{const s=[_];if(t.__ancestors){s.push(...t.__ancestors)}if(m(t).has("plot")){Object.assign(this.state.submenu,e.submenu)}else{s.push(t.id);delete this.state.submenu.term}this.state.tree.expandedTermIds=s}}};const E=i(O);class R{constructor(e){this.type="submenu";this.dom={holder:e.holder};P(this)}reactsTo(e){if(e.type.startsWith("submenu_"))return true;if(e.type=="app_refresh")return true}getState(e){return{type:e.submenu.type,term:e.submenu.term,termfilter:e.termfilter}}main(){if(!this.state.term){this.dom.holder.style("display","none");return}if(this.state.type=="tvs")this.showTvsMenu(this.state.term);else throw`unsupported submenu.type='${this.state.type}'`}}const z=e(R);function P(e){e.showTvsMenu=function(t){e.dom.holder.selectAll("*").remove();e.dom.holder.style("display","block").append("div").style("margin","20px").append("span").html("&laquo; Back to variable selection").attr("class","sja_clbtext").on("click",(()=>e.app.dispatch({type:"submenu_set",submenu:{}})));f({term:t,filter:e.state.termfilter.filter,holder:e.dom.holder.append("div"),vocabApi:e.app.vocabApi,debug:e.app.debug,getCategoriesArguments:e.app.opts.getCategoriesArguments,callback:e.app.opts.tree.click_term2select_tvs})}}class ${constructor(e){this.type="search";this.customEvents=["postSearch"];G(this);J(this);this.dom={holder:e.holder};this.isVisible="isVisible"in e?e.isVisible:true}async init(e){this.initUI(this.getState(e))}reactsTo(e){if(e.type=="app_refresh")return true;const t=e.type.split("_")[0];return["search","cohort","submenu"].includes(t)}getState(e){return{isVisible:!e.submenu.term&&this.isVisible,cohortStr:e.activeCohort==-1||!e.termdbConfig.selectCohort?"":e.termdbConfig.selectCohort.values[e.activeCohort].keys.slice().sort().join(","),allowedTermTypes:e.termdbConfig.allowedTermTypes||[],expandedTermIds:e.tree.expandedTermIds,selectedTerms:e.selectedTerms,usecase:e.tree.usecase,search:e.search,isGeneSetTermdb:e.termdbConfig.isGeneSetTermdb}}async main(){this.dom.holder.style("display",this.state.isVisible?"block":"none");this.renderSelectedNonDictTerms()}async doSearch(e,t){if(!e){this.clear();this.bus.emit("postSearch",[]);return}const s=await this.app.vocabApi.findTerm(e,this.state.cohortStr,this.state.usecase,t);if(!s.lst||s.lst.length==0){this.noResult()}else{this.showTerms(s)}this.bus.emit("postSearch",s)}}const q=e($);function G(e){e.initUI=t=>{e.dom.holder.style("display",e.search&&e.search.isVisible==false?"none":"block");e.dom.input=e.dom.holder.style("text-align","left").append("input").attr("type","search").attr("class","tree_search").attr("placeholder","Search"+e.getPrompt(t)).style("width","220px").style("margin","10px").style("display","block").on("input",r.debounce(e.onInput,300)).on("keyup",e.onKeyup);e.dom.input.node().focus();e.dom.resultDiv=(e.opts.resultsHolder||e.dom.holder).append("div").style("display","none").style("grid-template-columns","auto auto");const s=e.dom.resultDiv.append("div");const i=e.dom.resultDiv.append("div");e.dom.resultDiv_genes=s.append("div").style("border-left","solid 1px rgb(133,182,225)").style("margin","0px 0px 10px 10px").style("padding-left","5px");e.dom.resultDiv_terms=i.append("div").style("border-left",e.opts.resultsHolder?"":"solid 1px rgb(133,182,225)").style("margin","0px 0px 10px 10px").style("padding-left","5px");e.dom.nonDictDiv=e.dom.holder.append("div").style("margin","0px 0px 10px 10px").style("display","none");e.dom.nonDictDiv.append("div").style("font-weight",600).html("Selected genes");e.dom.selectedNonDictDiv=e.dom.nonDictDiv.append("div")};e.getPrompt=e=>{const t=e.allowedTermTypes.includes("geneVariant")&&m({type:"geneVariant"},e.usecase).has("plot");if(t)return" variables or genes";if(e.isGeneSetTermdb)return" gene sets";return" variables"};e.noResult=()=>{e.clear();e.dom.resultDiv.style("display","inline-grid");e.dom.resultDiv_terms.append("div").style("padding","3px 3px 3px 0px").style("opacity",.5).text("No match"+(e.app.vocabApi.termdbConfig?.queries?.snvindel?.allowSNPs?". Press ENTER to search SNP":""))};e.showTerms=t=>{if(e.opts.disable_terms){t.lst.forEach((t=>{if(t.disabled)e.opts.disable_terms.push(t.id)}))}e.clear();e.dom.resultDiv.style("display","inline-grid");const s=[],i=[];for(const e of t.lst){if(e.type=="geneVariant"){s.push(e)}else{i.push(e)}}if(s.length){e.dom.resultDiv_genes.append("table").selectAll().data(s).enter().append("tr").each(e.showTerm)}if(i.length){e.dom.resultDiv_terms.append("table").selectAll().data(i).enter().append("tr").each(e.showTerm)}};e.showTerm=function(s){const i=t(this);const r=i.append("td").text(s.name);const a=m(s,e.state.usecase);if((e.opts.click_term||e.app.opts?.tree?.click_term_wrapper)&&a.has("plot")){if("id"in s&&e.opts.disable_terms?.includes(s.id)){r.attr("class","sja_tree_click_term_disabled").style("display","block").style("padding","5px 8px").style("margin","1px 0px").style("opacity",.4)}else{r.attr("class","ts_pill sja_filter_tag_btn sja_tree_click_term").style("display","block").style("color","black").style("padding","5px 8px").style("border-radius","6px").style("background-color",s.type=="geneVariant"?"rgba(251,171,96,0.5)":"#cfe2f3").style("margin","1px 0px").style("cursor","default").on("click",(()=>{if(e.opts.click_term){e.opts.click_term(s)}else{e.app.opts.tree.click_term_wrapper(s)}e.clear();e.dom.input.property("value","")}))}if(s.samplecount!==undefined){i.append("td").append("div").style("font-size",".8em").style("display","inline-block").style("margin-left","5px").style("color",s.samplecount?"#777":"#ddd").text("n="+s.samplecount)}}else{r.attr("class","sja_menuoption").on("click",(()=>{e.clear();e.dom.input.property("value","");const t=[_];if(s.type=="geneVariant"&&e.opts.handleGeneVariant){e.opts.handleGeneVariant(s)}else if(y.has(s.type)){e.app.dispatch({type:"app_refresh",state:{selectedTerms:[...e.state.selectedTerms,s]}})}else{if(s.__ancestors){t.push(...s.__ancestors)}if(!e.app.vocabApi.graphable(s))t.push(s.id);e.app.dispatch({type:"app_refresh",state:{tree:{expandedTermIds:t}}})}}))}i.append("td").text(s.type=="geneVariant"?"gene variant":(s.__ancestorNames||[]).join(" > ")).style("opacity",.5).style("font-size",".7em")};e.clear=()=>{e.dom.resultDiv_genes.selectAll("*").remove();e.dom.resultDiv_terms.selectAll("*").remove();e.dom.resultDiv.style("display","none")};e.renderSelectedNonDictTerms=function(){const t=e.state.selectedTerms.filter((e=>y.has(e.type)));e.dom.nonDictDiv.style("display",t.length?"":"none");const s=e.dom.selectedNonDictDiv.selectAll("div").data(t,(e=>e.name));s.exit().remove();s.enter().append("div").style("display","inline-block").style("margin","1px").style("padding","5px 8px").style("background-color","rgba(255, 194, 10,0.5)").style("border-radius","6px").html((e=>e.name))}}function J(e){e.onKeyup=t=>{if(!a(t))return;if(!e.app.vocabApi.termdbConfig?.queries?.snvindel?.allowSNPs)return;e.onInput(t,"snp")};e.onInput=async(t,s)=>{const i=e.dom.input.property("value");try{await e.doSearch(i,s)}catch(t){e.clear();e.dom.resultDiv.style("display","inline-grid");o(e.dom.resultDiv_terms,"Error: "+(t.message||t));if(t.stack)console.log(t.stack)}}}class W{constructor(e){this.type="app";if(!e.holder)t("body").append("div");const s=e.holder.append("div").style("display",e.tree?.submit_lst?"":"none").style("text-align","center").style("margin","10px 5px");const i=s.append("button").property("disabled",true).text(this.noSelectionPrompt).on("click",(()=>this.opts.tree?.submit_lst(this.state.selectedTerms)));const r=e.holder.append("div");this.dom={holder:e.holder,treeDiv:e.holder.append("div"),customTermDiv:e.holder.append("div").style("margin","10px"),submitDiv:s,submitBtn:i,topbar:r,searchDiv:r.append("div").style("display","inline-block"),filterDiv:r.append("div").style("display","none"),errdiv:e.holder.append("div"),tip:new n({padding:"5px"})}}validateOpts(e){if(e.vocabApi);else if(e.state&&e.state.vocab){if(typeof e.state.vocab!="object")throw"opts.state.vocab{} is not an object"}else if(e.state&&e.state.genome){const t=e.state;if(!t.vocab)t.vocab={};t.vocab.genome=t.genome;delete t.genome;if(t.dslabel){t.vocab.dslabel=t.dslabel;delete t.dslabel}}else{throw"neither state.vocab{} or opts.vocabApi provided"}if(e.tree){if(e.tree.disable_terms&&!e.tree.click_term&&!e.tree.click_term2select_tvs&&(!e.barchart||!e.barchart.bar_click_override)){throw`opts.tree.disable_terms is used only when opts.tree.click_term, opts.tree.click_term2select_tvs, or opts.barchart.bar_click_override is set`}if(!e.search)e.search={};if(e.tree.click_term2select_tvs){e.search.click_term=e=>this.api.dispatch({type:"submenu_set",submenu:{term:e,type:"tvs"}})}if(e.tree.click_term){e.tree.click_term_wrapper=async t=>{if(this.state.termdbConfig.termMatch2geneSet){const e=await d("termdb",{body:{genome:this.state.vocab.genome,dslabel:this.state.vocab.dslabel,genesetByTermId:t.id}});t._geneset=e}e.tree.click_term(t)}}if(e.tree.disable_terms)e.search.disable_terms=e.tree.disable_terms}return e}async preApiFreeze(e){try{if(this.opts.vocabApi){e.vocabApi=this.opts.vocabApi}else{const t={vocab:this.opts.state.vocab||{genome:this.opts.state.genome,dslabel:this.opts.state.dslabel}};e.vocabApi=await b({app:this.api,state:t,fetchOpts:this.opts.fetchOpts})}e.appInit=F}catch(e){console.log(e);throw e}}async init(){try{this.store=await E({app:this.api,state:this.opts.state});this.state=await this.store.copyState();await this.setComponents();await this.api.dispatch()}catch(e){this.printError(e)}}async setComponents(){try{const e=this.state.nav?.header_mode;const t={search:q({app:this.api,holder:this.dom.searchDiv,isVisible:e!=="hide_search"}),tree:j({app:this.api,holder:this.dom.treeDiv,headerDiv:this.dom.headerDiv,expandAll:e=="hide_search"})};if(this.opts.tree&&this.opts.tree.click_term2select_tvs){t.submenu=z({app:this.api,holder:this.dom.holder.append("div").style("display","none")})}this.components=await c(t)}catch(e){throw e}}async main(){this.api.vocabApi.main();const e=this.state.selectedTerms.length;this.dom.submitBtn.property("disabled",!e).text(!e?"Search or click term(s)":`Submit ${e} term${e>1?"s":""}`);await this.mayShowCustomTerms()}printError(e){o(this.dom.errdiv,"Error: "+(e.message||e));if(e.stack)console.log(e.stack)}async mayShowCustomTerms(){const e=await this.api.vocabApi.getCustomTerms();if(!Array.isArray(e)||e.length==0)return this.dom.customTermDiv.style("display","none");const t=[];for(const s of e){const e=m(s.term,this.state.tree.usecase);if(e.has("plot"))t.push(s)}if(t.length==0)return this.dom.customTermDiv.style("display","none");this.dom.customTermDiv.selectAll("*").remove();this.dom.customTermDiv.append("div").text("CUSTOM VARIABLES").style("font-size",".7em");for(const e of t){this.dom.customTermDiv.append("div").style("margin-bottom","3px").append("div").text(e.term.name).attr("class","sja_filter_tag_btn").style("padding","3px 6px").style("border-radius","6px").on("click",(()=>{if(!this.opts.tree)return;if(this.opts.tree.click_term){this.opts.tree.click_term(e);return}if(this.opts.tree.click_term2select_tvs){this.api.dispatch({type:"submenu_set",submenu:{term:e.term,type:"tvs"}});return}}))}}}const F=l(W);export{F as appInit};
+import{az as e,q as t,aR as s,aC as i,ae as r,k as a,ac as o,aA as l,M as n,T as d,aK as c}from"./app-85b2b4c3.js";import{a as p,i as m,g as h,f as u,s as f,n as y,v as b}from"./filter-b029f9b0.js";import{termInfoInit as v}from"./termInfo-4bc50e85.js";import"path";import"./table-f77bad81.js";const g="25px";const _="root";const x=20;const T="400px";const k="termdiv",C="termchilddiv",w="termbtn",I="termlabel",S="termloading",A="termcheck";class D{constructor(e){this.type="tree";V(this);B(this);this.loadingTermSet=new Set;this.termsByCohort={};this.expandAll="expandAll"in e?e.expandAll:false}init(){this.dom={holder:this.opts.holder.append("div")}}reactsTo(e){if(e.type.startsWith("tree_"))return true;if(e.type.startsWith("filter_"))return true;if(e.type.startsWith("cohort_"))return true;if(e.type.startsWith("info_"))return true;if(e.type.startsWith("submenu_"))return true;if(e.type=="app_refresh")return true}getState(e){const t=p(e.termfilter.filter);const s={isVisible:!e.submenu.term,activeCohort:e.activeCohort,expandedTermIds:e.tree.expandedTermIds,selectedTerms:e.selectedTerms,termfilter:{filter:t},usecase:e.tree.usecase};if(e.termdbConfig.selectCohort){s.toSelectCohort=true;const t=e.termdbConfig.selectCohort.values[e.activeCohort];if(t){s.cohortValuelst=t.keys}}return s}async main(){if(!this.state.isVisible){this.dom.holder.style("display","none");return}if(this.state.toSelectCohort){if(!this.state.cohortValuelst){return}}this.termsById=this.getTermsById();const e=this.termsById[_];e.terms=await this.requestTermRecursive(e);this.dom.holder.style("display","block");this.renderBranch(e,this.dom.holder)}getTermsById(){if(!(this.state.activeCohort in this.termsByCohort)){this.termsByCohort[this.state.activeCohort]={[_]:{id:_,__tree_isroot:true}}}return this.termsByCohort[this.state.activeCohort]}async requestTermRecursive(e){const t=await this.app.vocabApi.getTermChildren(e,this.state.toSelectCohort?this.state.cohortValuelst:null);if(t.error)throw t.error;if(!t.lst||t.lst.length==0){return[]}const s=[];for(const e of t.lst){const t=Object.assign({},e);s.push(t);if(this.state.expandedTermIds.includes(t.id)){t.terms=await this.requestTermRecursive(t)}else{const e=this.termsById[t.id];if(e&&e.terms){t.terms=e.terms}}this.termsById[t.id]=t}return s}bindKey(e){return e.id}}const j=e(D);function B(e){e.renderBranch=(t,s,i)=>{if(!t||!t.terms)return;if(t.terms.length>=x){if(s.classed("sjpp_show_scrollbar"));else{s.style("max-height",T).style("padding","10px").style("resize","vertical").classed("sjpp_show_scrollbar",true)}}if(e.opts.disable_terms){t.terms.forEach((t=>{if(t.disabled)e.opts.disable_terms.push(t.id)}))}e.included_terms=[];if(e.state.usecase){for(const s of t.terms){if(m(s,e.state.usecase).size){e.included_terms.push(s)}}}else{e.included_terms.push(...t.terms)}if(!(t.id in e.termsById)||!e.included_terms.length){s.style("display","none");return}if(e.loadingTermSet.has(t.id)){e.loadingTermSet.delete(t.id);s.select("."+S).remove()}const r=e.state.expandedTermIds;if(!r.includes(t.id)){s.style("display","none");if(i)i.text("+");return}s.style("display","block");if(i)i.text("-");const a=s.selectAll("."+k).data(e.included_terms,e.bindKey);a.exit().each(e.hideTerm);a.each(e.updateTerm);a.enter().append("div").each(e.addTerm);for(const i of t.terms){if(r.includes(i.id)){e.renderBranch(i,s.selectAll("."+C).filter((e=>e.id==i.id)),s.selectAll("."+w).filter((e=>e.id==i.id)))}}};e.hideTerm=function(s){if(s.id in e.termsById&&e.state.expandedTermIds.includes(s.id))return;t(this).style("display","none")};e.updateTerm=function(s){const i=t(this);if(!(s.id in e.termsById)){i.style("display","none");return}const r=e.opts.disable_terms?.includes(s.id);const a=m(s,e.state.usecase);i.style("display","");const o=e.state.expandedTermIds.includes(s.id);i.select("."+w).text(o?"-":"+");i.select("."+C).style("display",o?"block":"none");const l=e.state.selectedTerms.find((e=>e.name===s.name&&e.type===s.type));i.select("."+I).style("background-color",!a.has("plot")||r?"":l?"rgba(255, 194, 10,0.5)":"#cfe2f3");i.select("."+A).style("display",a.has("plot")&&l&&!r?"inline-block":"none")};e.addTerm=async function(s){const i=e.opts.disable_terms?.includes(s.id);const r=m(s,e.state.usecase);const a=t(this).attr("class",k).style("margin",s.isleaf?"":"2px").style("padding","0px 5px");if(r.has("branch")){a.append("div").attr("class","sja_menuoption "+w).style("display","inline-block").style("padding","4px 9px").style("font-family","courier").text("+").on("click",(t=>{t.stopPropagation();e.toggleBranch(s)}));if(e.expandAll)e.toggleBranch(s)}const o=e.state.selectedTerms.find((e=>e.name===s.name&&e.type===s.type));const l=a.append("div").attr("class",I).style("display","inline-block").style("padding","5px").style("opacity",i?.4:null).text(s.name);let n;if(s.hashtmldetail){n=a.append("div").style("display","inline-block")}if(r.size>0){if(i){l.attr("class","sja_tree_click_term_disabled "+I).style("padding","5px 8px").style("margin","1px 0px").style("opacity",.4)}else if(r.has("plot")){l.attr("class","ts_pill sja_filter_tag_btn sja_tree_click_term "+I).style("color","black").style("padding","5px 8px").style("border-radius","6px").style("background-color",o?"rgba(255, 194, 10,0.5)":"#cfe2f3").style("margin","1px 0px").style("cursor","default").on("click",(()=>e.clickTerm(s)))}if(s.samplecount!==undefined){a.append("div").style("font-size",".8em").style("display","inline-block").style("margin-left","5px").style("color",s.samplecount?"#777":"#ddd").text("n="+s.samplecount)}}if(s.hashtmldetail){v({vocabApi:e.app.vocabApi,icon_holder:n,content_holder:a.append("div"),id:s.id,state:{term:s}})}if(e.opts.submit_lst){a.append("div").attr("class",A).style("color","#008000").style("display",o?"inline-block":"none").html("&check;")}if(!s.isleaf){a.append("div").attr("class",C).style("padding-left",g)}}}function V(e){e.toggleBranch=function(s){if(s.isleaf)return;const i=e.termsById[s.id];if(!i)throw"invalid term id";if(!i.terms){if(e.loadingTermSet.has(i.id))return;e.loadingTermSet.add(i.id);t(this.parentNode).selectAll("."+C).filter((e=>e.id===i.id)).style("display","block").append("div").text("Loading...").attr("class",S).style("opacity",.5).style("padding","5px")}const r=e.state.expandedTermIds.includes(s.id);const a=r?"tree_collapse":"tree_expand";e.app.dispatch({type:a,termId:s.id})};e.clickTerm=async t=>{if(e.opts.click_term2select_tvs){e.app.dispatch({type:"submenu_set",submenu:{term:t,type:"tvs"}});return}if(e.opts.click_term_wrapper){e.opts.click_term_wrapper(t);return}if(e.opts.submit_lst){const s=e.state.selectedTerms.findIndex((e=>e.name===t.name));if(s==-1){e.app.dispatch({type:"app_refresh",state:{selectedTerms:[...e.state.selectedTerms,t]}})}else{const t=e.state.selectedTerms.slice(0);t.splice(s,1);e.app.dispatch({type:"app_refresh",state:{selectedTerms:t}})}return}throw"missing term click callback"}}const N={header_mode:"search_only",activeCohort:0,tree:{usecase:{},expandedTermIds:[]},submenu:{},search:{isVisible:true},selectedTerms:[],termfilter:{filter:{type:"tvslst",in:true,join:"",lst:[]}}};class O{constructor(e){this.type="store";this.defaultState=N;s(this,e);this.prevGeneratedId=0}validateOpts(e){if(!e.state)throw".state{} missing";const t=e.state;if(t.vocab){if(t.vocab.dslabel){if(!t.vocab.genome)throw".state[.vocab].genome missing"}else if(t.vocab.genome){if(!t.vocab.dslabel)throw".state[.vocab].dslabel missing"}else{if(!Array.isArray(t.vocab.terms))throw"vocab.terms must be an array of objects"}}}validateState(){const e=this.state;if(e.tree.expandedTermIds.length==0){e.tree.expandedTermIds.push(_)}else{if(e.tree.expandedTermIds[0]!=_){e.tree.expandedTermIds.unshift(_)}}}async init(){this.state.termdbConfig=await this.app.vocabApi.getTermdbConfig();let e=h(this.state.termfilter.filter,"filterUiRoot");if(!e){this.state.termfilter.filter.tag="filterUiRoot";e=this.state.termfilter.filter}if(this.state.termdbConfig.selectCohort){let t=h(this.state.termfilter.filter,"cohortFilter");if(!t){t={tag:"cohortFilter",type:"tvs",tvs:{term:JSON.parse(JSON.stringify(this.state.termdbConfig.selectCohort.term)),values:this.state.activeCohort==-1?[]:this.state.termdbConfig.selectCohort.values[this.state.activeCohort].keys.map((e=>({key:e,label:e})))}};this.state.termfilter.filter={type:"tvslst",in:true,join:"and",lst:[t,e]}}else{const e=(e,t)=>e<t?-1:1;t.tvs.values.sort(((e,t)=>e.key<t.key?-1:1));const s=JSON.stringify(t.tvs.values.map((e=>e.key)).sort(e));const i=this.state.termdbConfig.selectCohort.values.findIndex((t=>s==JSON.stringify(t.keys.sort(e))));if(this.state.activeCohort!==-1&&this.state.activeCohort!==0&&i!==this.state.activeCohort){console.log("Warning: cohortFilter will override the state.activeCohort due to mismatch")}this.state.activeCohort=i}}else{this.state.activeCohort=-1;if(this.state.header_mode==="with_cohortHtmlSelect"){console.warn(`no termdbConfig.selectCohort to use for state.header_mode = 'with_cohortHtmlSelect'`);this.state.header_mode="search_only"}}}fromJson(e){const t=JSON.parse(e);return t}setId(e){e.$id=this.prevGeneratedId++;if(e.$lst){for(const t of e.$lst){this.setId(t)}}}}O.prototype.actions={app_refresh(e={}){this.state=this.copyMerge(this.toJson(this.state),e.state?e.state:{},this.replaceKeyVals)},cohort_set(e){this.state.activeCohort=e.activeCohort;const t=this.state.termdbConfig.selectCohort.values[e.activeCohort];const s=h(this.state.termfilter.filter,"cohortFilter");if(!s)throw`No item tagged with 'cohortFilter'`;s.tvs.values=t.keys.map((e=>({key:e,label:e})))},tree_expand(e){if(this.state.tree.expandedTermIds.includes(e.termId))return;this.state.tree.expandedTermIds.push(e.termId)},tree_collapse(e){const t=this.state.tree.expandedTermIds.indexOf(e.termId);if(t==-1)return;this.state.tree.expandedTermIds.splice(t,1)},filter_replace(e){const t=e.filter?e.filter:{type:"tvslst",join:"",in:1,lst:[]};if(!e.filter.tag){this.state.termfilter.filter=t}else{const s=h(this.state.termfilter.filter,e.filter.tag);if(!s)throw`cannot replace missing filter with tag '${e.filter.tag}'`;const i=u(this.state.termfilter.filter,s.$id);if(i==s){this.state.termfilter.filter=t}else{const e=i.lst.indexOf(s);i.lst[e]=t}}},submenu_set(e){const t=e.submenu&&e.submenu.term;if(!t){this.state.submenu={};this.state.tree.expandedTermIds=[_]}else{const s=[_];if(t.__ancestors){s.push(...t.__ancestors)}if(m(t).has("plot")){Object.assign(this.state.submenu,e.submenu)}else{s.push(t.id);delete this.state.submenu.term}this.state.tree.expandedTermIds=s}}};const E=i(O);class R{constructor(e){this.type="submenu";this.dom={holder:e.holder};P(this)}reactsTo(e){if(e.type.startsWith("submenu_"))return true;if(e.type=="app_refresh")return true}getState(e){return{type:e.submenu.type,term:e.submenu.term,termfilter:e.termfilter}}main(){if(!this.state.term){this.dom.holder.style("display","none");return}if(this.state.type=="tvs")this.showTvsMenu(this.state.term);else throw`unsupported submenu.type='${this.state.type}'`}}const z=e(R);function P(e){e.showTvsMenu=function(t){e.dom.holder.selectAll("*").remove();e.dom.holder.style("display","block").append("div").style("margin","20px").append("span").html("&laquo; Back to variable selection").attr("class","sja_clbtext").on("click",(()=>e.app.dispatch({type:"submenu_set",submenu:{}})));f({term:t,filter:e.state.termfilter.filter,holder:e.dom.holder.append("div"),vocabApi:e.app.vocabApi,debug:e.app.debug,getCategoriesArguments:e.app.opts.getCategoriesArguments,callback:e.app.opts.tree.click_term2select_tvs})}}class ${constructor(e){this.type="search";this.customEvents=["postSearch"];G(this);J(this);this.dom={holder:e.holder};this.isVisible="isVisible"in e?e.isVisible:true}async init(e){this.initUI(this.getState(e))}reactsTo(e){if(e.type=="app_refresh")return true;const t=e.type.split("_")[0];return["search","cohort","submenu"].includes(t)}getState(e){return{isVisible:!e.submenu.term&&this.isVisible,cohortStr:e.activeCohort==-1||!e.termdbConfig.selectCohort?"":e.termdbConfig.selectCohort.values[e.activeCohort].keys.slice().sort().join(","),allowedTermTypes:e.termdbConfig.allowedTermTypes||[],expandedTermIds:e.tree.expandedTermIds,selectedTerms:e.selectedTerms,usecase:e.tree.usecase,search:e.search,isGeneSetTermdb:e.termdbConfig.isGeneSetTermdb}}async main(){this.dom.holder.style("display",this.state.isVisible?"block":"none");this.renderSelectedNonDictTerms()}async doSearch(e,t){if(!e){this.clear();this.bus.emit("postSearch",[]);return}const s=await this.app.vocabApi.findTerm(e,this.state.cohortStr,this.state.usecase,t);if(!s.lst||s.lst.length==0){this.noResult()}else{this.showTerms(s)}this.bus.emit("postSearch",s)}}const q=e($);function G(e){e.initUI=t=>{e.dom.holder.style("display",e.search&&e.search.isVisible==false?"none":"block");e.dom.input=e.dom.holder.style("text-align","left").append("input").attr("type","search").attr("class","tree_search").attr("placeholder","Search"+e.getPrompt(t)).style("width","220px").style("margin","10px").style("display","block").on("input",r.debounce(e.onInput,300)).on("keyup",e.onKeyup);e.dom.input.node().focus();e.dom.resultDiv=(e.opts.resultsHolder||e.dom.holder).append("div").style("display","none").style("grid-template-columns","auto auto");const s=e.dom.resultDiv.append("div");const i=e.dom.resultDiv.append("div");e.dom.resultDiv_genes=s.append("div").style("border-left","solid 1px rgb(133,182,225)").style("margin","0px 0px 10px 10px").style("padding-left","5px");e.dom.resultDiv_terms=i.append("div").style("border-left",e.opts.resultsHolder?"":"solid 1px rgb(133,182,225)").style("margin","0px 0px 10px 10px").style("padding-left","5px");e.dom.nonDictDiv=e.dom.holder.append("div").style("margin","0px 0px 10px 10px").style("display","none");e.dom.nonDictDiv.append("div").style("font-weight",600).html("Selected genes");e.dom.selectedNonDictDiv=e.dom.nonDictDiv.append("div")};e.getPrompt=e=>{const t=e.allowedTermTypes.includes("geneVariant")&&m({type:"geneVariant"},e.usecase).has("plot");if(t)return" variables or genes";if(e.isGeneSetTermdb)return" gene sets";return" variables"};e.noResult=()=>{e.clear();e.dom.resultDiv.style("display","inline-grid");e.dom.resultDiv_terms.append("div").style("padding","3px 3px 3px 0px").style("opacity",.5).text("No match"+(e.app.vocabApi.termdbConfig?.queries?.snvindel?.allowSNPs?". Press ENTER to search SNP":""))};e.showTerms=t=>{if(e.opts.disable_terms){t.lst.forEach((t=>{if(t.disabled)e.opts.disable_terms.push(t.id)}))}e.clear();e.dom.resultDiv.style("display","inline-grid");const s=[],i=[];for(const e of t.lst){if(e.type=="geneVariant"){s.push(e)}else{i.push(e)}}if(s.length){e.dom.resultDiv_genes.append("table").selectAll().data(s).enter().append("tr").each(e.showTerm)}if(i.length){e.dom.resultDiv_terms.append("table").selectAll().data(i).enter().append("tr").each(e.showTerm)}};e.showTerm=function(s){const i=t(this);const r=i.append("td").text(s.name);const a=m(s,e.state.usecase);if((e.opts.click_term||e.app.opts?.tree?.click_term_wrapper)&&a.has("plot")){if("id"in s&&e.opts.disable_terms?.includes(s.id)){r.attr("class","sja_tree_click_term_disabled").style("display","block").style("padding","5px 8px").style("margin","1px 0px").style("opacity",.4)}else{r.attr("class","ts_pill sja_filter_tag_btn sja_tree_click_term").style("display","block").style("color","black").style("padding","5px 8px").style("border-radius","6px").style("background-color",s.type=="geneVariant"?"rgba(251,171,96,0.5)":"#cfe2f3").style("margin","1px 0px").style("cursor","default").on("click",(()=>{if(e.opts.click_term){e.opts.click_term(s)}else{e.app.opts.tree.click_term_wrapper(s)}e.clear();e.dom.input.property("value","")}))}if(s.samplecount!==undefined){i.append("td").append("div").style("font-size",".8em").style("display","inline-block").style("margin-left","5px").style("color",s.samplecount?"#777":"#ddd").text("n="+s.samplecount)}}else{r.attr("class","sja_menuoption").on("click",(()=>{e.clear();e.dom.input.property("value","");const t=[_];if(s.type=="geneVariant"&&e.opts.handleGeneVariant){e.opts.handleGeneVariant(s)}else if(y.has(s.type)){e.app.dispatch({type:"app_refresh",state:{selectedTerms:[...e.state.selectedTerms,s]}})}else{if(s.__ancestors){t.push(...s.__ancestors)}if(!e.app.vocabApi.graphable(s))t.push(s.id);e.app.dispatch({type:"app_refresh",state:{tree:{expandedTermIds:t}}})}}))}i.append("td").text(s.type=="geneVariant"?"gene variant":(s.__ancestorNames||[]).join(" > ")).style("opacity",.5).style("font-size",".7em")};e.clear=()=>{e.dom.resultDiv_genes.selectAll("*").remove();e.dom.resultDiv_terms.selectAll("*").remove();e.dom.resultDiv.style("display","none")};e.renderSelectedNonDictTerms=function(){const t=e.state.selectedTerms.filter((e=>y.has(e.type)));e.dom.nonDictDiv.style("display",t.length?"":"none");const s=e.dom.selectedNonDictDiv.selectAll("div").data(t,(e=>e.name));s.exit().remove();s.enter().append("div").style("display","inline-block").style("margin","1px").style("padding","5px 8px").style("background-color","rgba(255, 194, 10,0.5)").style("border-radius","6px").html((e=>e.name))}}function J(e){e.onKeyup=t=>{if(!a(t))return;if(!e.app.vocabApi.termdbConfig?.queries?.snvindel?.allowSNPs)return;e.onInput(t,"snp")};e.onInput=async(t,s)=>{const i=e.dom.input.property("value");try{await e.doSearch(i,s)}catch(t){e.clear();e.dom.resultDiv.style("display","inline-grid");o(e.dom.resultDiv_terms,"Error: "+(t.message||t));if(t.stack)console.log(t.stack)}}}class W{constructor(e){this.type="app";if(!e.holder)t("body").append("div");const s=e.holder.append("div").style("display",e.tree?.submit_lst?"":"none").style("text-align","center").style("margin","10px 5px");const i=s.append("button").property("disabled",true).text(this.noSelectionPrompt).on("click",(()=>this.opts.tree?.submit_lst(this.state.selectedTerms)));const r=e.holder.append("div");this.dom={holder:e.holder,treeDiv:e.holder.append("div"),customTermDiv:e.holder.append("div").style("margin","10px"),submitDiv:s,submitBtn:i,topbar:r,searchDiv:r.append("div").style("display","inline-block"),filterDiv:r.append("div").style("display","none"),errdiv:e.holder.append("div"),tip:new n({padding:"5px"})}}validateOpts(e){if(e.vocabApi);else if(e.state&&e.state.vocab){if(typeof e.state.vocab!="object")throw"opts.state.vocab{} is not an object"}else if(e.state&&e.state.genome){const t=e.state;if(!t.vocab)t.vocab={};t.vocab.genome=t.genome;delete t.genome;if(t.dslabel){t.vocab.dslabel=t.dslabel;delete t.dslabel}}else{throw"neither state.vocab{} or opts.vocabApi provided"}if(e.tree){if(e.tree.disable_terms&&!e.tree.click_term&&!e.tree.click_term2select_tvs&&(!e.barchart||!e.barchart.bar_click_override)){throw`opts.tree.disable_terms is used only when opts.tree.click_term, opts.tree.click_term2select_tvs, or opts.barchart.bar_click_override is set`}if(!e.search)e.search={};if(e.tree.click_term2select_tvs){e.search.click_term=e=>this.api.dispatch({type:"submenu_set",submenu:{term:e,type:"tvs"}})}if(e.tree.click_term){e.tree.click_term_wrapper=async t=>{if(this.state.termdbConfig.termMatch2geneSet){const e=await d("termdb",{body:{genome:this.state.vocab.genome,dslabel:this.state.vocab.dslabel,genesetByTermId:t.id}});t._geneset=e}e.tree.click_term(t)}}if(e.tree.disable_terms)e.search.disable_terms=e.tree.disable_terms}return e}async preApiFreeze(e){try{if(this.opts.vocabApi){e.vocabApi=this.opts.vocabApi}else{const t={vocab:this.opts.state.vocab||{genome:this.opts.state.genome,dslabel:this.opts.state.dslabel}};e.vocabApi=await b({app:this.api,state:t,fetchOpts:this.opts.fetchOpts})}e.appInit=F}catch(e){console.log(e);throw e}}async init(){try{this.store=await E({app:this.api,state:this.opts.state});this.state=await this.store.copyState();await this.setComponents();await this.api.dispatch()}catch(e){this.printError(e)}}async setComponents(){try{const e=this.state.nav?.header_mode;const t={search:q({app:this.api,holder:this.dom.searchDiv,isVisible:e!=="hide_search"}),tree:j({app:this.api,holder:this.dom.treeDiv,headerDiv:this.dom.headerDiv,expandAll:e=="hide_search"})};if(this.opts.tree&&this.opts.tree.click_term2select_tvs){t.submenu=z({app:this.api,holder:this.dom.holder.append("div").style("display","none")})}this.components=await c(t)}catch(e){throw e}}async main(){this.api.vocabApi.main();const e=this.state.selectedTerms.length;this.dom.submitBtn.property("disabled",!e).text(!e?"Search or click term(s)":`Submit ${e} term${e>1?"s":""}`);await this.mayShowCustomTerms()}printError(e){o(this.dom.errdiv,"Error: "+(e.message||e));if(e.stack)console.log(e.stack)}async mayShowCustomTerms(){const e=await this.api.vocabApi.getCustomTerms();if(!Array.isArray(e)||e.length==0)return this.dom.customTermDiv.style("display","none");const t=[];for(const s of e){const e=m(s.term,this.state.tree.usecase);if(e.has("plot"))t.push(s)}if(t.length==0)return this.dom.customTermDiv.style("display","none");this.dom.customTermDiv.selectAll("*").remove();this.dom.customTermDiv.append("div").text("CUSTOM VARIABLES").style("font-size",".7em");for(const e of t){this.dom.customTermDiv.append("div").style("margin-bottom","3px").append("div").text(e.term.name).attr("class","sja_filter_tag_btn").style("padding","3px 6px").style("border-radius","6px").on("click",(()=>{if(!this.opts.tree)return;if(this.opts.tree.click_term){this.opts.tree.click_term(e);return}if(this.opts.tree.click_term2select_tvs){this.api.dispatch({type:"submenu_set",submenu:{term:e.term,type:"tvs"}});return}}))}}}const F=l(W);export{F as appInit};