@sjcrh/proteinpaint-client 2.166.0 → 2.167.0

package/dist/chunk-I26R4NJJ.js

@@ -1,228 +0,0 @@
-import {
-  appInit
-} from "./chunk-47HG7LGD.js";
-import {
-  getDefaultViolinSettings
-} from "./chunk-L3PMRBTA.js";
-import {
-  select_default
-} from "./chunk-NDWTN4U5.js";
-
-// plots/regression.inputs.values.table.js
-var row_hover_bgcolor = "#fff6dc";
-var InputValuesTable = class {
-  constructor(opts) {
-    this.opts = opts;
-    this.input = opts.input;
-    setRenderers(this);
-    this.setDOM(opts.holder);
-  }
-  main() {
-    try {
-      const term = this.input.term;
-      if (!term || !this.input.termStatus) {
-        this.dom.holder.style("display", "none");
-        this.dom.loading_div.style("display", "none");
-        return;
-      } else if (term) {
-        this.dom.holder.style("display", "block");
-        this.dom.loading_div.style("display", "block");
-        this.updateValueCount();
-        this.dom.loading_div.style("display", "none");
-        this.render();
-        return;
-      }
-    } catch (e) {
-      this.dom.loading_div.style("display", "none");
-      throw e;
-    }
-  }
-  updateValueCount() {
-    const i = this.input;
-    try {
-      if (i.pill && i.pill.validateQ) {
-        i.pill.validateQ({
-          term: i.term.term,
-          q: i.term.q,
-          sampleCounts: i.termStatus.sampleCounts
-        });
-      }
-    } catch (e) {
-      i.term.error = e;
-    }
-  }
-};
-function setRenderers(self) {
-  self.setDOM = (holder) => {
-    self.dom = {
-      holder: holder.style("margin", "10px").style("font-size", ".8em").style("text-align", "left").style("color", "#999"),
-      loading_div: holder.append("div").text("Loading..").style("display", "none"),
-      top_info_div: holder.append("div").style("padding-bottom", "5px"),
-      violin_div: holder.append("div").style("color", "black").style("padding-top", "5px"),
-      table_div: holder.append("table").style("margin", "5px 0px 15px 0px").style("border-collapse", "collapse").style("color", "black"),
-      bottom_info_div: holder.append("div"),
-      excluded_div: holder.append("table").style("display", "none").style("margin", "5px 10px").style("border-collapse", "collapse")
-    };
-  };
-  self.render = async () => {
-    const input = self.input;
-    renderTopInfo(input);
-    await renderValuesTable(input);
-    renderBottomInfo(input);
-    renderExcludedValues(input);
-  };
-  function renderTopInfo(input) {
-    if (input.termStatus.topInfoStatus?.length) {
-      self.dom.top_info_div.style("display", "block").html(input.termStatus.topInfoStatus.join("<br>"));
-    } else {
-      self.dom.top_info_div.style("display", "none");
-    }
-  }
-  async function renderValuesTable(input) {
-    if (input.term.q.mode == "continuous" || input.term.q.mode == "spline") {
-      self.dom.violin_div.style("display", "block");
-      self.dom.table_div.style("display", "none");
-      if (self.plotAppApi) {
-        const action = {
-          type: "app_refresh",
-          state: {
-            termfilter: {
-              filter: self.input.parent.parent.filter
-            }
-          },
-          subactions: [
-            {
-              type: "plot_edit",
-              id: self.violinApi.id,
-              config: {
-                term: input.term
-              }
-            }
-          ]
-        };
-        self.plotAppApi.dispatch(action);
-      } else {
-        const opts = {
-          holder: self.dom.violin_div,
-          vocabApi: self.input.parent.app.vocabApi,
-          state: {
-            vocab: {
-              genome: self.input.parent.app.vocabApi.genome,
-              dslabel: self.input.parent.app.vocabApi.dslabel
-            },
-            termfilter: {
-              filter: self.input.parent.parent.filter
-            },
-            plots: [
-              {
-                chartType: "violin",
-                term: input.term,
-                settings: {
-                  violin: getDefaultViolinSettings(null, {
-                    svgw: 350,
-                    axisHeight: 25,
-                    rightMargin: 10,
-                    datasymbol: "rug",
-                    radius: 8,
-                    plotThickness: 80
-                  })
-                }
-              }
-            ]
-          },
-          // global options for plotAppApi
-          // opts.violin will apply to all violin plots within the plotApp
-          // rx will pass options by component type, which are not tracked in state
-          // examples are callbacks, event listeners, etc
-          violin: {
-            mode: "minimal"
-          }
-        };
-        self.plotAppApi = await appInit(opts);
-        const plotId = self.plotAppApi.getState().plots[0].id;
-        self.violinApi = self.plotAppApi.getComponents(`plots.${plotId}`);
-      }
-    } else {
-      self.dom.violin_div.style("display", "none");
-      const data = input.termStatus.sampleCounts;
-      if (!data || !data.length) {
-        self.dom.table_div.style("display", "none");
-        return;
-      }
-      self.dom.table_div.style("display", "block");
-      const l = self.input.orderedLabels;
-      const sortFxn = l && l.length ? (a, b) => l.indexOf(a.label) - l.indexOf(b.label) : (a, b) => b.samplecount - a.samplecount;
-      const tr_data = data.sort(sortFxn);
-      const maxCount = Math.max(...tr_data.map((v) => v.samplecount), 0);
-      tr_data.forEach((v) => v.bar_width_frac = Number((1 - (maxCount - v.samplecount) / maxCount).toFixed(4)));
-      self.dom.table_div.selectAll("tr").remove();
-      const trs = self.dom.table_div.selectAll("tr").data(tr_data, (b) => b.key);
-      trs.enter().append("tr").each(trEnter);
-    }
-  }
-  function renderBottomInfo(input) {
-    if (input.termStatus.bottomSummaryStatus) {
-      self.dom.bottom_info_div.style("display", "block").html(input.termStatus.bottomSummaryStatus);
-    } else {
-      self.dom.bottom_info_div.style("display", "none");
-    }
-  }
-  function renderExcludedValues(input) {
-    const data = input.termStatus.excludeCounts;
-    if (!data || !data.length) {
-      self.dom.excluded_div.style("display", "none");
-      return;
-    }
-    self.dom.excluded_div.style("display", "block").selectAll("tr").remove();
-    const trs = self.dom.excluded_div.selectAll("tr").data(data, (b) => b.key);
-    trs.enter().append("tr").each(trEnter);
-    self.dom.excluded_div.selectAll("td").style("color", "#999");
-  }
-  function trEnter(item) {
-    const tr = select_default(this);
-    const input = this.parentNode.__data__;
-    const t = input.term;
-    const maxBarWidth = 150;
-    tr.style("text-align", "left").style("cursor", input.termStatus.allowToSelectRefGrp ? "pointer" : "default");
-    const tdSpacing = "1px 10px 1px 0px";
-    tr.append("td").style("padding", tdSpacing).style("text-align", "left").style("color", "black").text(item.samplecount !== void 0 ? "n=" + item.samplecount : "");
-    tr.append("td").style("padding", tdSpacing).style("text-align", "left").style("color", "black").text(item.label);
-    const bar_td = tr.append("td").style("padding", tdSpacing);
-    const barWidth = maxBarWidth * item.bar_width_frac;
-    bar_td.append("div").style("margin", tdSpacing).style("width", barWidth + "px").style("height", "15px").style("background-color", "#ddd");
-    addTrBehavior({ input, item, tr, rendered: false });
-  }
-  function addTrBehavior({ input, item, tr, rendered }) {
-    if (!item.bar_width_frac) return;
-    const t = input.term;
-    const hover_flag = input.termStatus.allowToSelectRefGrp;
-    let ref_text;
-    if (rendered) {
-      tr.style("background", "white");
-      ref_text = select_default(tr.node().lastChild).select("div").style("display", item.key === t.refGrp && hover_flag ? "inline-block" : "none").style("border", item.key === t.refGrp && hover_flag ? "1px solid #bbb" : "");
-    } else if (input.term.q.mode != "cutoff") {
-      const reference_td = tr.append("td").style("padding", "1px 5px").style("text-align", "left");
-      ref_text = reference_td.append("div").style("display", item.key === t.refGrp && hover_flag ? "inline-block" : "none").style("padding", "2px 10px").style("border", item.key === t.refGrp && hover_flag ? "1px solid #bbb" : "").style("border-radius", "10px").style("color", "#999").style("font-size", ".7em").text("REFERENCE");
-      if (hover_flag) {
-        tr.on("mouseover", () => {
-          if (t.refGrp !== item.key) {
-            tr.style("background", row_hover_bgcolor);
-            ref_text.style("display", "inline-block").style("border", "").text("Set as reference");
-          } else tr.style("background", "white");
-        }).on("mouseout", () => {
-          tr.style("background", "white");
-          if (t.refGrp !== item.key) ref_text.style("display", "none");
-        }).on("click", () => {
-          t.refGrp = item.key;
-          ref_text.style("border", "1px solid #bbb").text("REFERENCE");
-          self.opts.callback(t);
-        });
-      }
-    }
-  }
-}
-
-export {
-  InputValuesTable
-};
-//# sourceMappingURL=chunk-I26R4NJJ.js.map

