@sjcrh/proteinpaint-client 2.111.0 → 2.112.1-0

package/dist/{2dmaf-U6QJNJDK.js → 2dmaf-7WCQJNL5.js}

@@ -10,14 +10,14 @@ import {
   newpane3,
   sayerror,
   to_svg
-} from "./chunk-YMAYMP5U.js";
+} from "./chunk-UU2ALSP2.js";
 import {
   Menu
 } from "./chunk-666FFZ67.js";
 import {
   make_table_2col
 } from "./chunk-ACT3S5BW.js";
-import "./chunk-FB6RVH5H.js";
+import "./chunk-JQDN6ZZJ.js";
 import "./chunk-3X4AWNST.js";
 import {
   mclass,
@@ -1358,4 +1358,4 @@ export {
   d2mafparseinput,
   d2mafui
 };
-//# sourceMappingURL=2dmaf-U6QJNJDK.js.map
+//# sourceMappingURL=2dmaf-7WCQJNL5.js.map

package/dist/{AppHeader-GIQFWB75.js → AppHeader-WA5YATHJ.js}

@@ -1,12 +1,12 @@
 import {
   makeButton,
   openSandbox
-} from "./chunk-XMOCLKNJ.js";
+} from "./chunk-LFZJ7O7V.js";
 import {
   get_tklst
-} from "./chunk-7DC5BJMY.js";
-import "./chunk-6R7QHGDQ.js";
-import "./chunk-LQ4HTQ5S.js";
+} from "./chunk-6GDTFUMZ.js";
+import "./chunk-MEHJGXYI.js";
+import "./chunk-IFKXEWKT.js";
 import "./chunk-MKAF2BHB.js";
 import {
   urlmap_default
@@ -16,13 +16,13 @@ import "./chunk-3MHUREQ3.js";
 import "./chunk-IQIXGTQV.js";
 import {
   block_init_default
-} from "./chunk-3BMIBVF2.js";
+} from "./chunk-WWNZQOFR.js";
 import {
   InputSearch
-} from "./chunk-PTT7IQ6V.js";
-import "./chunk-577DBHZV.js";
-import "./chunk-5P5XOGWM.js";
-import "./chunk-X3QXQTDL.js";
+} from "./chunk-TYCQGGTW.js";
+import "./chunk-5QFQN4X5.js";
+import "./chunk-WTK5NOMJ.js";
+import "./chunk-FHN5R7IG.js";
 import "./chunk-Q5RB7X6D.js";
 import "./chunk-II7W7GR5.js";
 import "./chunk-G62RED5O.js";
@@ -38,12 +38,12 @@ import "./chunk-OOXGYSYW.js";
 import {
   first_genetrack_tolist,
   sayerror
-} from "./chunk-YMAYMP5U.js";
+} from "./chunk-UU2ALSP2.js";
 import "./chunk-666FFZ67.js";
 import "./chunk-ACT3S5BW.js";
 import {
   dofetch3
-} from "./chunk-FB6RVH5H.js";
+} from "./chunk-JQDN6ZZJ.js";
 import {
   getAppInit,
   getCompInit,
@@ -58,9 +58,9 @@ import "./chunk-T2IYLCS6.js";
 import {
   defaultcolor
 } from "./chunk-TFZHF4MX.js";
-import "./chunk-4DNYKM44.js";
+import "./chunk-KEOBQ6OB.js";
 import "./chunk-RA5EXEHB.js";
-import "./chunk-PZ4DYPVK.js";
+import "./chunk-5OHXYXLD.js";
 import "./chunk-3DQ2UCSO.js";
 import "./chunk-LOZEKOES.js";
 import "./chunk-TOU7EVFQ.js";
@@ -223,7 +223,7 @@ async function findgene2paint(str, app, genomename, jwt) {
       debugmode: app.debugmode
     };
     first_genetrack_tolist(g, par2.tklst);
-    import("./block-6II7ZACM.js").then((b) => new b.Block(par2)).catch((err) => {
+    import("./block-UD4RDLYP.js").then((b) => new b.Block(par2)).catch((err) => {
       app.error0(err);
     });
     return;
@@ -805,7 +805,7 @@ var AppHeader = class _AppHeader {
         debugmode: app.debugmode
       };
       first_genetrack_tolist(g, par.tklst);
-      import("./block-6II7ZACM.js").then((b) => new b.Block(par));
+      import("./block-UD4RDLYP.js").then((b) => new b.Block(par));
       app.drawer.dispatch({ type: "is_apps_btn_active", value: false });
     });
     return g_browser_btn;
@@ -818,4 +818,4 @@ var AppHeader = class _AppHeader {
 export {
   AppHeader
 };
-//# sourceMappingURL=AppHeader-GIQFWB75.js.map
+//# sourceMappingURL=AppHeader-WA5YATHJ.js.map

package/dist/{DEanalysis-L6V4J3SK.js → DEanalysis-QJBVWOVP.js}

@@ -1,16 +1,16 @@
 import {
   controlsInit
-} from "./chunk-YMG32YI2.js";
-import "./chunk-LLMGXTK4.js";
+} from "./chunk-DHBJMWDD.js";
+import "./chunk-466JFTE5.js";
 import "./chunk-TMDOIS2U.js";
 import {
   axisstyle,
   downloadTable,
   renderTable
-} from "./chunk-PTT7IQ6V.js";
-import "./chunk-577DBHZV.js";
-import "./chunk-5P5XOGWM.js";
-import "./chunk-X3QXQTDL.js";
+} from "./chunk-TYCQGGTW.js";
+import "./chunk-5QFQN4X5.js";
+import "./chunk-WTK5NOMJ.js";
+import "./chunk-FHN5R7IG.js";
 import "./chunk-Q5RB7X6D.js";
 import "./chunk-II7W7GR5.js";
 import "./chunk-G62RED5O.js";
