@sjcrh/proteinpaint-client 2.180.0 → 2.180.1

package/dist/chunk-KFRJ5LNK.js

@@ -0,0 +1,334 @@
+import {
+  storeInit
+} from "./chunk-SMKRNNHY.js";
+import {
+  summaryInit
+} from "./chunk-7Q5X253Q.js";
+import {
+  navInit
+} from "./chunk-HMXYZXDN.js";
+import {
+  AppBase,
+  downloadSVGsAsPdf,
+  filterRxCompInit,
+  newSandboxDiv,
+  sayerror,
+  vocabInit
+} from "./chunk-SAHCLNNL.js";
+import {
+  importPlot
+} from "./chunk-XEBPIJHM.js";
+import {
+  Menu
+} from "./chunk-CXMZYVZT.js";
+import {
+  AppApi,
+  getCompInit,
+  multiInit
+} from "./chunk-MVTCBVSX.js";
+import {
+  select_default
+} from "./chunk-NDWTN4U5.js";
+
+// mass/plot.js
+var MassPlot = class _MassPlot {
+  static type = "plot";
+  constructor(opts) {
+    this.type = _MassPlot.type;
+    setRenderers(this);
+    this.initUi(opts);
+  }
+  reactsTo(action) {
+    if (action.type.includes("cache_termq")) return true;
+    if (action.type.endsWith("_group")) return true;
+    if (action.type.startsWith("plot_")) {
+      return action.id === this.id || action.id == this.parentId || action.config?.parentId === this.id || action.parentId === this.id;
+    }
+    if (action.type.startsWith("filter")) return true;
+    if (action.type.startsWith("cohort")) return true;
+    if (action.type == "app_refresh") return true;
+    if (action.type.endsWith("customTerm")) return true;
+  }
+  // !!! NOTE: This getState() method is reused by the plot-specific recover component.
+  // When logging something within getState, it may have been called by either the plot or recover instance
+  getState(appState) {
+    const config = appState.plots.find((p) => p.id === this.id);
+    if (!config) {
+      throw `No plot with id='${this.id}' found. Did you set this.id before this.api = getComponentApi(this)?`;
+    }
+    return {
+      termfilter: appState.termfilter,
+      config,
+      groups: appState.groups,
+      // quick fix to skip history tracking as needed
+      _scope_: appState._scope_
+    };
+  }
+  async main() {
+    this.dom.errdiv.style("display", "none").style("background-color", "rgba(255,100,100,0.2)").html("");
+    if (!this.components) await this.setComponents(this.opts);
+  }
+  async setComponents(opts) {
+    const _ = await importPlot(opts.chartType);
+    const promises = {
+      // recover: recoverInit({
+      // 	app: this.app,
+      // 	holder: this.dom.localRecoverDiv,
+      // 	getState: appState => this.getState(appState),
+      // 	reactsTo: action =>
+      // 		action.id == this.id &&
+      // 		(action.type == 'plot_edit' || action.type == 'plot_nestedEdits') &&
+      // 		action._track_ != 'none',
+      // 	plot_id: this.id,
+      // 	maxHistoryLen: 10,
+      // 	hideLabel: true
+      // }),
+      chart: _.componentInit({
+        app: this.app,
+        holder: this.dom.viz,
+        header: this.dom.paneTitleDiv,
+        id: this.id,
+        plotDiv: select_default(this.dom.holder.app_div.node().parentNode),
+        /******* reason for passing plotDiv to chart ********
+        				- this plot instance may allow to launch a new plot as a persistent sandbox
+        				  inside mass plotDiv, maintaining the uniform plot appearance despite it's ad-hoc
+        				  the new plot is not a formal mass plot type, and cannot be done via app.dispatch()
+        				  thus the need to directly access plotDiv
+        				- example: mds3 tk from genome browser can launch disco etc
+        				- having access to plotDiv may offer flexibility for the plot to do stuff
+        
+        				since plot.js has no access to mass app .dom.plotDiv in which all apps are shown,
+        				this workarounds gets the parent node of sandbox.app_div which is app.dom.plotDiv
+        				*/
+        getFilterImage: async () => this.components.filter.getFilterImage()
+      })
+    };
+    if (!this.state.config.hidePlotFilter)
+      promises.filter = filterRxCompInit({
+        app: this.app,
+        vocabApi: this.app.vocabApi,
+        parentId: this.id,
+        holder: this.dom.filterDiv,
+        hideLabel: true,
+        emptyLabel: "+Add new filter",
+        callback: (filter) => {
+          this.app.dispatch({
+            id: this.id,
+            type: "plot_edit",
+            config: { filter }
+          });
+        }
+      });
+    this.components = await multiInit(promises);
+  }
+  destroy() {
+    this.dom.holder.app_div.selectAll("*").remove();
+    this.dom.holder.app_div.remove();
+    for (const key in this.dom) {
+      delete this.dom[key];
+    }
+  }
+};
+var plotInit = getCompInit(MassPlot);
+function setRenderers(self) {
+  self.initUi = function(opts) {
+    const holder = opts.holder;
+    opts.holder.app_div.attr("data-testid", "sjpp-massplot-sandbox-" + opts.chartType);
+    holder.header.style("padding", 0);
+    try {
+      self.dom = {
+        tip: new Menu({ padding: "0px" }),
+        holder,
+        paneTitleDiv: holder.header.append("div").style("display", "inline-block").style("color", "#555").style("padding-left", "7px").style("vertical-align", "sub"),
+        localRecoverDiv: holder.header.append("div").style("display", "inline-block"),
+        filterDiv: holder.header.append("div").style("display", "inline-block").style("zoom", 0.9),
+        body: holder.body.style("white-space", "nowrap").style("overflow-x", "auto"),
+        // will hold no data notice or the page title in multichart views
+        errdiv: holder.body.append("div").style("display", "none").style("padding", "5px").style("background-color", "rgba(255,100,100,0.2)"),
+        // dom.viz will hold the rendered view
+        viz: holder.body.append("div")
+      };
+    } catch (e) {
+      self.dom.errdiv.style("display", "none").text(e);
+    }
+  };
+}
+
+// mass/app.ts
+var MassApp = class extends AppBase {
+  // expected class-specific props
+  constructor(opts, api) {
+    super(opts);
+    this.components = {};
+    this.wasDestroyed = false;
+    this.api = api;
+    if (opts.addLoginCallback) {
+      opts.addLoginCallback(() => this.api.dispatch({ type: "app_refresh" }));
+    }
+    this.type = "app";
+    this.dom = {
+      holder: opts.holder,
+      // do not modify holder style
+      topbar: opts.holder.append("div"),
+      errdiv: opts.holder.append("div"),
+      plotDiv: opts.holder.append("div")
+    };
+    this.plotIdToSandboxId = {};
+  }
+  static {
+    this.type = "app";
+  }
+  async preApiFreeze(api) {
+    try {
+      api.tip = new Menu({ padding: "5px" });
+      api.tip.d.on("keyup", (event) => {
+        if (event.key == "Escape") api.tip.hide();
+      });
+      api.printError = (e) => this.printError(e);
+      api.vocabApi = await vocabInit({
+        app: api,
+        state: { vocab: this.opts.state.vocab },
+        fetchOpts: this.opts.fetchOpts,
+        getDatasetAccessToken: this.opts.getDatasetAccessToken
+      });
+      api.hasWebGL = function() {
+        try {
+          const canvas = document.createElement("canvas");
+          return !!(window.WebGLRenderingContext && (canvas.getContext("webgl") || canvas.getContext("experimental-webgl")));
+        } catch (_) {
+          return false;
+        }
+      };
+      this.opts.state.vocab = api.vocabApi.vocab;
+    } catch (e) {
+      console.log(`preApiFreeze error`, e);
+      throw e;
+    }
+  }
+  async init() {
+    try {
+      const debounceInterval = "debounceInterval" in this.opts ? this.opts.debounceInterval : 0;
+      const embeddedSessionState = this.opts.embeddedSessionState;
+      if (embeddedSessionState) {
+        Object.assign(this.opts.state, embeddedSessionState);
+      }
+      this.store = await storeInit({ app: this.api, state: this.opts.state, debounceInterval });
+      this.state = await this.store.copyState();
+      this.components = {};
+      if (this.state.nav.header_mode != "hidden") {
+        this.components.nav = await navInit({
+          app: this.api,
+          holder: this.dom.topbar,
+          header_mode: this.state && this.state.nav && this.state.nav.header_mode,
+          vocab: this.state.vocab,
+          massSessionDuration: this.state.termdbConfig.massSessionDuration,
+          // this.opts.massSessionDuration
+          pkgver: this.opts.pkgver,
+          downloadPlots: () => {
+            this.downloadPlots();
+          }
+        });
+      }
+      this.components.plots = {};
+      if (this.opts.app?.doNotAwaitInitRender) {
+        this.api.dispatch();
+      } else {
+        await this.api.dispatch();
+      }
+    } catch (e) {
+      this.printError(e);
+      throw e;
+    }
+  }
+  async main() {
+    await this.api.vocabApi.main();
+    this.dom.plotDiv?.style(
+      "display",
+      this.state.nav?.header_mode != "hidden" && this.state.nav?.activeTab == 0 ? "none" : "block"
+    );
+    const newPlots = {};
+    let sandbox;
+    for (const plot of this.state.plots) {
+      if (plot.parentId) continue;
+      if (this.components.plots && !(plot.id in this.components.plots)) {
+        sandbox = newSandboxDiv(this.dom.plotDiv, {
+          close: () => {
+            this.api.dispatch({
+              type: "plot_delete",
+              id: plot.id
+            });
+          },
+          plotId: plot.id,
+          beforePlotId: plot.insertBefore || null,
+          style: {
+            width: "98.5%"
+          }
+        });
+        if (plot.chartType == "summary")
+          newPlots[plot.id] = summaryInit(Object.assign({ app: this.api, holder: sandbox }, plot));
+        else newPlots[plot.id] = plotInit(Object.assign({ app: this.api, holder: sandbox }, plot));
+      }
+    }
+    const numNewPlots = Object.keys(newPlots).length;
+    if (numNewPlots) {
+      await Promise.all(Object.values(newPlots));
+      for (const plotId in newPlots) {
+        this.components.plots[plotId] = await newPlots[plotId];
+      }
+    }
+    for (const plotId in this.components.plots) {
+      if (!this.state.plots.find((p) => p.id === plotId)) {
+        this.components.plots[plotId].destroy();
+        delete this.components.plots[plotId];
+      }
+    }
+  }
+  printError(e) {
+    const errdiv = e.errdiv || this.dom.errdiv;
+    if (errdiv) errdiv.style("display", "").html("").style("background-color", "");
+    sayerror(errdiv || this.opts.holder, "Error: " + (e.message || e.error || e));
+    if (e.stack) console.log(e.stack);
+    this.bus.emit("error");
+  }
+  skipPrevActionAbort(action) {
+    if (!action) return false;
+    if (action.type.startsWith("filter")) return false;
+    if (action.type.startsWith("cohort")) return false;
+    if (action.type == "app_refresh") {
+      if (action.subactions) {
+        return action.subactions.find((a) => a.type.startsWith("filter") || a.type.startsWith("cohort")) ? false : true;
+      }
+    }
+    return true;
+  }
+  async downloadPlots() {
+    const chartImagesAll = [];
+    let i = 1;
+    const values = Object.values(this.components.plots);
+    for (const plot of values) {
+      const chart = plot.type == "plot" ? plot.getComponents("chart") : plot;
+      const chartImages = chart.getChartImages ? chart.getChartImages() : null;
+      if (!chartImages) {
+        console.log(`The ${chart.type} does not support downloading images yet`);
+        continue;
+      }
+      for (const chartImage of chartImages) {
+        if (values.length > 1) chartImage.name = `${i}. ${chartImage.name}`;
+        chartImagesAll.push(chartImage);
+      }
+      i++;
+    }
+    if (chartImagesAll.length > 0) {
+      const filters = [];
+      const globalFilterImg = await this.components.nav.getComponents("filter").getFilterImage();
+      if (globalFilterImg) filters.push(globalFilterImg);
+      downloadSVGsAsPdf(chartImagesAll, "plots", "landscape", filters);
+    } else alert("No chart images available for download");
+  }
+};
+var appInit = AppApi.getInitFxn(MassApp);
+
+export {
+  appInit
+};
+//# sourceMappingURL=chunk-KFRJ5LNK.js.map