package/dist/chunk-I2GCD26Y.js

@@ -1,55 +0,0 @@
-import {
-  TwRouter,
-  routedTermTypes
-} from "./chunk-UT6W4ZZL.js";
-
-// plots/PlotBase.ts
-var PlotBase = class {
-  constructor(opts, plotApi) {
-    this.dom = {};
-    this.components = {};
-    if (plotApi) this.api = plotApi;
-    this.opts = opts;
-    this.id = opts?.id;
-    this.app = opts?.app;
-    this.parentId = opts?.parentId;
-  }
-  async getMutableConfig() {
-    const config = structuredClone(this.state.config);
-    if (!this.configTermKeys) return config;
-    const opts = {
-      vocabApi: this.app.vocabApi
-    };
-    for (const key of this.configTermKeys) {
-      const value = config[key];
-      if (!value) continue;
-      if (Array.isArray(value)) {
-        for (const [i, tw] of value.entries()) {
-          if (routedTermTypes.has(tw.term?.type)) config[key][i] = TwRouter.init(tw, opts);
-        }
-      } else if (routedTermTypes.has(value.term?.type)) {
-        config[key] = await TwRouter.initRaw(value, opts);
-      }
-    }
-    return config;
-  }
-};
-var defaultUiLabels = {
-  Samples: "Samples",
-  samples: "samples",
-  Sample: "Sample",
-  sample: "sample",
-  Terms: "Variables",
-  terms: "variables",
-  Term: "Variable",
-  term: "Variable",
-  Mutations: "Mutations",
-  term2: { label: "Overlay", title: "Overlay data" },
-  term0: { label: "Divide by", title: "Divide by data" }
-};
-
-export {
-  PlotBase,
-  defaultUiLabels
-};
-//# sourceMappingURL=chunk-I2GCD26Y.js.map