@@ -19,7 +19,7 @@ import "./chunk-DT4FXECJ.js";
 import "./chunk-537FIK5B.js";
 import "./chunk-J4ZN3LJN.js";
 import "./chunk-OOXGYSYW.js";
-import "./chunk-YMAYMP5U.js";
+import "./chunk-UU2ALSP2.js";
 import {
   Menu
 } from "./chunk-666FFZ67.js";
@@ -28,7 +28,7 @@ import {
 } from "./chunk-ACT3S5BW.js";
 import {
   dofetch3
-} from "./chunk-FB6RVH5H.js";
+} from "./chunk-JQDN6ZZJ.js";
 import {
   copyMerge,
   getCompInit
@@ -37,11 +37,11 @@ import "./chunk-WLU3JZQN.js";
 import "./chunk-P64DWRTC.js";
 import "./chunk-T2IYLCS6.js";
 import "./chunk-TFZHF4MX.js";
-import "./chunk-4DNYKM44.js";
+import "./chunk-KEOBQ6OB.js";
 import "./chunk-RA5EXEHB.js";
 import {
   roundValueAuto
-} from "./chunk-PZ4DYPVK.js";
+} from "./chunk-5OHXYXLD.js";
 import "./chunk-3DQ2UCSO.js";
 import {
   axisBottom,
@@ -703,4 +703,4 @@ export {
   makeChartBtnMenu,
   openHiercluster
 };
-//# sourceMappingURL=DEanalysis-L6V4J3SK.js.map
+//# sourceMappingURL=DEanalysis-QJBVWOVP.js.map

package/dist/{Disco-57MNDMFK.js → Disco-RSZY6IVM.js}

@@ -1,15 +1,15 @@
 import {
   configUiInit
-} from "./chunk-LLMGXTK4.js";
+} from "./chunk-466JFTE5.js";
 import {
   topBarInit
 } from "./chunk-TMDOIS2U.js";
 import {
   svgLegend
-} from "./chunk-PTT7IQ6V.js";
-import "./chunk-577DBHZV.js";
-import "./chunk-5P5XOGWM.js";
-import "./chunk-X3QXQTDL.js";
+} from "./chunk-TYCQGGTW.js";
+import "./chunk-5QFQN4X5.js";
+import "./chunk-WTK5NOMJ.js";
+import "./chunk-FHN5R7IG.js";
 import "./chunk-Q5RB7X6D.js";
 import "./chunk-II7W7GR5.js";
 import "./chunk-G62RED5O.js";
@@ -18,14 +18,14 @@ import "./chunk-DT4FXECJ.js";
 import "./chunk-537FIK5B.js";
 import "./chunk-J4ZN3LJN.js";
 import "./chunk-OOXGYSYW.js";
-import "./chunk-YMAYMP5U.js";
+import "./chunk-UU2ALSP2.js";
 import {
   Menu
 } from "./chunk-666FFZ67.js";
 import {
   table2col
 } from "./chunk-ACT3S5BW.js";
-import "./chunk-FB6RVH5H.js";
+import "./chunk-JQDN6ZZJ.js";
 import {
   copyMerge,
   getCompInit,
@@ -42,9 +42,9 @@ import {
   dtsv,
   mclass
 } from "./chunk-TFZHF4MX.js";
-import "./chunk-4DNYKM44.js";
+import "./chunk-KEOBQ6OB.js";
 import "./chunk-RA5EXEHB.js";
-import "./chunk-PZ4DYPVK.js";
+import "./chunk-5OHXYXLD.js";
 import {
   arc_default,
   line_default,
@@ -230,7 +230,7 @@ var DiscoInteractions = class {
           }
         ]
       };