package/dist/chunk-KKQON43X.js

@@ -0,0 +1,102 @@
+import {
+  renderTable
+} from "./chunk-SAHCLNNL.js";
+
+// termdb/handlers/termCollection.ts
+var SearchHandler = class {
+  async init(opts) {
+    this.callback = opts.callback;
+    this.app = opts.app;
+    opts.holder.style("display", "");
+    const tableDiv = opts.holder.append("div");
+    const termlst = opts.details.termlst ?? [];
+    renderTable({
+      columns: [{ label: "VARIABLES" }],
+      rows: termlst.map((t) => {
+        return [{ value: t.name }];
+      }),
+      div: tableDiv,
+      maxWidth: "30vw",
+      maxHeight: "40vh",
+      noButtonCallback: () => {
+      },
+      // FIXME to supply a real callback
+      striped: false,
+      showHeader: true,
+      //false,
+      selectAll: true,
+      columnButtons: void 0,
+      //Leave until table.js is typed
+      buttons: void 0
+    });
+    let categoryTable;
+    let ckSource = [];
+    if (opts.details.categoryKeys) {
+      ckSource = opts.details.categoryKeys;
+      const categoryDiv = opts.holder.append("div").style("margin-top", "15px");
+      const values = opts.details.termlst[0].values || {};
+      categoryTable = categoryDiv.append("div");
+      renderTable({
+        columns: [{ label: "CATEGORIES" }],
+        rows: ckSource.map((ck) => {
+          return [{ value: values[ck.key]?.label ?? ck.key, checked: ck.shown }];
+        }),
+        div: categoryTable,
+        maxWidth: "30vw",
+        maxHeight: "40vh",
+        noButtonCallback: () => {
+        },
+        // FIXME to supply a real callback
+        striped: false,
+        showHeader: true,
+        //false,
+        selectAll: true,
+        columnButtons: void 0,
+        //Leave until table.js is typed
+        buttons: void 0
+      });
+    }
+    opts.holder.append("div").style("float", "right").style("padding", "6px 20px").append("button").attr("class", "sjpp_apply_btn sja_filter_tag_btn").text("Select").on("click", () => {
+      const trs = tableDiv.select("table").select("tbody").node().querySelectorAll("tr");
+      const selectedTermlst = termlst.filter((term, i) => {
+        const checked = trs[i]?.querySelectorAll("td")[1]?.querySelector("input")?.checked;
+        return checked === true;
+      });
+      if (selectedTermlst.length === 0) {
+        alert("Please select at least one term");
+        return;
+      }
+      const propsByTermId = {};
+      if (opts.details.propsByTermId) {
+        for (const t of selectedTermlst) {
+          if (opts.details.propsByTermId[t.id]) propsByTermId[t.id] = opts.details.propsByTermId[t.id];
+        }
+      }
+      let categoryKeys;
+      if (categoryTable) {
+        const trs2 = categoryTable.select("table").select("tbody").node().querySelectorAll("tr");
+        categoryKeys = ckSource.map((ck, i) => {
+          const checked = trs2[i].querySelectorAll("td")[1].querySelector("input")?.checked;
+          return { key: ck.key, shown: !!checked };
+        });
+      }
+      opts.callback({
+        type: "termCollection",
+        termIds: selectedTermlst.map((i) => i.id),
+        termlst: selectedTermlst,
+        name: opts.details.name,
+        valueTransform: opts.details.valueTransformByPlots?.[opts.usecase.target],
+        // memberType = ds.cohort.termdb.termCollections[].type for client code
+        memberType: opts.details.memberType || opts.details.type,
+        categoryKeys,
+        isleaf: true,
+        propsByTermId
+      });
+    });
+  }
+};
+
+export {
+  SearchHandler
+};
+//# sourceMappingURL=chunk-KKQON43X.js.map