package/dist/chunk-I2GCD26Y.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../plots/PlotBase.ts"],
-  "sourcesContent": ["import type { AppApi, ComponentApi } from '#rx'\nimport { TwRouter, routedTermTypes } from '#tw'\n\nexport class PlotBase {\n\t//type: string\n\t//id: string\n\tapi?: ComponentApi\n\topts: any\n\tapp: AppApi\n\tid: string\n\tstate: any\n\tparentId?: string\n\n\tdom: {\n\t\t[name: string]: any\n\t} = {}\n\n\tcomponents: {\n\t\t[name: string]: ComponentApi | { [name: string]: ComponentApi }\n\t} = {}\n\n\t// dom: any\n\t// config: any\n\tconfigTermKeys?: string[]\n\n\tconstructor(opts, plotApi?: ComponentApi) {\n\t\tif (plotApi) this.api = plotApi\n\t\tthis.opts = opts\n\t\tthis.id = opts?.id\n\t\tthis.app = opts?.app\n\t\tthis.parentId = opts?.parentId\n\t}\n\n\tasync getMutableConfig() {\n\t\t// TODO: may improve to not require a full copy??\n\t\tconst config = structuredClone(this.state.config)\n\t\tif (!this.configTermKeys) return config\n\n\t\tconst opts = {\n\t\t\tvocabApi: this.app.vocabApi\n\t\t}\n\n\t\tfor (const key of this.configTermKeys) {\n\t\t\tconst value = config[key]\n\t\t\tif (!value) continue\n\t\t\tif (Array.isArray(value)) {\n\t\t\t\tfor (const [i, tw] of value.entries()) {\n\t\t\t\t\tif (routedTermTypes.has(tw.term?.type)) config[key][i] = TwRouter.init(tw, opts)\n\t\t\t\t}\n\t\t\t} else if (routedTermTypes.has(value.term?.type)) {\n\t\t\t\tconfig[key] = await TwRouter.initRaw(value, opts)\n\t\t\t}\n\t\t}\n\n\t\treturn config\n\t}\n}\n\n// default UI labels\n// used by plot controls and tooltips\nexport const defaultUiLabels = {\n\tSamples: 'Samples',\n\tsamples: 'samples',\n\tSample: 'Sample',\n\tsample: 'sample',\n\tTerms: 'Variables',\n\tterms: 'variables',\n\tTerm: 'Variable',\n\tterm: 'Variable',\n\tMutations: 'Mutations',\n\tterm2: { label: 'Overlay', title: 'Overlay data' },\n\tterm0: { label: 'Divide by', title: 'Divide by data' }\n}\n"],
-  "mappings": ";;;;;;AAGO,IAAM,WAAN,MAAe;AAAA,EAsBrB,YAAY,MAAM,SAAwB;AAZ1C,eAEI,CAAC;AAEL,sBAEI,CAAC;AAOJ,QAAI,QAAS,MAAK,MAAM;AACxB,SAAK,OAAO;AACZ,SAAK,KAAK,MAAM;AAChB,SAAK,MAAM,MAAM;AACjB,SAAK,WAAW,MAAM;AAAA,EACvB;AAAA,EAEA,MAAM,mBAAmB;AAExB,UAAM,SAAS,gBAAgB,KAAK,MAAM,MAAM;AAChD,QAAI,CAAC,KAAK,eAAgB,QAAO;AAEjC,UAAM,OAAO;AAAA,MACZ,UAAU,KAAK,IAAI;AAAA,IACpB;AAEA,eAAW,OAAO,KAAK,gBAAgB;AACtC,YAAM,QAAQ,OAAO,GAAG;AACxB,UAAI,CAAC,MAAO;AACZ,UAAI,MAAM,QAAQ,KAAK,GAAG;AACzB,mBAAW,CAAC,GAAG,EAAE,KAAK,MAAM,QAAQ,GAAG;AACtC,cAAI,gBAAgB,IAAI,GAAG,MAAM,IAAI,EAAG,QAAO,GAAG,EAAE,CAAC,IAAI,SAAS,KAAK,IAAI,IAAI;AAAA,QAChF;AAAA,MACD,WAAW,gBAAgB,IAAI,MAAM,MAAM,IAAI,GAAG;AACjD,eAAO,GAAG,IAAI,MAAM,SAAS,QAAQ,OAAO,IAAI;AAAA,MACjD;AAAA,IACD;AAEA,WAAO;AAAA,EACR;AACD;AAIO,IAAM,kBAAkB;AAAA,EAC9B,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AAAA,EACX,OAAO,EAAE,OAAO,WAAW,OAAO,eAAe;AAAA,EACjD,OAAO,EAAE,OAAO,aAAa,OAAO,iBAAiB;AACtD;",
-  "names": []
-}