-      const _ = await import("./block.init-2AEZZQXU.js");
+      const _ = await import("./block.init-FF6KRKHO.js");
       await _.default(arg);
     };
     this.colorScaleNumericInputsCallback = async (obj) => {
@@ -2502,4 +2502,4 @@ export {
   discoInit,
   getPlotConfig
 };
-//# sourceMappingURL=Disco-57MNDMFK.js.map
+//# sourceMappingURL=Disco-RSZY6IVM.js.map

package/dist/{Disco.UI-WX4IFEFN.js → Disco.UI-3HGGLB2Z.js}

@@ -8,17 +8,17 @@ import {
 } from "./chunk-CUSG5PZE.js";
 import {
   launch
-} from "./chunk-K35TET4O.js";
-import "./chunk-5BNZQAZ5.js";
-import "./chunk-35U6F226.js";
+} from "./chunk-KDKRWI24.js";
+import "./chunk-MTL7Q6G4.js";
+import "./chunk-UVIICKMK.js";
 import "./chunk-SKMFMGCD.js";
 import "./chunk-6NGQDRQL.js";
-import "./chunk-PTT7IQ6V.js";
+import "./chunk-TYCQGGTW.js";
 import {
   Tabs
-} from "./chunk-577DBHZV.js";
-import "./chunk-5P5XOGWM.js";
-import "./chunk-X3QXQTDL.js";
+} from "./chunk-5QFQN4X5.js";
+import "./chunk-WTK5NOMJ.js";
+import "./chunk-FHN5R7IG.js";
 import "./chunk-Q5RB7X6D.js";
 import "./chunk-II7W7GR5.js";
 import "./chunk-G62RED5O.js";
@@ -27,10 +27,10 @@ import "./chunk-DT4FXECJ.js";
 import "./chunk-537FIK5B.js";
 import "./chunk-J4ZN3LJN.js";
 import "./chunk-OOXGYSYW.js";
-import "./chunk-YMAYMP5U.js";
+import "./chunk-UU2ALSP2.js";
 import "./chunk-666FFZ67.js";
 import "./chunk-ACT3S5BW.js";
