@sjcrh/proteinpaint-client 2.221.0 → 2.222.0

package/dist/aboutSunburst-2T5SLCCB.js

@@ -0,0 +1,93 @@
+import {
+  SunburstChart,
+  getPlotConfig
+} from "./chunk-R55JRVX7.js";
+import {
+  LINK,
+  TEXT_DARK
+} from "./chunk-7SFK32JP.js";
+import "./chunk-4ASBDE27.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-OF6FDDKV.js";
+import "./chunk-CNFTQSNE.js";
+import "./chunk-RIHO7ZD5.js";
+import "./chunk-TVJOSRCH.js";
+import "./chunk-3CIL7KH7.js";
+import "./chunk-T4XPCSLP.js";
+import "./chunk-4TJO2DGU.js";
+import "./chunk-W5J3LTYS.js";
+import "./chunk-MHWYRNGA.js";
+import "./chunk-JHLF2ZC2.js";
+import "./chunk-WJLRU5OF.js";
+import "./chunk-HBNB5TRH.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-4OLM3KSB.js";
+import "./chunk-PWYMHUXY.js";
+import "./chunk-TLT4YIG3.js";
+import "./chunk-5R63Q5KH.js";
+import "./chunk-I6Y4O3RR.js";
+import "./chunk-Q5RDQNIT.js";
+import "./chunk-HS5PO5ZQ.js";
+
+// plots/sunburst/aboutSunburst.ts
+var AboutSunburst = class {
+  constructor(holder, app, onOpen) {
+    this.app = app;
+    this.onOpen = onOpen;
+    const div = holder.append("div").attr("data-testid", "sjpp-about-sunburst").style("white-space", "normal");
+    this.chart = new SunburstChart({
+      holder: div,
+      app,
+      // the Rings box and the stats close to the chart, 12px from it on both sides
+      gap: 6,
+      // a plot of the selection is shown in the plots tab, as the About tab's launch items are
+      beforeLaunch: () => app.dispatch({ type: "tab_set", activeTab: 1 })
+    });
+  }
+  /** draw the counts of the app state's filter, unless they are shown already */
+  async update(appState) {
+    const termfilter = appState.termfilter;
+    const sig = JSON.stringify(termfilter);
+    if (sig == this.filterShown) return;
+    this.filterShown = sig;
+    this.ringsLoaded ??= getPlotConfig({}, this.app).then((config) => {
+      this.twLst = config.twLst;
+      this.renderRings();
+      return config.twLst;
+    });
+    let twLst;
+    try {
+      twLst = await this.ringsLoaded;
+    } catch (e) {
+      this.ringsLoaded = void 0;
+      this.filterShown = void 0;
+      this.chart.dom.errdiv.style("display", "").text(e?.message || String(e));
+      return;
+    }
+    const drawn = await this.chart.update({
+      genome: appState.vocab.genome,
+      dslabel: appState.vocab.dslabel,
+      twLst,
+      termfilter,
+      colors: appState.termdbConfig?.sunburst?.colors
+    });
+    if (drawn === false && this.filterShown == sig) this.filterShown = void 0;
+  }
+  /** one line per ring with its term name, then the link to the full chart */
+  renderRings() {
+    for (const [i, tw] of this.twLst.entries()) {
+      this.chart.ringLine(i).append("div").style("font-size", ".9em").style("color", TEXT_DARK).style("overflow", "hidden").style("white-space", "nowrap").style("text-overflow", "ellipsis").attr("title", tw.term.name).text(tw.term.name);
+    }
+    this.chart.dom.rings.body.append("div").attr("data-testid", "sjpp-about-sunburst-open").attr("role", "button").style("margin-top", "10px").style("font-size", ".85em").style("color", LINK).style("cursor", "pointer").text("Edit rings in the full chart \u203A").attr("tabindex", 0).on("click", this.onOpen).on("keydown", (event) => {
+      if (event.key == "Enter" || event.key == " ") {
+        event.preventDefault();
+        this.onOpen();
+      }
+    });
+    this.chart.markShownRings();
+  }
+};
+export {
+  AboutSunburst
+};
+//# sourceMappingURL=aboutSunburst-2T5SLCCB.js.map