package/dist/chunk-ICNJQHQZ.js

@@ -1,117 +0,0 @@
-import {
-  copyMerge,
-  getInitFxn
-} from "./chunk-FYTZCTJC.js";
-
-// termdb/termInfo.js
-var defaultState = { isVisible: false, term: null };
-var TdbTermInfo = class {
-  /*
-  		Will display background information about a term, 
-  		such as rubric, publication source, description, etc
-  
-  		opts{}
-  			.content_holder: required d3-wrapped DOM element
-  				****TODO: Create menu on the fly if content_holder is not supplied****
-  			
-  			.icon_holder: optional, creates information icon for terms
-  			
-  			.vocabApi: 
-  				- for termInfoInit(), required as opts.vocabApi
-  				- for termInfoComp(), required as part of opts.app
-  				- a vocabulary API that has a getTermInfo() method
-  			
-  			.state{} optional, see defaultState value above
-  				.isVisible: boolean, optional
-  				.term: {id, ...} optional (may be supplied with either getState() or main({state}))
-  	*/
-  constructor(opts) {
-    this.vocabApi = opts.vocabApi || opts.app && opts.app.vocabApi;
-    this.state = Object.assign({}, defaultState, opts.state ? opts.state : {});
-    this.api = this;
-    setInteractivity(this);
-    setRenderers(this);
-    this.initUI(opts);
-  }
-  /*
-  	state: replace 1 or more state values by attribute key
-  */
-  async main(state = {}) {
-    copyMerge(this.state, state);
-    this.dom.content_holder.style("display", this.state.isVisible ? "block" : "none");
-    this.dom.icon_holder.style("background-color", this.state.isVisible ? "darkgray" : "transparent").style("color", this.state.isVisible ? "white" : "#797a7a");
-    if (!this.state.isVisible) return;
-    const data = await this.vocabApi.getTermInfo(this.state.term.id);
-    this.render(data);
-  }
-};
-var termInfoInit = getInitFxn(TdbTermInfo);
-function setRenderers(self) {
-  self.initUI = function(opts) {
-    self.dom = {
-      content_holder: opts.content_holder.style("margin-left", "25px").attr("class", "term_info_div").style("display", self.state.isVisible ? "block" : "none").style("white-space", "normal").style("padding-bottom", "20px"),
-      //Term information/description
-      details: opts.content_holder.append("div"),
-      tbody: opts.content_holder.append("table").append("tbody"),
-      //Information icon button div. Term description appears in content_holder
-      icon_holder: opts.icon_holder.style("margin", "1px 0px 1px 5px").style("padding", "2px 5px").style("font-family", "Times New Roman").style("font-size", "14px").style("font-weight", "bold").style("cursor", "pointer").style("background-color", "transparent").style("color", "#797a7a").style("align-items", "center").style("justify-content", "center").style("border", "none").style("border-radius", "3px").attr("aria-label", "Term Information").html("ⓘ").on("mouseenter", () => {
-        if (self.state.isVisible == true) return;
-        self.dom.icon_holder.style("color", "blue");
-      }).on("mouseleave", () => {
-        if (self.state.isVisible == true) return;
-        self.dom.icon_holder.style("color", "#797a7a");
-      }).on("click", self.toggleDescription)
-    };
-  };
-  self.render = function(data) {
-    if (!data?.terminfo) {
-      self.dom.details.append("div").style("margin-top", "10px").text("No definition found.");
-      return;
-    }
-    self.dom.tbody.selectAll("*").remove();
-    if (data.terminfo.src) {
-      for (let s of data.terminfo.src) {
-        const source_td = self.dom.tbody.append("tr").append("td").style("padding", "5px 0");
-        source_td.append("div").style("font-weight", "bold").text("Source");
-        source_td.append("div").style("margin-left", "20px").text(s.pub);
-        source_td.append("div").style("margin-left", "20px").html(s.title + ":&nbsp;<i>" + s.section + "</i>");
-      }
-    }
-    if (data.terminfo.rubric) {
-      const grade_td = self.dom.tbody.append("tr").append("td").style("padding", "5px 0").append("div").style("font-weight", "bold").text("Grading Rubric").append("ol").style("margin", "0px");
-      for (let grade of data.terminfo.rubric) {
-        grade_td.append("li").style("font-weight", "normal").text(grade);
-      }
-    }
-    self.dom.details.selectAll("*").remove();
-    if (data.terminfo.description) {
-      const header = self.dom.details.append("div").style("padding-top", "20px").style("padding-bottom", "10px").style("font-weight", "bold").text("Description");
-      for (const d of data.terminfo.description) {
-        self.renderDetail(d, self.dom.details.append("div").style("padding-bottom", "3px"));
-      }
-    }
-  };
-  self.renderDetail = function(d, div) {
-    if (Array.isArray(d.value)) {
-      div.append("span").html("<i>" + d.label + "</i>");
-      const section = div.append("div").style("padding-left", "20px");
-      for (const v of d.value) {
-        v.label = "- " + v.label;
-        self.renderDetail(v, section.append("div"));
-      }
-    } else {
-      div.html("<i>" + d.label + ":</i>&nbsp;" + d.value);
-    }
-  };
-}
-function setInteractivity(self) {
-  self.toggleDescription = function() {
-    self.state.isVisible = !self.state.isVisible;
-    self.main({ isVisible: self.state.isVisible });
-  };
-}
-
-export {
-  termInfoInit
-};
-//# sourceMappingURL=chunk-ICNJQHQZ.js.map