-import "./chunk-FB6RVH5H.js";
+import "./chunk-JQDN6ZZJ.js";
 import "./chunk-3X4AWNST.js";
 import {
   sayerror
@@ -40,9 +40,9 @@ import {
 } from "./chunk-P64DWRTC.js";
 import "./chunk-T2IYLCS6.js";
 import "./chunk-TFZHF4MX.js";
-import "./chunk-4DNYKM44.js";
+import "./chunk-KEOBQ6OB.js";
 import "./chunk-RA5EXEHB.js";
-import "./chunk-PZ4DYPVK.js";
+import "./chunk-5OHXYXLD.js";
 import "./chunk-3DQ2UCSO.js";
 import "./chunk-LOZEKOES.js";
 import "./chunk-TOU7EVFQ.js";
@@ -244,4 +244,4 @@ function backButton(holder, genomes) {
 export {
   init_discoplotUI
 };
-//# sourceMappingURL=Disco.UI-WX4IFEFN.js.map
+//# sourceMappingURL=Disco.UI-3HGGLB2Z.js.map

package/dist/Disco.UI-3HGGLB2Z.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../plots/disco/Disco.UI.ts"],
+  "sourcesContent": ["import * as uiutils from '#dom/uiUtils'\nimport { Tabs } from '../../dom/toggleButtons'\nimport { appear } from '#dom/animation'\nimport type { RenderedTab } from '#dom/types/toggleButtons'\nimport { Selection } from 'd3-selection'\nimport type { Genome } from '#types'\nimport { sayerror } from '../../dom/sayerror'\nimport { launch, DiscoPlotArgs } from './launch.adhoc'\n\n/** Genome with dom attributes scoped for this file */\ntype ScopedGenomes = Genome & {\n\toptions: any\n\tselectedIndex: number\n}\n\n/** Stored values for creating the args for launch() */\ntype DiscoUIArgs = {\n\tgenome: ScopedGenomes\n\t/** equivalent of arg in launch.adhoc. */\n\tdata: []\n}\n\ntype Tab = RenderedTab & {\n\t/**constructs the property name in obj.data, which is later passed as the dataType + inputType (e.g. snvText) to launch.adhoc */\n\tkey: string\n}\n/**\n * Launches the disco plot form.\n * @param holder\n * @param genomes\n * @param debugmode\n * @returns\n */\nexport function init_discoplotUI(\n\tholder: Selection<HTMLDivElement, any, any, any>,\n\tgenomes: ScopedGenomes,\n\tdebugmode: boolean\n) {\n\tconst wrapper = holder\n\t\t.append('div')\n\t\t.style('margin', '20px 20px 20px 40px')\n\t\t.style(\n\t\t\t'font-family',\n\t\t\t\"'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif\"\n\t\t)\n\t\t.style('place-items', 'center left')\n\t\t.style('overflow', 'hidden')\n\t\t.classed('sjpp-app-ui', true)\n\t\t.classed('sjpp-disco-ui', true)\n\n\tconst obj: Partial<DiscoUIArgs> = {\n\t\tdata: []\n\t}\n\n\t//Genome drop down\n\tuiutils\n\t\t.makePrompt(wrapper, 'Select Genome')\n\t\t.style('font-size', '1.15em')\n\t\t.style('padding', '10px 0px')\n\t\t.style('color', '#003366')\n\tgenomeSelection(wrapper, genomes, obj)\n\n\t//Data type vertical tabs followed by input type horizontal tabs in the content holder\n\t//User clicks the data type (e.g. 'CNV'), then the input type (e.g. 'Paste')\n\tuiutils\n\t\t.makePrompt(wrapper, 'Provide Data')\n\t\t.style('font-size', '1.15em')\n\t\t.style('padding', '10px 0px 5px 0px')\n\t\t.style('color', '#003366')\n\twrapper\n\t\t.append('div')\n\t\t.style('opacity', 0.75)\n\t\t.style('padding', '10px 10px 15px 20px')\n\t\t.style('width', '65vw')\n\t\t.style('line-height', '1.5em')\n\t\t.html(\n\t\t\t'<p>The plot accepts multiple data types. Input fields for each data type are available in the tabs below. Upload a file or paste data in at least one data type tab and click \"Create Disco Plot\". <a href=\"https://proteinpaint.stjude.org/ppdemo/hg38/disco/discoDemoData.tar.gz\" target=\"Demo data\">Download example files</a></p>'\n\t\t)\n\n\tconst dataTypeTabs_div = wrapper.append('div').style('margin-left', '2vw')\n\tmakeDataTypeTabs(dataTypeTabs_div, obj)\n\n\t//Submit and reset button at the bottom.\n\tconst controlBtns_div = wrapper\n\t\t.append('div')\n\t\t.style('display', 'flex')\n\t\t.style('align-items', 'center')\n\t\t.style('padding', '15px 0px')\n\n\tsubmitButton(controlBtns_div, obj, genomes, wrapper, holder)\n\tuiutils.makeResetBtn(controlBtns_div, obj, '.disco_input')\n\n\t//Remove after testing\n\tif (debugmode) window['doms'] = obj\n\treturn obj\n}\n\nfunction genomeSelection(\n\tdiv: Selection<HTMLDivElement, any, any, any>,\n\tgenomes: ScopedGenomes,\n\tobj: Partial<DiscoUIArgs>\n) {\n\tconst genome_div = div.append('div').style('margin-left', '40px')\n\tconst g = uiutils.makeGenomeDropDown(genome_div, genomes).style('border', '1px solid rgb(138, 177, 212)')\n\t//dom genome options, not the genome obj\n\tobj.genome = g.node()\n}\n\n/**\n * Makes the main tabs labeled by data type (e.g. SNV indel, SV, CNV, etc.)\n * @param dataTypeTabs_div\n * @param obj\n */\n\nfunction makeDataTypeTabs(dataTypeTabs_div: Selection<HTMLDivElement, any, any, any>, obj: Partial<DiscoUIArgs>) {\n\tconst tabs = [\n\t\t{\n\t\t\tlabel: 'SNV Indel',\n\t\t\tactive: true,\n\t\t\tcallback: async (event: MouseEvent, dataTypeTab: Tab) => {\n\t\t\t\t/** Event though event is not required, stops type error??? */\n\t\t\t\tdataTypeTab.key = 'snv'\n\t\t\t\t/**Leave the weird spacing for <pre>! Otherwise it doesn't display properly on the client\n\t\t\t\t * and the user can't copy and paste the example data.*/\n\t\t\t\tconst listHTML = `<ol>\n\t\t\t\t\t<li>chr</li>\n\t\t\t\t\t<li>position</li>\n\t\t\t\t\t<li>gene</li>\n\t\t\t\t\t<li>aachange</li>\n\t\t\t\t\t<li>class</li></ol>\n\t\t\t\t\t<p>Example:</p>\n<pre style=\"margin-left: 10px;\">\nchr1\t226252135\tH3F3A\tK28M\tM\nchr2\t98765432\tTestGene\tTestMutation\tF\n</pre>`\n\t\t\t\tmainTabCallback(dataTypeTab, obj, listHTML)\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tlabel: 'SV',\n\t\t\tactive: false,\n\t\t\tcallback: async (event: MouseEvent, dataTypeTab: Tab) => {\n\t\t\t\tdataTypeTab.key = 'sv'\n\t\t\t\tconst listHTML = `<ol>\n\t\t\t\t\t<li>chrA</li>\n\t\t\t\t\t<li>posA</li>\n\t\t\t\t\t<li>geneA (optional)</li>\n\t\t\t\t\t<li>chrB</li>\n\t\t\t\t\t<li>posB</li>\n\t\t\t\t\t<li>geneB (optional)</li>\n\t\t\t\t</ol>\n\t\t\t\t<p>Example (with genes):</p>\n<pre style=\"margin-left: 10px;\">\nchr6\t3067605\tMDC1\tchr12\t61521661\tKMT2D\n</pre>\n\t\t\t\t<p>Example (without genes):</p>\n<pre style=\"margin-left: 10px;\">\nchr6\t3067605\tchr12\t61521661\n</pre>`\n\t\t\t\tmainTabCallback(dataTypeTab, obj, listHTML)\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tlabel: 'CNV',\n\t\t\tactive: false,\n\t\t\tcallback: async (event: MouseEvent, dataTypeTab: Tab) => {\n\t\t\t\tdataTypeTab.key = 'cnv'\n\t\t\t\tconst listHTML = `<ol>\n\t\t\t\t<li>chr</li>\n\t\t\t\t<li>start</li>\n\t\t\t\t<li>stop</li>\n\t\t\t\t<li>value</li>\n\t\t\t\t</ol>\n\t\t\t\t<p>Example:</p>\n<pre style=\"margin-left: 10px;\">\nchr1\t1\t100000000\t0.5\nchr1\t100000000\t200000000\t-0.5\n</pre>`\n\t\t\t\tmainTabCallback(dataTypeTab, obj, listHTML)\n\t\t\t}\n\t\t}\n\t]\n\n\tnew Tabs({ holder: dataTypeTabs_div, tabs, tabsPosition: 'vertical', linePosition: 'right' }).main()\n}\n\n/**\n * Creates the contents for the main tabs in a consistent layout.\n * @param dataTypeTab\n * @param obj\n * @param listHTML\n */\nfunction mainTabCallback(dataTypeTab: Tab, obj: Partial<DiscoUIArgs>, listHTML: any) {\n\tdataTypeTab.contentHolder.style('border', 'none').style('display', 'block').style('padding-left', '30px')\n\tmakeDataInputTabs(dataTypeTab, obj)\n\n\tdataTypeTab.contentHolder\n\t\t.append('div')\n\t\t.style('padding', '15px 0px 0px 10px')\n\t\t.style('opacity', 0.75)\n\t\t.text(`Provide ${dataTypeTab.label} data in tab delimited format with the following columns:`)\n\t\t.append('span')\n\t\t.html(listHTML)\n\tdelete dataTypeTab.callback\n}\n\n/**\n * Creates the different input tabs within the data type tabs. Users are able to upload a file or paste data.\n * TODO: add option to provide a file path from server or url\n * @param dataTypeTab\n * @param obj\n */\nfunction makeDataInputTabs(dataTypeTab: Tab, obj: Partial<DiscoUIArgs>) {\n\tconst width = 95\n\tconst tabs = [\n\t\t// //TODO: implement file upload and file path input once launch.adhoc is ready\n\t\t{\n\t\t\tlabel: 'Select File',\n\t\t\tactive: true,\n\t\t\twidth,\n\t\t\tcallback: async (event: MouseEvent, tab: Tab) => {\n\t\t\t\tconst key = dataTypeTab.key\n\t\t\t\ttab.contentHolder.style('border', 'none').style('display', 'block')\n\t\t\t\tappear(tab.contentHolder)\n\n\t\t\t\ttab.contentHolder\n\t\t\t\t\t.append('div')\n\t\t\t\t\t.style('padding', '0px 0px 5px 15px')\n\t\t\t\t\t.style('opacity', 0.65)\n\t\t\t\t\t.text(`Select a local file`)\n\t\t\t\tmakeFileUpload(tab, obj, key)\n\n\t\t\t\tdelete tab.callback\n\t\t\t}\n\t\t},\n\t\t// {\n\t\t// \tlabel: 'File Path',\n\t\t// \tactive: false,\n\t\t// \twidth,\n\t\t// \tcallback: async (tab: Tab) => {\n\t\t// \t\tconst key = dataTypeTab.key\n\t\t// \t\ttab.contentHolder.style('border', 'none').style('display', 'block')\n\t\t// \t\tappear(tab.contentHolder)\n\n\t\t// \t\ttab.contentHolder\n\t\t// \t\t\t.append('div')\n\t\t// \t\t\t.html(`<p style=\"margin-left: 10px; opacity: 0.65;\">Provide a URL file path.</p>`)\n\t\t// \t\tuiutils.makePrompt(tab.contentHolder, 'URL')\n\t\t// \t\tmakeTextEntryFilePathInput(tab.contentHolder, obj, key)\n\n\t\t// \t\tdelete tab.callback\n\t\t// \t}\n\t\t// },\n\t\t{\n\t\t\tlabel: 'Paste Data',\n\t\t\tactive: false,\n\t\t\twidth,\n\t\t\tcallback: async (event: MouseEvent, tab: Tab) => {\n\t\t\t\tconst key = dataTypeTab.key\n\t\t\t\ttab.contentHolder.style('border', 'none').style('display', 'block')\n\t\t\t\tappear(tab.contentHolder)\n\n\t\t\t\tmakeCopyPasteInput(tab, obj, key)\n\t\t\t\tdelete tab.callback\n\t\t\t}\n\t\t}\n\t]\n\tnew Tabs({ holder: dataTypeTab.contentHolder, tabs }).main()\n}\n\n// function makeTextEntryFilePathInput(tab: Tab, obj: Partial<DiscoUIArgs>, key: string) {\n// \t// Renders the file path input div and callback.\n// \tconst filepath_div = tab.contentHolder.append('div').style('display', 'inline-block')\n// \tconst filepath = uiutils\n// \t\t.makeTextInput(filepath_div)\n// \t\t.style('border', '1px solid rgb(138, 177, 212)')\n// \t\t.classed('disco_input', true)\n// \t\t.on('keyup', async () => {\n// \t\t\tconst data = filepath.property('value').trim()\n// \t\t\tif (uiutils.isURL(data)) {\n// \t\t\t\tawait fetch(data)\n// \t\t\t\t\t.then(req => req.text())\n// \t\t\t\t\t.then(text => {\n// \t\t\t\t\t\tobj.data![key + 'Url'] = text\n// \t\t\t\t\t})\n// \t\t\t} else {\n// \t\t\t\t//TODO: implement serverside filepaths(?)\n// \t\t\t}\n// \t\t})\n// }\n\n/**\n * Renders the select file div. Callback captures file text as a string.\n * ?TODO: maybe allow other file types and detect the delimiter (uiutils.detectDelimiter)\n * @param tab\n * @param obj\n * @param key\n */\nfunction makeFileUpload(tab: Tab, obj: Partial<DiscoUIArgs>, key: string) {\n\tconst upload_div = tab.contentHolder.append('div').style('display', 'inline-block')\n\tconst upload = uiutils.makeFileUpload(upload_div).classed('disco_input', true)\n\tupload.on('change', (event: KeyboardEvent) => {\n\t\tconst file = (event.target as any).files[0]\n\t\tconst reader = new FileReader()\n\t\treader.onload = (event: any) => {\n\t\t\tobj.data![key + 'Text'] = event.target.result\n\t\t}\n\t\treader.readAsText(file, 'utf8')\n\t})\n}\n\n/**\n * Renders the copy/paste div and callback.\n * @param tab\n * @param obj\n * @param key\n */\nfunction makeCopyPasteInput(tab: Tab, obj: Partial<DiscoUIArgs>, key: string) {\n\tconst paste_div = tab.contentHolder.append('div').style('display', 'block')\n\tconst paste = uiutils\n\t\t.makeTextAreaInput({ div: paste_div, cols: 50 })\n\t\t.style('border', '1px solid rgb(138, 177, 212)')\n\t\t.style('margin', '0px 0px 0px 20px')\n\t\t.classed('disco_input', true)\n\t\t.on('keyup', async () => {\n\t\t\tobj.data![key + 'Text'] = paste.property('value').trim()\n\t\t})\n}\n\nfunction submitButton(\n\tdiv: Selection<HTMLDivElement, any, any, any>,\n\tobj: Partial<DiscoUIArgs>,\n\tgenomes: any,\n\twrapper: Selection<HTMLDivElement, any, any, any>,\n\tholder: Selection<HTMLDivElement, any, any, any>\n) {\n\tconst submit = uiutils.makeBtn({ div, text: 'Create Disco Plot' })\n\tconst errorMessage_div = div.append('div')\n\tsubmit\n\t\t.style('margin-right', '10px')\n\t\t.style('font-size', '16px')\n\t\t.classed('sjpp-ui-submitBtn', true)\n\t\t.attr('type', 'submit')\n\t\t.on('click', () => {\n\t\t\tif (!obj.data || obj.data == undefined) {\n\t\t\t\tconst sayerrorDiv = errorMessage_div.append('div').style('display', 'inline-block').style('max-width', '20vw')\n\t\t\t\tsayerror(sayerrorDiv, 'Please provide data')\n\t\t\t\tsetTimeout(() => sayerrorDiv.remove(), 2000)\n\t\t\t} else {\n\t\t\t\tconst genomeObj = genomes[obj.genome!.options[obj.genome!.selectedIndex].text]\n\t\t\t\twrapper.remove()\n\t\t\t\t/** launch() validates data and returns errors to the browser */\n\t\t\t\tlaunch(obj.data as DiscoPlotArgs, genomeObj, holder)\n\t\t\t\tbackButton(holder, genomes)\n\t\t\t}\n\t\t})\n}\n\nfunction backButton(holder: Selection<HTMLDivElement, any, any, any>, genomes: any) {\n\tholder\n\t\t.append('button')\n\t\t.html('&#171; Back')\n\t\t.on('click', () => {\n\t\t\tholder.selectAll('*').remove()\n\t\t\tinit_discoplotUI(holder, genomes, false)\n\t\t})\n}\n"],
+  "mappings": "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",
+  "names": ["makeFileUpload", "event"]
+}

package/dist/{HicApp-MIV55AKT.js → HicApp-VNPUUMPT.js}

@@ -1,15 +1,15 @@
 import {
   blocklazyload
-} from "./chunk-SGUCLYYP.js";
+} from "./chunk-HZEWAQWT.js";
 import {
   hicParseFile
-} from "./chunk-2W6BK2XC.js";
+} from "./chunk-X4J2E4F6.js";
 import {
   ColorScale
-} from "./chunk-PTT7IQ6V.js";
-import "./chunk-577DBHZV.js";
-import "./chunk-5P5XOGWM.js";
-import "./chunk-X3QXQTDL.js";
+} from "./chunk-TYCQGGTW.js";
+import "./chunk-5QFQN4X5.js";
+import "./chunk-WTK5NOMJ.js";
+import "./chunk-FHN5R7IG.js";
 import "./chunk-Q5RB7X6D.js";
 import "./chunk-II7W7GR5.js";
 import "./chunk-G62RED5O.js";