package/dist/chunk-KKQON43X.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../termdb/handlers/termCollection.ts"],
+  "sourcesContent": ["import { renderTable } from '#dom'\nimport type { CategoryKey } from '#types'\n\nexport class SearchHandler {\n\tcallback: any\n\tapp: any\n\n\tasync init(opts) {\n\t\t// opts.details is the term object for term collection\n\t\tthis.callback = opts.callback\n\t\tthis.app = opts.app\n\n\t\topts.holder.style('display', '')\n\t\tconst tableDiv = opts.holder.append('div')\n\n\t\tconst termlst = opts.details.termlst ?? []\n\t\trenderTable({\n\t\t\tcolumns: [{ label: 'VARIABLES' }],\n\t\t\trows: termlst.map(t => {\n\t\t\t\treturn [{ value: t.name }]\n\t\t\t}),\n\t\t\tdiv: tableDiv,\n\t\t\tmaxWidth: '30vw',\n\t\t\tmaxHeight: '40vh',\n\t\t\tnoButtonCallback: () => {}, // FIXME to supply a real callback\n\t\t\tstriped: false,\n\t\t\tshowHeader: true, //false,\n\t\t\tselectAll: true,\n\t\t\tcolumnButtons: undefined, //Leave until table.js is typed\n\t\t\tbuttons: undefined\n\t\t})\n\n\t\tlet categoryTable\n\t\tlet ckSource: CategoryKey[] = []\n\t\tif (opts.details.categoryKeys) {\n\t\t\t// later, if there's just one category, simply show a disabled checked box for this category and no longer uncheckable\n\t\t\tckSource = opts.details.categoryKeys as CategoryKey[]\n\t\t\tconst categoryDiv = opts.holder.append('div').style('margin-top', '15px')\n\t\t\tconst values = opts.details.termlst[0].values || {}\n\t\t\tcategoryTable = categoryDiv.append('div')\n\t\t\trenderTable({\n\t\t\t\tcolumns: [{ label: 'CATEGORIES' }],\n\t\t\t\trows: ckSource.map((ck: CategoryKey) => {\n\t\t\t\t\treturn [{ value: values[ck.key]?.label ?? ck.key, checked: ck.shown }]\n\t\t\t\t}),\n\t\t\t\tdiv: categoryTable,\n\t\t\t\tmaxWidth: '30vw',\n\t\t\t\tmaxHeight: '40vh',\n\t\t\t\tnoButtonCallback: () => {}, // FIXME to supply a real callback\n\t\t\t\tstriped: false,\n\t\t\t\tshowHeader: true, //false,\n\t\t\t\tselectAll: true,\n\t\t\t\tcolumnButtons: undefined, //Leave until table.js is typed\n\t\t\t\tbuttons: undefined\n\t\t\t})\n\t\t}\n\n\t\t// FIXME backward code!!!!\n\t\topts.holder\n\t\t\t.append('div')\n\t\t\t.style('float', 'right')\n\t\t\t.style('padding', '6px 20px')\n\t\t\t.append('button')\n\t\t\t.attr('class', 'sjpp_apply_btn sja_filter_tag_btn')\n\t\t\t.text('Select')\n\t\t\t.on('click', () => {\n\t\t\t\tconst trs = tableDiv.select('table').select('tbody').node().querySelectorAll('tr')\n\t\t\t\tconst selectedTermlst = termlst.filter((term, i) => {\n\t\t\t\t\tconst checked = trs[i]?.querySelectorAll('td')[1]?.querySelector('input')?.checked\n\t\t\t\t\treturn checked === true\n\t\t\t\t})\n\t\t\t\tif (selectedTermlst.length === 0) {\n\t\t\t\t\talert('Please select at least one term')\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t\tconst propsByTermId = {}\n\t\t\t\tif (opts.details.propsByTermId) {\n\t\t\t\t\t// extract properties (like color, etc) for the selected terms\n\t\t\t\t\tfor (const t of selectedTermlst) {\n\t\t\t\t\t\tif (opts.details.propsByTermId[t.id]) propsByTermId[t.id] = opts.details.propsByTermId[t.id]\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tlet categoryKeys\n\t\t\t\tif (categoryTable) {\n\t\t\t\t\tconst trs = categoryTable.select('table').select('tbody').node().querySelectorAll('tr')\n\t\t\t\t\tcategoryKeys = ckSource.map((ck: CategoryKey, i: number) => {\n\t\t\t\t\t\tconst checked = trs[i].querySelectorAll('td')[1].querySelector('input')?.checked\n\t\t\t\t\t\treturn { key: ck.key, shown: !!checked }\n\t\t\t\t\t})\n\t\t\t\t}\n\n\t\t\t\topts.callback({\n\t\t\t\t\ttype: 'termCollection',\n\t\t\t\t\ttermIds: selectedTermlst.map(i => i.id),\n\t\t\t\t\ttermlst: selectedTermlst,\n\t\t\t\t\tname: opts.details.name,\n\t\t\t\t\tvalueTransform: opts.details.valueTransformByPlots?.[opts.usecase.target],\n\t\t\t\t\t// memberType = ds.cohort.termdb.termCollections[].type for client code\n\t\t\t\t\tmemberType: opts.details.memberType || opts.details.type,\n\t\t\t\t\tcategoryKeys,\n\t\t\t\t\tisleaf: true,\n\t\t\t\t\tpropsByTermId\n\t\t\t\t})\n\t\t\t})\n\t}\n}\n"],
+  "mappings": "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",
+  "names": ["trs"]
+}