package/dist/chunk-IPAGDFO4.js

@@ -1,80 +0,0 @@
-import {
-  Menu
-} from "./chunk-NXOWHUR4.js";
-import {
-  select_default
-} from "./chunk-NDWTN4U5.js";
-
-// plots/matrix/matrix.dom.js
-function setMatrixDom(opts) {
-  const holder = opts.controls ? opts.holder : opts.holder.append("div");
-  holder.style("position", "relative");
-  const controls = this.opts.controls || holder.append("div");
-  const errorDiv = holder.append("div");
-  const loadingDiv = holder.append("div").style("position", "relative").style("top", this.opts.controls ? 0 : "50px").style("left", "50px");
-  const errdiv = holder.append("div").attr("class", "sja_errorbar").style("display", "none");
-  const svg = holder.append("svg").style("margin", "20px").style("overflow", "visible").on("mousemove.label", this.svgMousemove).on("mouseup.label", this.svgMouseup);
-  this.seriesClipId = `sjpp_clip_${this.id}`;
-  const mainG = svg.append("g").attr("class", "sjpp-matrix-maing").on("mouseover", this.showCellInfo).on("mousemove", this.showCellInfo).on("mouseout", this.mouseout);
-  const rectsG = mainG.append("g").attr("clip-path", `url(#${this.seriesClipId})`);
-  const sampleLabelsPG = mainG.append("g");
-  const termLabelsPG = mainG.append("g");
-  const tip = new Menu({ padding: "5px" });
-  this.dom = {
-    header: opts.header,
-    holder,
-    contentNode: opts.holder.node().closest(".sjpp-output-sandbox-content") || opts.holder.node().parentNode,
-    errdiv,
-    controls,
-    errorDiv,
-    loadingDiv,
-    svg,
-    clipRect: svg.append("defs").append("clipPath").attr("id", this.seriesClipId).attr("clipPathUnits", "userSpaceOnUse").append("rect").attr("display", "block"),
-    mainG,
-    cluster: rectsG.append("g").attr("class", "sjpp-matrix-cluster-g").on("mousedown", this.seriesesGMousedown).on("mousemove", this.seriesesGMousemove),
-    //.on('mouseup', this.seriesesGMouseup),
-    seriesesG: rectsG.append("g").attr("class", "sjpp-matrix-serieses-g").attr("data-testid", "sjpp_matrix_mainG_serieses").on("mousedown", this.seriesesGMousedown),
-    //.on('mousemove', this.seriesesGMousemove)
-    //.on('mouseup', this.seriesesGMouseup),
-    highlightBeamG: rectsG.append("g").attr("class", "sjpp-matrix-highlight-beam"),
-    sampleLabelsPG,
-    sampleGrpLabelG: sampleLabelsPG.append("g").attr("class", "sjpp-matrix-series-group-label-g").on("click", this.showSampleGroupMenu).on("mousedown.sjppMatrixLabelText", this.enableTextHighlight).on("mouseup.sjppMatrixLabelText", this.disableTextHighlight),
-    sampleLabelG: sampleLabelsPG.append("g").attr("class", "sjpp-matrix-series-label-g").on("click", (event) => this.mouseclick(event)),
-    /* // TODO: sample label drag to move
-    	.on('mouseover', this.sampleLabelMouseover)
-    	.on('mouseout', this.sampleLabelMouseout)
-    	.on('mousedown', this.sampleLabelMousedown)
-    	.on('mousemove', this.sampleLabelMousemove)
-    	.on('mouseup', this.sampleLabelMouseup)*/
-    termLabelsPG,
-    termGrpLabelG: termLabelsPG.append("g").attr("class", "sjpp-matrix-term-group-label-g").on("mouseover", this.termGrpLabelMouseover).on("mouseout", this.termGrpLabelMouseout).on("mousedown", this.termGrpLabelMousedown).on("mousemove", this.termGrpLabelMousemove).on("mouseup", this.termGrpLabelMouseup).on("mousedown.sjppMatrixLabelText", this.enableTextHighlight).on("mouseup.sjppMatrixLabelText", this.disableTextHighlight),
-    termLabelG: termLabelsPG.append("g").attr("class", "sjpp-matrix-term-label-g").on("mouseover", this.termLabelMouseover).on("mouseout", this.termLabelMouseout).on("mousedown", this.termLabelMousedown).on("mousemove", this.termLabelMousemove).on("mouseup", this.termLabelMouseup).on("mousedown.sjppMatrixLabelText", this.enableTextHighlight).on("mouseup.sjppMatrixLabelText", this.disableTextHighlight),
-    scroll: mainG.append("g"),
-    //legendDiv: holder.append('div').style('margin', '5px 5px 15px 50px'),
-    legendG: mainG.append("g").attr("class", "sjpp-matrix-legend-g").on("mouseover", this.legendLabelMouseover).on("mouseout", this.legendLabelMouseout).on("mouseup", this.legendLabelMouseup),
-    // !!! Do NOT use self.dom.tip.clear(), since it will also get rid of menutop and menubody
-    tip,
-    menutop: tip.d.append("div"),
-    menubody: tip.d.append("div"),
-    clickMenu: new Menu({ padding: "0px" }),
-    brushMenu: new Menu({ padding: "0px" }),
-    dendroClickMenu: new Menu({ padding: "0px" }),
-    legendMenu: new Menu({ padding: "0px" }),
-    matrixCellHoverOver: new Menu({ padding: "0px" })
-  };
-  this.dom.colBeam = this.dom.highlightBeamG.append("rect").style("display", "none").style("stroke-width", "0.5px").style("fill", "transparent").style("pointer-events", "none");
-  this.dom.rowBeam = this.dom.highlightBeamG.append("rect").style("display", "none").style("stroke-width", "0.5px").style("fill", "transparent").style("pointer-events", "none");
-  this.dom.tip.onHide = () => {
-    this.lastActiveLabel = this.activeLabel;
-    delete this.activeLabel;
-  };
-  select_default("body").on(`mousedown.matrixZoom-${this.id}`, this.resetInteractions);
-  window.onscroll = this.delayedMouseoutHandler;
-  const contentDiv = this.dom.holder.node().closest(".sjpp-output-sandbox-content");
-  if (contentDiv) contentDiv.onscroll = this.delayedMouseoutHandler;
-}
-
-export {
-  setMatrixDom
-};
-//# sourceMappingURL=chunk-IPAGDFO4.js.map