@@ -24,14 +24,14 @@ import {
   font,
   newpane,
   tkt
-} from "./chunk-YMAYMP5U.js";
+} from "./chunk-UU2ALSP2.js";
 import {
   Menu
 } from "./chunk-666FFZ67.js";
 import "./chunk-ACT3S5BW.js";
 import {
   dofetch3
-} from "./chunk-FB6RVH5H.js";
+} from "./chunk-JQDN6ZZJ.js";
 import {
   getAppInit,
   getCompInit,
@@ -45,9 +45,9 @@ import "./chunk-T2IYLCS6.js";
 import {
   bplen
 } from "./chunk-TFZHF4MX.js";
-import "./chunk-4DNYKM44.js";
+import "./chunk-KEOBQ6OB.js";
 import "./chunk-RA5EXEHB.js";
-import "./chunk-PZ4DYPVK.js";
+import "./chunk-5OHXYXLD.js";
 import "./chunk-3DQ2UCSO.js";
 import {
   axisBottom,
@@ -2225,4 +2225,4 @@ var hicInit = getAppInit(HicApp);
 export {
   hicInit
 };
-//# sourceMappingURL=HicApp-MIV55AKT.js.map
+//# sourceMappingURL=HicApp-VNPUUMPT.js.map

package/dist/{Volcano-R7OKIZMM.js → Volcano-ZW36GW4Q.js}

@@ -3,15 +3,15 @@ import {
   getDefaultVolcanoSettings,
   getPlotConfig,
   volcanoInit
-} from "./chunk-6A5CWJB3.js";
+} from "./chunk-XGAURJYB.js";
 import "./chunk-TCJQVRDM.js";
-import "./chunk-YMG32YI2.js";
-import "./chunk-LLMGXTK4.js";
+import "./chunk-DHBJMWDD.js";
+import "./chunk-466JFTE5.js";
 import "./chunk-TMDOIS2U.js";
-import "./chunk-PTT7IQ6V.js";
-import "./chunk-577DBHZV.js";
-import "./chunk-5P5XOGWM.js";
-import "./chunk-X3QXQTDL.js";
+import "./chunk-TYCQGGTW.js";
+import "./chunk-5QFQN4X5.js";
+import "./chunk-WTK5NOMJ.js";
+import "./chunk-FHN5R7IG.js";
 import "./chunk-Q5RB7X6D.js";
 import "./chunk-II7W7GR5.js";
 import "./chunk-G62RED5O.js";
@@ -20,18 +20,18 @@ import "./chunk-DT4FXECJ.js";
 import "./chunk-537FIK5B.js";
 import "./chunk-J4ZN3LJN.js";
 import "./chunk-OOXGYSYW.js";
-import "./chunk-YMAYMP5U.js";
+import "./chunk-UU2ALSP2.js";
 import "./chunk-666FFZ67.js";
 import "./chunk-ACT3S5BW.js";
-import "./chunk-FB6RVH5H.js";
+import "./chunk-JQDN6ZZJ.js";
 import "./chunk-3X4AWNST.js";
 import "./chunk-WLU3JZQN.js";
 import "./chunk-P64DWRTC.js";
 import "./chunk-T2IYLCS6.js";
 import "./chunk-TFZHF4MX.js";
-import "./chunk-4DNYKM44.js";
+import "./chunk-KEOBQ6OB.js";
 import "./chunk-RA5EXEHB.js";
-import "./chunk-PZ4DYPVK.js";
+import "./chunk-5OHXYXLD.js";
 import "./chunk-3DQ2UCSO.js";
 import "./chunk-LOZEKOES.js";
 import "./chunk-TOU7EVFQ.js";
@@ -46,4 +46,4 @@ export {
   getPlotConfig,
   volcanoInit
 };
-//# sourceMappingURL=Volcano-R7OKIZMM.js.map
+//# sourceMappingURL=Volcano-ZW36GW4Q.js.map

package/dist/{WSIViewer-LWZ4I3E6.js → WSIViewer-YPHDDCYS.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ACT3S5BW.js";
 import {
   dofetch3
-} from "./chunk-FB6RVH5H.js";
+} from "./chunk-JQDN6ZZJ.js";
 import {
   copyMerge,
   getCompInit
@@ -16441,7 +16441,7 @@ function setLayerMapProperty(layer, map) {
     }
   }
 }