package/dist/chunk-L4QG7XZE.js

@@ -0,0 +1,46 @@
+// ../shared/utils/src/roundValue.js
+function roundValue(value, digits) {
+  const v = Number(value);
+  if (Number.isInteger(v)) return v;
+  if (Math.abs(v) < 1) return Number(v.toPrecision(digits));
+  return Number(v.toFixed(digits));
+}
+function roundValueAuto(value, format = false, defaultDigits = 2) {
+  if (!value && value != 0) return value;
+  const dp = decimalPlacesUntilFirstNonZero(value);
+  const digits = Math.abs(value) > 1 ? defaultDigits : dp > 0 ? dp + 1 : defaultDigits;
+  if (format) return formatValue(value, digits);
+  return roundValue(value, digits);
+}
+function decimalPlacesUntilFirstNonZero(number) {
+  const numberStr = number.toString();
+  const decimalIndex = numberStr.indexOf(".");
+  if (decimalIndex === -1 || decimalIndex === numberStr.length - 1) {
+    return 0;
+  }
+  let decimalPlaces = 0;
+  for (let i = decimalIndex + 1; i < numberStr.length; i++) {
+    if (numberStr[i] === "0") {
+      decimalPlaces++;
+    } else if (numberStr[i] >= "1" && numberStr[i] <= "9") {
+      break;
+    }
+  }
+  return decimalPlaces;
+}
+function formatValue(value, digits) {
+  const v = Number(value);
+  if (Number.isInteger(v)) return v;
+  const abs = Math.abs(v);
+  if (abs < 1 || abs > 9999) {
+    return abs > 9999 ? v.toPrecision(digits) : Number(v.toPrecision(digits));
+  }
+  return Number(v.toFixed(digits));
+}
+
+export {
+  roundValue,
+  roundValueAuto,
+  decimalPlacesUntilFirstNonZero
+};
+//# sourceMappingURL=chunk-L4QG7XZE.js.map