package/dist/aboutSunburst-2T5SLCCB.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../plots/sunburst/aboutSunburst.ts"],
+  "sourcesContent": ["import { SunburstChart } from './SunburstChart'\nimport { getPlotConfig } from './sunburst'\nimport { LINK, TEXT_DARK } from './SunburstRenderer'\n\n/*\nThe sunburst on the About tab (massNav.tabs.about.showSunburst), of the dataset's default rings\n(termdb.sunburst.twLst). It zooms, selects, launches the plots of a selection (in the plots tab) and makes\ngroups like the sunburst plot, but its Rings box only names the rings: they are edited in the full chart,\nwhich a link below them launches, since the About tab has no plot config to keep them in. The counts follow\nthe global filter.\n*/\n\nexport class AboutSunburst {\n\tapp: any\n\tchart: SunburstChart\n\t/** launches the sunburst plot */\n\tonOpen: () => void\n\ttwLst?: any[]\n\t/** the default rings once loaded and listed in the Rings box; kept so that an update made while they\n\t *  load waits for them instead of loading and listing them again */\n\tringsLoaded?: Promise<any[]>\n\t/** the filter of the shown counts, to re-fetch only when it changes */\n\tfilterShown?: string\n\n\tconstructor(holder: any, app: any, onOpen: () => void) {\n\t\tthis.app = app\n\t\tthis.onOpen = onOpen\n\t\tconst div = holder.append('div').attr('data-testid', 'sjpp-about-sunburst').style('white-space', 'normal')\n\t\tthis.chart = new SunburstChart({\n\t\t\tholder: div,\n\t\t\tapp,\n\t\t\t// the Rings box and the stats close to the chart, 12px from it on both sides\n\t\t\tgap: 6,\n\t\t\t// a plot of the selection is shown in the plots tab, as the About tab's launch items are\n\t\t\tbeforeLaunch: () => app.dispatch({ type: 'tab_set', activeTab: 1 })\n\t\t})\n\t}\n\n\t/** draw the counts of the app state's filter, unless they are shown already */\n\tasync update(appState: any) {\n\t\tconst termfilter = appState.termfilter\n\t\tconst sig = JSON.stringify(termfilter)\n\t\tif (sig == this.filterShown) return\n\t\tthis.filterShown = sig\n\t\tthis.ringsLoaded ??= getPlotConfig({}, this.app).then(config => {\n\t\t\tthis.twLst = config.twLst\n\t\t\tthis.renderRings()\n\t\t\treturn config.twLst\n\t\t})\n\t\tlet twLst: any[]\n\t\ttry {\n\t\t\ttwLst = await this.ringsLoaded\n\t\t} catch (e: any) {\n\t\t\t// try again on the next update, even with the same filter\n\t\t\tthis.ringsLoaded = undefined\n\t\t\tthis.filterShown = undefined\n\t\t\tthis.chart.dom.errdiv.style('display', '').text(e?.message || String(e))\n\t\t\treturn\n\t\t}\n\t\tconst drawn = await this.chart.update({\n\t\t\tgenome: appState.vocab.genome,\n\t\t\tdslabel: appState.vocab.dslabel,\n\t\t\ttwLst,\n\t\t\ttermfilter,\n\t\t\tcolors: appState.termdbConfig?.sunburst?.colors\n\t\t})\n\t\t// a failed request is retried on the next update, unless a newer update has recorded its own filter\n\t\tif (drawn === false && this.filterShown == sig) this.filterShown = undefined\n\t}\n\n\t/** one line per ring with its term name, then the link to the full chart */\n\trenderRings() {\n\t\tfor (const [i, tw] of this.twLst!.entries()) {\n\t\t\tthis.chart\n\t\t\t\t.ringLine(i)\n\t\t\t\t.append('div')\n\t\t\t\t.style('font-size', '.9em')\n\t\t\t\t.style('color', TEXT_DARK)\n\t\t\t\t.style('overflow', 'hidden')\n\t\t\t\t.style('white-space', 'nowrap')\n\t\t\t\t.style('text-overflow', 'ellipsis')\n\t\t\t\t.attr('title', tw.term.name)\n\t\t\t\t.text(tw.term.name)\n\t\t}\n\t\tthis.chart.dom.rings.body\n\t\t\t.append('div')\n\t\t\t.attr('data-testid', 'sjpp-about-sunburst-open')\n\t\t\t.attr('role', 'button')\n\t\t\t.style('margin-top', '10px')\n\t\t\t.style('font-size', '.85em')\n\t\t\t.style('color', LINK)\n\t\t\t.style('cursor', 'pointer')\n\t\t\t.text('Edit rings in the full chart \u203A')\n\t\t\t.attr('tabindex', 0)\n\t\t\t.on('click', this.onOpen)\n\t\t\t.on('keydown', (event: KeyboardEvent) => {\n\t\t\t\tif (event.key == 'Enter' || event.key == ' ') {\n\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\tthis.onOpen()\n\t\t\t\t}\n\t\t\t})\n\t\tthis.chart.markShownRings()\n\t}\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,IAAM,gBAAN,MAAoB;AAAA,EAY1B,YAAY,QAAa,KAAU,QAAoB;AACtD,SAAK,MAAM;AACX,SAAK,SAAS;AACd,UAAM,MAAM,OAAO,OAAO,KAAK,EAAE,KAAK,eAAe,qBAAqB,EAAE,MAAM,eAAe,QAAQ;AACzG,SAAK,QAAQ,IAAI,cAAc;AAAA,MAC9B,QAAQ;AAAA,MACR;AAAA;AAAA,MAEA,KAAK;AAAA;AAAA,MAEL,cAAc,MAAM,IAAI,SAAS,EAAE,MAAM,WAAW,WAAW,EAAE,CAAC;AAAA,IACnE,CAAC;AAAA,EACF;AAAA;AAAA,EAGA,MAAM,OAAO,UAAe;AAC3B,UAAM,aAAa,SAAS;AAC5B,UAAM,MAAM,KAAK,UAAU,UAAU;AACrC,QAAI,OAAO,KAAK,YAAa;AAC7B,SAAK,cAAc;AACnB,SAAK,gBAAgB,cAAc,CAAC,GAAG,KAAK,GAAG,EAAE,KAAK,YAAU;AAC/D,WAAK,QAAQ,OAAO;AACpB,WAAK,YAAY;AACjB,aAAO,OAAO;AAAA,IACf,CAAC;AACD,QAAI;AACJ,QAAI;AACH,cAAQ,MAAM,KAAK;AAAA,IACpB,SAAS,GAAQ;AAEhB,WAAK,cAAc;AACnB,WAAK,cAAc;AACnB,WAAK,MAAM,IAAI,OAAO,MAAM,WAAW,EAAE,EAAE,KAAK,GAAG,WAAW,OAAO,CAAC,CAAC;AACvE;AAAA,IACD;AACA,UAAM,QAAQ,MAAM,KAAK,MAAM,OAAO;AAAA,MACrC,QAAQ,SAAS,MAAM;AAAA,MACvB,SAAS,SAAS,MAAM;AAAA,MACxB;AAAA,MACA;AAAA,MACA,QAAQ,SAAS,cAAc,UAAU;AAAA,IAC1C,CAAC;AAED,QAAI,UAAU,SAAS,KAAK,eAAe,IAAK,MAAK,cAAc;AAAA,EACpE;AAAA;AAAA,EAGA,cAAc;AACb,eAAW,CAAC,GAAG,EAAE,KAAK,KAAK,MAAO,QAAQ,GAAG;AAC5C,WAAK,MACH,SAAS,CAAC,EACV,OAAO,KAAK,EACZ,MAAM,aAAa,MAAM,EACzB,MAAM,SAAS,SAAS,EACxB,MAAM,YAAY,QAAQ,EAC1B,MAAM,eAAe,QAAQ,EAC7B,MAAM,iBAAiB,UAAU,EACjC,KAAK,SAAS,GAAG,KAAK,IAAI,EAC1B,KAAK,GAAG,KAAK,IAAI;AAAA,IACpB;AACA,SAAK,MAAM,IAAI,MAAM,KACnB,OAAO,KAAK,EACZ,KAAK,eAAe,0BAA0B,EAC9C,KAAK,QAAQ,QAAQ,EACrB,MAAM,cAAc,MAAM,EAC1B,MAAM,aAAa,OAAO,EAC1B,MAAM,SAAS,IAAI,EACnB,MAAM,UAAU,SAAS,EACzB,KAAK,qCAAgC,EACrC,KAAK,YAAY,CAAC,EAClB,GAAG,SAAS,KAAK,MAAM,EACvB,GAAG,WAAW,CAAC,UAAyB;AACxC,UAAI,MAAM,OAAO,WAAW,MAAM,OAAO,KAAK;AAC7C,cAAM,eAAe;AACrB,aAAK,OAAO;AAAA,MACb;AAAA,IACD,CAAC;AACF,SAAK,MAAM,eAAe;AAAA,EAC3B;AACD;",
+  "names": []
+}