-var Map2 = class extends Object_default {
+var Map = class extends Object_default {
   /**
    * @param {MapOptions} [options] Map options.
    */
@@ -17695,7 +17695,7 @@ function createOptionsInternal(options) {
     values
   };
 }
-var Map_default2 = Map2;
+var Map_default2 = Map;
 
 // ../node_modules/ol/Tile.js
 var Tile = class extends Target_default {
@@ -23190,8 +23190,6 @@ var WSIViewer = class {
     this.type = "WSIViewer";
     this.opts = opts;
     this.wsiViewerInteractions = new WSIViewerInteractions(this, opts);
-    this.wsiSessions = /* @__PURE__ */ new Map();
-    window.addEventListener("beforeunload", this.onTabClosed.bind(this));
   }
   async main() {
     const state = this.app.getState();
@@ -23202,9 +23200,11 @@ var WSIViewer = class {
       holder.append("div").style("margin-left", "10px").text("No WSI images.");
       return;
     }
-    const layers = await this.getLayers(state, plotConfig.wsimages);
-    if (layers.length === 0) {
-      holder.append("div").style("margin-left", "10px").text("There was an error loading the WSI images. Please try again later.");
+    let layers = [];
+    try {
+      layers = await this.getLayers(state, plotConfig.wsimages);
+    } catch (e) {
+      holder.append("div").style("margin-left", "10px").text(e.message);
       return;
     }
     this.generateThumbnails(layers, settings);
@@ -23226,21 +23226,25 @@ var WSIViewer = class {
   }
   async getLayers(state, wsimages) {
     const layers = [];
+    const genome = state.genome || state.vocab.genome;
+    const dslabel = state.dslabel || state.vocab.dslabel;
+    const sampleId = state.sample_id;
     for (let i = 0; i < wsimages.length; i++) {
+      const wsimage = wsimages[i].filename;
       const body = {
-        genome: state.genome || state.vocab.genome,
-        dslabel: state.dslabel || state.vocab.dslabel,
-        sampleId: state.sample_id,
+        genome,
+        dslabel,
+        sampleId,
         wsimage: wsimages[i].filename
       };
       const data = await dofetch3("wsimages", { body });
       if (data.status === "error") {
-        return [];
+        throw new Error(`${data.error}`);
       }
-      this.wsiSessions.set(wsimages[i].filename, data.browserImageInstanceId);
       const imgWidth = data.slide_dimensions[0];
       const imgHeight = data.slide_dimensions[1];
-      const zoomifyUrl = `/tileserver/layer/slide/${data.wsiSessionId}/zoomify/{TileGroup}/{z}-{x}-{y}@1x.jpg`;
+      const queryParams = `wsi_image=${wsimage}&dslabel=${dslabel}&genome=${genome}&sample_id=${sampleId}`;
+      const zoomifyUrl = `/tileserver/layer/slide/${data.wsiSessionId}/zoomify/{TileGroup}/{z}-{x}-{y}@1x.jpg?${queryParams}`;
       const source = new Zoomify_default({
         url: zoomifyUrl,
         size: [imgWidth, imgHeight],
@@ -23249,7 +23253,7 @@ var WSIViewer = class {
         // Ensure we get a tile with the screen resolution or higher
       });
       const options = {
-        preview: `/tileserver/layer/slide/${data.wsiSessionId}/zoomify/TileGroup0/0-0-0@1x.jpg`,
+        preview: `/tileserver/layer/slide/${data.wsiSessionId}/zoomify/TileGroup0/0-0-0@1x.jpg?${queryParams}`,
         metadata: wsimages[i].metadata,
         source,
         baseLayer: true
@@ -23259,15 +23263,6 @@ var WSIViewer = class {
     }
     return layers;
   }
-  onTabClosed() {
-    const hasNonUndefinedValue = Array.from(this.wsiSessions.values()).some((value) => value !== void 0);
-    if (hasNonUndefinedValue) {
-      dofetch3("clearwsisession", {
-        method: "DELETE",
-        body: { sessions: JSON.stringify(Array.from(this.wsiSessions)) }
-      });
-    }
-  }
   generateThumbnails(layers, setting) {
     if (!this.thumbnailsContainer) {
       const holder = this.opts.holder;
@@ -23338,4 +23333,4 @@ export {
   getPlotConfig,
   wsiViewer
 };
-//# sourceMappingURL=WSIViewer-LWZ4I3E6.js.map
+//# sourceMappingURL=WSIViewer-YPHDDCYS.js.map