package/dist/chunk-L4QG7XZE.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../shared/utils/src/roundValue.js"],
+  "sourcesContent": ["/*\nround a value to specified digits\n    - if value is integer, value is returned\n    - if value is a fractional float, round to precision\n    - if value is not a fractional float, round to decimal point\n    - TODO: handle scientific notation\nvalue: given value\ndigits: number of digits to round to\n*/\n\nexport function roundValue(value, digits) {\n\tconst v = Number(value)\n\tif (Number.isInteger(v)) return v\n\tif (Math.abs(v) < 1) return Number(v.toPrecision(digits))\n\treturn Number(v.toFixed(digits))\n}\n\n/** Rounds numbers to the appropriate decimal point\n * if format is true, returns either a number or string in\n * scientific notation.\n *\n * TODO: Review digit logic.\n */\n\nexport function roundValueAuto(value, format = false, defaultDigits = 2) {\n\tif (!value && value != 0) return value\n\tconst dp = decimalPlacesUntilFirstNonZero(value)\n\tconst digits =\n\t\tMath.abs(value) > 1 ? defaultDigits : dp > 0 ? dp + 1 : defaultDigits\n\tif (format) return formatValue(value, digits)\n\treturn roundValue(value, digits)\n}\n\nexport function decimalPlacesUntilFirstNonZero(number) {\n\t// Convert number to string\n\tconst numberStr = number.toString()\n\n\t// Find the position of the decimal point\n\tconst decimalIndex = numberStr.indexOf(\".\")\n\n\t// If decimal point is not found or number is an integer, return 0\n\tif (decimalIndex === -1 || decimalIndex === numberStr.length - 1) {\n\t\treturn 0\n\t}\n\n\t// Iterate through characters after the decimal point\n\tlet decimalPlaces = 0\n\tfor (let i = decimalIndex + 1; i < numberStr.length; i++) {\n\t\t// Increment the count of decimal places until a non-zero digit is found\n\t\tif (numberStr[i] === \"0\") {\n\t\t\tdecimalPlaces++\n\t\t} else if (numberStr[i] >= \"1\" && numberStr[i] <= \"9\") {\n\t\t\tbreak\n\t\t}\n\t}\n\n\treturn decimalPlaces\n}\n\n/* \nsimple logic to return a number close to original while rounding up decimals.\nsupplements roundValueAuto which rounds 12345 to 1.2e4 which is only suitable for human quick glance but not subsequent computing\n\nTODO:\n10000 and 10001 to 1e4\n0.00001 to 1e-5\n1.00001 to 1\n*/\nexport function roundValue2(value) {\n\tif (!Number.isFinite(value)) return value // not a number\n\tif (Number.isInteger(value)) return value // is integer, do not convert\n\tconst abs = Math.abs(value)\n\tif (abs > 100) return Math.round(value) // 12345.1234 to 12345 (compared to 1.2e4 from roundValueAuto)\n\tif (abs > 10) return Number(value.toFixed(1)) // 99.1234 to 99.1\n\tif (abs > 1) return Number(value.toFixed(2)) // 9.1234 to 9.12\n\tif (abs > 0.1) return Number(value.toFixed(3)) // 0.12345 to 0.123\n\tif (abs > 0.01) return Number(value.toFixed(4)) // 0.012345 to 0.0123\n\treturn value // as is\n}\n\n/** Use to return displayed values in scientific notation\n * Do not use for values intended for calculation later.\n */\nexport function formatValue(value, digits) {\n\tconst v = Number(value)\n\tif (Number.isInteger(v)) return v\n\tconst abs = Math.abs(v)\n\tif (abs < 1 || abs > 9999) {\n\t\t//Number() reverts positive values less than 10^21 to a whole number\n\t\t//To return the value in scientific notation, use toPrecision without Number()\n\t\treturn abs > 9999 ? v.toPrecision(digits) : Number(v.toPrecision(digits))\n\t}\n\treturn Number(v.toFixed(digits))\n}\n"],
+  "mappings": ";AAUO,SAAS,WAAW,OAAO,QAAQ;AACzC,QAAM,IAAI,OAAO,KAAK;AACtB,MAAI,OAAO,UAAU,CAAC,EAAG,QAAO;AAChC,MAAI,KAAK,IAAI,CAAC,IAAI,EAAG,QAAO,OAAO,EAAE,YAAY,MAAM,CAAC;AACxD,SAAO,OAAO,EAAE,QAAQ,MAAM,CAAC;AAChC;AASO,SAAS,eAAe,OAAO,SAAS,OAAO,gBAAgB,GAAG;AACxE,MAAI,CAAC,SAAS,SAAS,EAAG,QAAO;AACjC,QAAM,KAAK,+BAA+B,KAAK;AAC/C,QAAM,SACL,KAAK,IAAI,KAAK,IAAI,IAAI,gBAAgB,KAAK,IAAI,KAAK,IAAI;AACzD,MAAI,OAAQ,QAAO,YAAY,OAAO,MAAM;AAC5C,SAAO,WAAW,OAAO,MAAM;AAChC;AAEO,SAAS,+BAA+B,QAAQ;AAEtD,QAAM,YAAY,OAAO,SAAS;AAGlC,QAAM,eAAe,UAAU,QAAQ,GAAG;AAG1C,MAAI,iBAAiB,MAAM,iBAAiB,UAAU,SAAS,GAAG;AACjE,WAAO;AAAA,EACR;AAGA,MAAI,gBAAgB;AACpB,WAAS,IAAI,eAAe,GAAG,IAAI,UAAU,QAAQ,KAAK;AAEzD,QAAI,UAAU,CAAC,MAAM,KAAK;AACzB;AAAA,IACD,WAAW,UAAU,CAAC,KAAK,OAAO,UAAU,CAAC,KAAK,KAAK;AACtD;AAAA,IACD;AAAA,EACD;AAEA,SAAO;AACR;AA0BO,SAAS,YAAY,OAAO,QAAQ;AAC1C,QAAM,IAAI,OAAO,KAAK;AACtB,MAAI,OAAO,UAAU,CAAC,EAAG,QAAO;AAChC,QAAM,MAAM,KAAK,IAAI,CAAC;AACtB,MAAI,MAAM,KAAK,MAAM,MAAM;AAG1B,WAAO,MAAM,OAAO,EAAE,YAAY,MAAM,IAAI,OAAO,EAAE,YAAY,MAAM,CAAC;AAAA,EACzE;AACA,SAAO,OAAO,EAAE,QAAQ,MAAM,CAAC;AAChC;",
+  "names": []
+}