package/dist/adSandbox-GFF6ZCRM.js

@@ -0,0 +1,29 @@
+import {
+  openSandbox
+} from "./chunk-BGYZJXYZ.js";
+import "./chunk-4ASBDE27.js";
+import "./chunk-HJ6L54YS.js";
+import "./chunk-OF6FDDKV.js";
+import "./chunk-CNFTQSNE.js";
+import "./chunk-RIHO7ZD5.js";
+import "./chunk-TVJOSRCH.js";
+import "./chunk-3CIL7KH7.js";
+import "./chunk-T4XPCSLP.js";
+import "./chunk-4TJO2DGU.js";
+import "./chunk-W5J3LTYS.js";
+import "./chunk-MHWYRNGA.js";
+import "./chunk-JHLF2ZC2.js";
+import "./chunk-WJLRU5OF.js";
+import "./chunk-HBNB5TRH.js";
+import "./chunk-PF4DSFDR.js";
+import "./chunk-4OLM3KSB.js";
+import "./chunk-PWYMHUXY.js";
+import "./chunk-TLT4YIG3.js";
+import "./chunk-5R63Q5KH.js";
+import "./chunk-I6Y4O3RR.js";
+import "./chunk-Q5RDQNIT.js";
+import "./chunk-HS5PO5ZQ.js";
+export {
+  openSandbox
+};
+//# sourceMappingURL=adSandbox-GFF6ZCRM.js.map