package/dist/chunk-LAVSN35L.js

@@ -0,0 +1,48 @@
+import {
+  addGeneSearchbox,
+  getSCGEunit
+} from "./chunk-SAHCLNNL.js";
+import {
+  Menu
+} from "./chunk-CXMZYVZT.js";
+import {
+  SINGLECELL_GENE_EXPRESSION
+} from "./chunk-RTKRLATH.js";
+
+// termdb/handlers/singleCellGeneExpression.ts
+var SearchHandler = class {
+  init(opts) {
+    this.validateOpts(opts);
+    this.callback = opts.callback;
+    this.app = opts.app;
+    const holder = opts.holder.append("div").style("padding", "10px 0px");
+    const geneSearch = addGeneSearchbox({
+      tip: new Menu({ padding: "0px" }),
+      genome: opts.genomeObj,
+      row: holder,
+      searchOnly: "gene",
+      callback: () => this.selectGene(geneSearch.geneSymbol, opts.usecase.specialCase.config.sample)
+    });
+  }
+  async selectGene(gene, sample) {
+    if (!gene) throw new Error("No gene selected");
+    const unit = getSCGEunit(this.app.vocabApi);
+    const name = `${gene} ${unit}`;
+    this.callback({ gene, name, type: SINGLECELL_GENE_EXPRESSION, sample });
+  }
+  validateOpts(opts) {
+    if (opts.callback == null) throw new Error("callback is required");
+    if (opts.app == null) throw new Error("app is required");
+    if (opts.holder == null) throw new Error("holder is required");
+    if (opts.genomeObj == null) throw new Error("genomeObj is required");
+    if (opts.usecase == null) throw new Error("usecase is required");
+    if (!opts.usecase?.specialCase?.config?.sample) {
+      throw new Error("usecase.specialCase.config.sample is required for singleCellGeneExpression handler");
+    }
+  }
+};
+
+export {
+  SearchHandler
+};
+//# sourceMappingURL=chunk-LAVSN35L.js.map