@sjcrh/proteinpaint-client 2.224.1 → 2.224.2

package/dist/chunk-OT2DMA2D.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../plots/sunburst/sunburst.data.ts", "../plots/sunburst/SunburstChart.ts", "../plots/sunburst/sunburst.ts"],
+  "sourcesContent": ["import type { Filter, SunburstResponse, SunburstNode, SunburstCategory } from '#types'\nimport type { SunNode } from './SunburstRenderer'\n\n/*\nData helpers of the term-based sunburst, without any DOM code: the termdb/sunburst response as a renderer \ntree, and selected wedges as a group filter. Kept apart from sunburst.ts so they can be unit-tested directly.\n*/\n\n/** a wedge of the term sunburst. `id` names it by its path of [ring $id, key] pairs, as JSON so that no\n *  category key can make two paths alike, and a selection can survive a re-fetch; `ring`, `key` and\n *  `category` say which ring category it is */\nexport type TermSunNode = SunNode & {\n\tid: string\n\tring: number\n\tkey: string\n\tcategory: SunburstCategory\n\t/** samples under the wedge (SunNode.value is only those that end here) */\n\tcount: number\n\tchildren?: TermSunNode[]\n}\n\ntype TermSunRoot = SunNode & { children: TermSunNode[]; count: number }\n\n/** the response as a renderer tree; first-ring colours from the dataset (keyed by category key) win\n *  over the term's own */\nexport function buildTermTree(\n\tres: SunburstResponse,\n\ttwLst: any[],\n\trootName: string,\n\tcolors?: { [key: string]: string }\n): TermSunRoot {\n\tconst convert = (n: SunburstNode, ring: number, parentPath: string[][]): TermSunNode => {\n\t\tconst tw = twLst[ring]\n\t\tconst category = res.rings[ring].categories[n.key] || { label: n.key }\n\t\tconst path = [...parentPath, [tw.$id, n.key]]\n\t\tconst children = (n.children || []).map(c => convert(c, ring + 1, path))\n\t\tconst node: TermSunNode = {\n\t\t\tname: category.label,\n\t\t\tlevel: tw.term.name,\n\t\t\t// d3 adds the children to a node's own value, so it holds only the samples that end here\n\t\t\tvalue: n.count - children.reduce((s, c) => s + c.count, 0),\n\t\t\tcount: n.count,\n\t\t\tid: JSON.stringify(path),\n\t\t\tring,\n\t\t\tkey: n.key,\n\t\t\tcategory\n\t\t}\n\t\tconst color = (ring == 0 && colors?.[n.key]) || category.color\n\t\tif (color) node.color = color\n\t\tif (children.length) node.children = children\n\t\treturn node\n\t}\n\treturn { name: rootName, value: 0, count: res.total, children: res.nodes.map(n => convert(n, 0, [])) }\n}\n\n/** one ring category as a filter entry: the tvs of the ring's term, or a filter group's own filter */\nexport function categoryFilterItem(tw: any, category: SunburstCategory): any {\n\tif (category.filter) return structuredClone(category.filter)\n\tif (!category.tvs) throw `no filter for category '${category.label}' of ${tw.term.name}`\n\treturn { type: 'tvs', tvs: { term: tw.term, ...structuredClone(category.tvs) } }\n}\n\n/** the samples of one wedge: its categories along the path from the first ring, joined by \"and\" */\nexport function wedgeFilter(path: TermSunNode[], twLst: any[]): Filter {\n\tconst lst = path.map(n => categoryFilterItem(twLst[n.ring], n.category))\n\treturn { type: 'tvslst', in: true, join: lst.length > 1 ? 'and' : '', lst }\n}\n\n/** the samples of any of the selected wedges, each given as its path from the first ring. One wedge\n *  is just its own filter; several are joined by \"or\" */\nexport function selectionFilter(paths: TermSunNode[][], twLst: any[]): Filter {\n\tif (!paths.length) throw 'no wedge selected'\n\tif (paths.length == 1) return wedgeFilter(paths[0], twLst)\n\treturn { type: 'tvslst', in: true, join: 'or', lst: paths.map(p => wedgeFilter(p, twLst)) }\n}\n\n/** a readable name for a selection: the path of one wedge (e.g. \"BCP-ALL \u203A Hyperdiploid\"), or the\n *  wedge names joined when several are selected */\nexport function selectionName(paths: TermSunNode[][], maxLen = 60): string {\n\tconst names =\n\t\tpaths.length == 1 ? paths[0].map(n => n.name).join(' \u203A ') : paths.map(p => p[p.length - 1].name).join(' or ')\n\treturn names.length > maxLen ? names.slice(0, maxLen - 1) + '\u2026' : names\n}\n\n/** the sample types a new or replacing ring may have, given the other rings: the line of descent through\n *  the deepest of their sample types (its ancestors, itself and its descendants), since no value maps\n *  between sibling types such as primary and PDX samples. Undefined (any type) when the dataset has one\n *  sample type or no other ring is below the top level. `sampleTypes` is termdbConfig.sampleTypes */\nexport function allowedSampleTypes(otherTwLst: any[], sampleTypes?: { [id: string]: any }): number[] | undefined {\n\tif (!sampleTypes || Object.keys(sampleTypes).length < 2) return\n\tconst parent = (t: string) => {\n\t\tconst p = sampleTypes[t]?.parent_id\n\t\treturn p === null || p === undefined ? undefined : String(p)\n\t}\n\tconst ancestors = (t: string) => {\n\t\tconst lst: string[] = []\n\t\tfor (let p = parent(t); p !== undefined && !lst.includes(p); p = parent(p)) lst.push(p)\n\t\treturn lst\n\t}\n\tconst types = otherTwLst\n\t\t.map(tw => tw.term?.sample_type)\n\t\t.filter(t => t !== null && t !== undefined && sampleTypes[t])\n\t\t.map(String)\n\tconst below = types.filter(t => parent(t) !== undefined)\n\tif (!below.length) return\n\tconst deepest = below.reduce((a, b) => (ancestors(b).length > ancestors(a).length ? b : a))\n\tconst descendants = Object.keys(sampleTypes).filter(t => ancestors(t).includes(deepest))\n\treturn [...ancestors(deepest), deepest, ...descendants].map(Number)\n}\n", "import { dofetch3 } from '#common/dofetch'\nimport { select } from 'd3-selection'\nimport { escapeHtml, capitalizeFirstLetter } from '#dom'\nimport { getNormalRoot, filterJoin } from '#filter'\nimport { addNewGroup, getGroupFilterOfConditions } from '#mass/groups'\nimport { availabilitySections, fetchDataAvailability, type AvailabilityRow } from '#mass/groupDataAvailability'\nimport { TermTypes } from '#types'\nimport { getActiveCohortStr } from '#mass/charts'\nimport type { Filter, SunburstRequest, SunburstResponse } from '#types'\nimport {\n\tSunburstRenderer,\n\tcard,\n\tbadge,\n\tpill,\n\tSIZE,\n\tTEXT_DARK,\n\tTEXT_MUTED,\n\tLINK,\n\tRULE,\n\tSELECT_STROKE,\n\ticon,\n\ttype Card,\n\ttype HNode\n} from './SunburstRenderer'\nimport { buildTermTree, selectionFilter, selectionName, type TermSunNode } from './sunburst.data'\n\n/*\nThe term-based sunburst without its rx plot component: fetches the counts of the given rings, draws them,\nand keeps the wedge selection, one sample group. Below the selected wedges, \"Show available data\" lists how\nmany of the selected samples have each kind of data of the dataset (termdb/dataAvailability); a kind with a\nplot of its own opens that plot of the selected samples, which have the selection as the plot's filter. The\nselection can also become one sample group in the GROUPS tab. Used by the sunburst\nplot (sunburst.ts), which fills the Rings box with term pills, and by the About tab (about.ts), which\nlists the dataset's default rings.\n\nClick a wedge to zoom into it; a wedge without rings beneath it, a shift-click, or SELECT above the\nchart (for the wedge at the centre) selects it. Selecting a wedge drops its selected descendants, which\nit already contains.\n\nA sample with no value for a ring, or a value the ring hides (tw.q.hiddenValues, e.g. set in the dataset's\ndefault rings), ends at the previous ring, leaving a gap in the outer ring of its wedge; samples with no\nor a hidden value for the first ring are not in the chart.\n*/\n\n// stat box keys; their titles follow the unit\nconst STAT_SAMPLES = 'Samples'\nconst STAT_SELECTED = 'Selected samples'\n/** indent per ring in the Rings box, so the rings read as a path from the first to the last */\nconst RING_STEP = 6\nconst RING_LINE = '#cbd5e1'\n\nexport type SunburstChartOpts = {\n\tholder: any\n\t/** the mass app, for the term pickers and the created groups */\n\tapp: any\n\t/** px between the chart and its side columns (SunburstRendererOpts.gap) */\n\tgap?: number\n\t/** called before a plot of the selection is created, e.g. to show the plots tab */\n\tbeforeLaunch?: () => Promise<any> | void\n}\n\nexport type SunburstUpdateArg = {\n\tgenome: string\n\tdslabel: string\n\t/** ring term wrappers, inside out, filled */\n\ttwLst: any[]\n\t/** the filter the counts are of: the global filter, joined with the plot's own if any */\n\ttermfilter?: { filter?: Filter; filter0?: any }\n\t/** the plot's own filter, which a created group also has; the global filter is joined where the\n\t *  group is used */\n\tgroupFilter?: Filter\n\t/** first-ring colours from the dataset, keyed by category key */\n\tcolors?: { [key: string]: string }\n}\n\nexport class SunburstChart {\n\tapp: any\n\tdom: {\n\t\terrdiv: any\n\t\tloadingDiv: any\n\t\tnoteDiv: any\n\t\t/** the rings, left of the chart; filled by the caller (ringRow) */\n\t\trings: Card\n\t\t/** the selected wedges, with the create-group action */\n\t\tsel: Card\n\t\t/** selects the wedge at the centre, in the toolbar above the chart */\n\t\tselectFocus: any\n\t}\n\trenderer: SunburstRenderer\n\ttwLst: any[] = []\n\tgroupFilter?: Filter\n\t/** selected wedges by node id, in selection order */\n\tselected: Map<string, HNode> = new Map()\n\t/** note shown in the selection card after a group is created */\n\tcreatedNote = ''\n\t/** the counted unit, from the server */\n\tunit = { one: 'sample', many: 'samples' }\n\t/** number of the latest update(), so that the response of an earlier one that arrives later is dropped */\n\tupdateId = 0\n\tbeforeLaunch?: () => Promise<any> | void\n\t/** whether the available data of the selection is shown; a change of the selection hides it */\n\tdataShown = false\n\t/** number of the latest renderData(), so that the response of an earlier one is dropped */\n\tdataId = 0\n\n\tconstructor(opts: SunburstChartOpts) {\n\t\tthis.app = opts.app\n\t\tthis.beforeLaunch = opts.beforeLaunch\n\t\tconst holder = opts.holder\n\t\tconst errdiv = holder.append('div').attr('class', 'sja_errorbar').style('display', 'none')\n\t\tconst loadingDiv = holder.append('div').style('display', 'none').style('padding', '24px').text('Loading ...')\n\t\tconst noteDiv = holder\n\t\t\t.append('div')\n\t\t\t.style('font-size', '.85em')\n\t\t\t.style('color', TEXT_MUTED)\n\t\t\t.style('margin-bottom', '6px')\n\t\tconst chartHolder = holder.append('div').attr('data-testid', 'sjpp-sunburst-chart')\n\t\tthis.renderer = new SunburstRenderer({\n\t\t\tholder: chartHolder,\n\t\t\tunit: this.unit,\n\t\t\trootName: 'All samples',\n\t\t\tstatLabels: [STAT_SAMPLES, STAT_SELECTED],\n\t\t\tpathCard: false,\n\t\t\tgap: opts.gap,\n\t\t\thooks: {\n\t\t\t\tonClick: (d: HNode, event: any) => this.onWedgeClick(d, event),\n\t\t\t\tisSelected: (d: HNode) => this.selected.has(d.data.id),\n\t\t\t\tcursor: (d: HNode) => (d.children ? 'zoom-in' : 'pointer'),\n\t\t\t\ttooltip: (d: HNode, box: any) => this.tooltip(d, box),\n\t\t\t\tonFocus: () => {\n\t\t\t\t\tthis.renderStats()\n\t\t\t\t\tthis.renderSidebar()\n\t\t\t\t\tthis.renderSelectFocus()\n\t\t\t\t\tthis.markShownRings()\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\t\tconst rings = card(this.renderer.dom.left, 'Rings')\n\t\trings.body.attr('data-testid', 'sjpp-sunburst-rings')\n\t\tconst selectFocus = this.renderer\n\t\t\t.addControl()\n\t\t\t.attr('data-testid', 'sjpp-sunburst-select-focus')\n\t\t\t.on('click', () => {\n\t\t\t\tconst f = this.renderer.focus\n\t\t\t\tif (f?.depth && !this.selectedAncestor(f)) this.toggle(f)\n\t\t\t})\n\t\tthis.dom = {\n\t\t\terrdiv,\n\t\t\tloadingDiv,\n\t\t\tnoteDiv,\n\t\t\trings,\n\t\t\tsel: card(this.renderer.dom.right, 'Selected wedges'),\n\t\t\tselectFocus\n\t\t}\n\t}\n\n\t/** fetch and draw the counts of the rings; with no rings, an empty chart and `emptyNote`. Resolves true\n\t *  when drawn, false when the request failed (the error is shown), and undefined when a later update\n\t *  replaced this one, which then has its own outcome */\n\tasync update(arg: SunburstUpdateArg, emptyNote = ''): Promise<boolean | undefined> {\n\t\tconst id = ++this.updateId\n\t\tthis.twLst = arg.twLst\n\t\tthis.groupFilter = arg.groupFilter\n\t\tthis.dom.errdiv.style('display', 'none')\n\t\tthis.dom.noteDiv.text('')\n\t\tif (!this.twLst.length) {\n\t\t\t// an earlier update may still be loading; its response is dropped\n\t\t\tthis.dom.loadingDiv.style('display', 'none')\n\t\t\tthis.selected.clear()\n\t\t\tthis.renderer.setTree({ name: this.renderer.opts.rootName, children: [] })\n\t\t\tthis.dom.noteDiv.text(emptyNote)\n\t\t\treturn true\n\t\t}\n\t\ttry {\n\t\t\tthis.dom.loadingDiv.style('display', '')\n\t\t\tconst res = await fetchSunburst({\n\t\t\t\tgenome: arg.genome,\n\t\t\t\tdslabel: arg.dslabel,\n\t\t\t\ttwLst: this.twLst,\n\t\t\t\tfilter: getNormalRoot(arg.termfilter?.filter),\n\t\t\t\tfilter0: arg.termfilter?.filter0\n\t\t\t})\n\t\t\tif (id != this.updateId) return\n\t\t\tthis.dom.loadingDiv.style('display', 'none')\n\t\t\tthis.render(res, arg.colors)\n\t\t\treturn true\n\t\t} catch (e: any) {\n\t\t\tif (id != this.updateId) return\n\t\t\tthis.dom.loadingDiv.style('display', 'none')\n\t\t\tthis.dom.errdiv.style('display', '').text(e?.message || String(e))\n\t\t\tif (e instanceof Error) console.error(e)\n\t\t\treturn false\n\t\t}\n\t}\n\n\trender(res: SunburstResponse, colors?: { [key: string]: string }) {\n\t\tthis.setUnit(res.unit || { one: 'sample', many: 'samples' })\n\t\tif (res.noFirstRingValue) {\n\t\t\tconst n = res.noFirstRingValue\n\t\t\tthis.dom.noteDiv.text(\n\t\t\t\t`${n.toLocaleString()} ${n == 1 ? this.unit.one : this.unit.many} with ${noValue(this.twLst[0])} ${\n\t\t\t\t\tn == 1 ? 'is' : 'are'\n\t\t\t\t} not shown.`\n\t\t\t)\n\t\t}\n\t\tconst focusId = this.renderer.focus?.data.id\n\t\tconst selectedIds = [...this.selected.keys()]\n\t\tthis.renderer.setTree(buildTermTree(res, this.twLst, this.renderer.opts.rootName, colors))\n\t\t// keep the selection and the centre of a re-fetch (e.g. after a filter change) where their\n\t\t// wedges still exist\n\t\tconst byId = new Map(this.renderer.root.descendants().map((d: HNode) => [d.data.id, d]))\n\t\tthis.selected = new Map(selectedIds.filter(id => byId.has(id)).map(id => [id, byId.get(id)]))\n\t\tthis.renderer.refresh()\n\t\tconst focus = focusId && byId.get(focusId)\n\t\tif (focus?.children) this.renderer.zoomTo(focus)\n\t\telse this.renderSidebar()\n\t}\n\n\t/** wording of the counted unit: centre, stat box titles, tooltip and the create-group action */\n\tsetUnit(unit: { one: string; many: string }) {\n\t\tthis.unit = unit\n\t\tthis.renderer.opts.unit = unit\n\t\tthis.renderer.opts.rootName = `All ${unit.many}`\n\t\tthis.renderer.setStatTitle(STAT_SAMPLES, capitalizeFirstLetter(unit.many))\n\t\tthis.renderer.setStatTitle(STAT_SELECTED, `Selected ${unit.many}`)\n\t}\n\n\t/** SELECT above the chart, for the wedge at the centre (which cannot be clicked) */\n\trenderSelectFocus() {\n\t\tconst f = this.renderer.focus\n\t\tconst el = this.dom.selectFocus\n\t\tif (!f?.depth) {\n\t\t\tel.style('display', 'none')\n\t\t\treturn\n\t\t}\n\t\tconst anc = this.selectedAncestor(f)\n\t\tconst on = this.selected.has(f.data.id)\n\t\tel.style('display', '')\n\t\t\t.style('opacity', anc ? 0.35 : 1)\n\t\t\t.style('cursor', anc ? 'default' : 'pointer')\n\t\t\t.style('color', on ? SELECT_STROKE : TEXT_MUTED)\n\t\t\t.attr('title', anc ? `Included in the selected ${anc.data.name}` : null)\n\t\t\t.html(\n\t\t\t\ton\n\t\t\t\t\t? `${icon('<polyline points=\"5 12 10 17 19 7\"/>')}SELECTED \u00B7 ${escapeHtml(f.data.name.toUpperCase())}`\n\t\t\t\t\t: `${icon('<circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M12 8v8M8 12h8\"/>')}SELECT ${escapeHtml(\n\t\t\t\t\t\t\tf.data.name.toUpperCase()\n\t\t\t\t\t  )}`\n\t\t\t)\n\t}\n\n\t/************ rings box ************/\n\n\t/** a line of the Rings box, indented by its ring, with an elbow from the line above */\n\tringRow(level: number) {\n\t\tconst row = this.dom.rings.body\n\t\t\t.append('div')\n\t\t\t.style('position', 'relative')\n\t\t\t.style('margin', '2px 0')\n\t\t\t.style('margin-left', `${level * RING_STEP}px`)\n\t\tif (level) {\n\t\t\trow\n\t\t\t\t.append('div')\n\t\t\t\t.style('position', 'absolute')\n\t\t\t\t.style('left', `${-RING_STEP + 4}px`)\n\t\t\t\t.style('top', '-6px')\n\t\t\t\t.style('width', `${RING_STEP - 6}px`)\n\t\t\t\t.style('height', '18px')\n\t\t\t\t.style('border-left', `1px solid ${RING_LINE}`)\n\t\t\t\t.style('border-bottom', `1px solid ${RING_LINE}`)\n\t\t\t\t.style('border-bottom-left-radius', '4px')\n\t\t}\n\t\treturn row\n\t}\n\n\t/** the line of ring i: its number, which is marked while the ring is in the chart (markShownRings),\n\t *  then a slot for the caller's term pill or name */\n\tringLine(i: number) {\n\t\tconst row = this.ringRow(i)\n\t\t\t.attr('class', 'sjpp-sunburst-ring')\n\t\t\t.style('display', 'flex')\n\t\t\t.style('align-items', 'center')\n\t\t\t.style('gap', '4px')\n\t\trow\n\t\t\t.append('span')\n\t\t\t.attr('class', 'sjpp-sunburst-ringnum')\n\t\t\t.style('font-size', '.8em')\n\t\t\t.style('width', '14px')\n\t\t\t.style('flex', '0 0 auto')\n\t\t\t.style('padding-left', '4px')\n\t\t\t.style('border-left', '3px solid transparent')\n\t\t\t.style('border-radius', '2px')\n\t\t\t.text(i + 1)\n\t\treturn row\n\t}\n\n\t/** mark the two rings around the current centre: a bar beside the ring number, which is bold */\n\tmarkShownRings() {\n\t\tconst first = this.renderer.focus?.depth || 0\n\t\tconst shown = (i: number) => i == first || i == first + 1\n\t\tthis.dom.rings.body\n\t\t\t.selectAll('.sjpp-sunburst-ring')\n\t\t\t.attr('title', (_: any, i: number) => (shown(i) ? 'Shown in the chart' : null))\n\t\t\t.select('.sjpp-sunburst-ringnum')\n\t\t\t.style('border-left-color', (_: any, i: number) => (shown(i) ? LINK : 'transparent'))\n\t\t\t.style('color', (_: any, i: number) => (shown(i) ? TEXT_DARK : TEXT_MUTED))\n\t\t\t.style('font-weight', (_: any, i: number) => (shown(i) ? 'bold' : 'normal'))\n\t}\n\n\t/************ selection ************/\n\n\t/** the selected ancestor that already contains a wedge, if any */\n\tselectedAncestor(d: HNode): HNode | undefined {\n\t\tfor (let a = d.parent; a?.depth; a = a.parent) if (this.selected.has(a.data.id)) return a\n\t}\n\n\ttoggle(d: HNode) {\n\t\tif (!d.depth) return\n\t\tconst id = d.data.id\n\t\tthis.createdNote = ''\n\t\tif (this.selected.has(id)) this.selected.delete(id)\n\t\telse {\n\t\t\tif (this.selectedAncestor(d)) return // already in the selection; the tooltip says so\n\t\t\t// a selected wedge contains its descendants, so drop any that were selected\n\t\t\tfor (const [k, n] of this.selected) if (n.ancestors().includes(d)) this.selected.delete(k)\n\t\t\tthis.selected.set(id, d)\n\t\t}\n\t\tthis.refreshSelection()\n\t}\n\n\trefreshSelection() {\n\t\tthis.dataShown = false\n\t\tthis.renderer.refresh()\n\t\tthis.renderStats()\n\t\tthis.renderSidebar()\n\t\tthis.renderSelectFocus()\n\t}\n\n\t/** wedge paths from the first ring, in selection order */\n\tselectedPaths(): TermSunNode[][] {\n\t\treturn [...this.selected.values()].map(\n\t\t\t(d: HNode) =>\n\t\t\t\td\n\t\t\t\t\t.ancestors()\n\t\t\t\t\t.reverse()\n\t\t\t\t\t.slice(1)\n\t\t\t\t\t.map((a: HNode) => a.data) as TermSunNode[]\n\t\t)\n\t}\n\n\tselectedCount(): number {\n\t\tlet n = 0\n\t\tfor (const d of this.selected.values()) n += d.value || 0\n\t\treturn n\n\t}\n\n\trenderStats() {\n\t\tconst r = this.renderer\n\t\tr.setStats(\n\t\t\tnew Map([\n\t\t\t\t[STAT_SAMPLES, r.focus.value || 0],\n\t\t\t\t[STAT_SELECTED, this.selectedCount()]\n\t\t\t])\n\t\t)\n\t}\n\n\t/************ interaction ************/\n\n\tonWedgeClick(d: HNode, event: any) {\n\t\tif (event?.shiftKey || !d.children) this.toggle(d)\n\t\telse this.renderer.zoomTo(d)\n\t}\n\n\ttooltip(d: HNode, box: any) {\n\t\tconst line = (text: string, color = '#6b7280') => box.append('div').style('color', color).text(text)\n\t\tline(d.data.level)\n\t\tconst total = this.renderer.root.value || 0\n\t\tconst pct = total ? ` (${((100 * (d.value || 0)) / total).toFixed(1)}%)` : ''\n\t\tconst s = box.append('div').style('color', '#374151')\n\t\ts.append('span').text(`${capitalizeFirstLetter(this.unit.many)}: `)\n\t\ts.append('b').text((d.value || 0).toLocaleString())\n\t\ts.append('span').text(pct)\n\t\tconst ended = d.data.value || 0\n\t\tconst next = this.twLst[d.data.ring + 1]\n\t\tif (d.children && ended && next) line(`${ended.toLocaleString()} with ${noValue(next)}`)\n\t\tconst note = (text: string, color: string) =>\n\t\t\tbox.append('div').style('margin-top', '4px').style('color', color).text(text)\n\t\tconst anc = this.selectedAncestor(d)\n\t\tif (anc) note(`Included in the selected ${anc.data.name}`, TEXT_MUTED)\n\t\telse if (this.selected.has(d.data.id))\n\t\t\tnote(d.children ? 'click to zoom in \u00B7 shift-click to deselect' : 'click to deselect', LINK)\n\t\telse note(d.children ? 'click to zoom in \u00B7 shift-click to select' : 'click to select', LINK)\n\t}\n\n\t/** the selected-wedges card: one line per wedge with its path and count, and the create-group\n\t *  action as the footer */\n\trenderSidebar() {\n\t\tconst sel = this.dom.sel\n\t\tconst { title, headRight, body } = sel\n\t\theadRight.selectAll('*').remove()\n\t\tbody.selectAll('*').remove()\n\t\theadRight.style('margin-bottom', '8px')\n\t\tconst n = this.selected.size\n\t\ttitle.text(n ? 'Selected wedges' : 'No wedges selected')\n\t\tif (n) {\n\t\t\tpill(headRight).text(n)\n\t\t\theadRight\n\t\t\t\t.append('span')\n\t\t\t\t.style('font-size', '11px')\n\t\t\t\t.style('color', LINK)\n\t\t\t\t.style('cursor', 'pointer')\n\t\t\t\t.text('Clear')\n\t\t\t\t.on('click', () => {\n\t\t\t\t\tthis.selected.clear()\n\t\t\t\t\tthis.refreshSelection()\n\t\t\t\t})\n\t\t}\n\t\tconst list = body\n\t\t\t.append('div')\n\t\t\t.style('max-height', `${SIZE - 200}px`)\n\t\t\t.style('overflow-y', 'auto')\n\t\tif (!n) {\n\t\t\tlist\n\t\t\t\t.append('div')\n\t\t\t\t.style('font-size', '0.85em')\n\t\t\t\t.style('color', TEXT_MUTED)\n\t\t\t\t.style('padding', '4px 0')\n\t\t\t\t.text('Shift-click a wedge, click an outermost one, or zoom into one and click SELECT above the chart.')\n\t\t}\n\t\tfor (const [id, d] of this.selected) {\n\t\t\tconst path = d\n\t\t\t\t.ancestors()\n\t\t\t\t.reverse()\n\t\t\t\t.slice(1)\n\t\t\t\t.map((a: HNode) => a.data.name)\n\t\t\tconst row = list\n\t\t\t\t.append('div')\n\t\t\t\t.style('display', 'flex')\n\t\t\t\t.style('align-items', 'center')\n\t\t\t\t.style('gap', '8px')\n\t\t\t\t.style('padding', '3px 6px')\n\t\t\t\t.style('margin', '2px 0')\n\t\t\t\t.style('border-radius', '6px')\n\t\t\t\t.on('mouseenter', (event: any) => {\n\t\t\t\t\tselect(event.currentTarget).style('background', '#f3f4f6').select('.sjpp-sunburst-remove').style('opacity', 1)\n\t\t\t\t})\n\t\t\t\t.on('mouseleave', (event: any) => {\n\t\t\t\t\tselect(event.currentTarget)\n\t\t\t\t\t\t.style('background', 'transparent')\n\t\t\t\t\t\t.select('.sjpp-sunburst-remove')\n\t\t\t\t\t\t.style('opacity', 0)\n\t\t\t\t})\n\t\t\tbadge(row, d.data.name, this.renderer.color(d), 24)\n\t\t\tconst text = row.append('div').style('flex', '1 1 auto').style('min-width', '0').style('line-height', '1.2')\n\t\t\ttext\n\t\t\t\t.append('div')\n\t\t\t\t.style('font-size', '0.9em')\n\t\t\t\t.style('color', TEXT_DARK)\n\t\t\t\t.style('overflow', 'hidden')\n\t\t\t\t.style('text-overflow', 'ellipsis')\n\t\t\t\t.style('white-space', 'nowrap')\n\t\t\t\t.attr('title', path.join(' \u203A '))\n\t\t\t\t.text(path.join(' \u203A '))\n\t\t\ttext\n\t\t\t\t.append('div')\n\t\t\t\t.style('font-size', '0.7em')\n\t\t\t\t.style('color', '#6b7280')\n\t\t\t\t.text(this.renderer.unitText(d.value || 0))\n\t\t\trow\n\t\t\t\t.append('span')\n\t\t\t\t.attr('class', 'sjpp-sunburst-remove')\n\t\t\t\t.style('opacity', 0)\n\t\t\t\t.style('cursor', 'pointer')\n\t\t\t\t.style('color', '#9ca3af')\n\t\t\t\t.style('font-size', '0.85em')\n\t\t\t\t.attr('title', 'Remove')\n\t\t\t\t.text('\u2715')\n\t\t\t\t.on('click', () => {\n\t\t\t\t\tthis.selected.delete(id)\n\t\t\t\t\tthis.refreshSelection()\n\t\t\t\t})\n\t\t}\n\n\t\tconst count = this.selectedCount()\n\t\tif (n) void this.renderData(body, count)\n\n\t\tconst footer = body\n\t\t\t.append('div')\n\t\t\t.style('margin-top', '10px')\n\t\t\t.style('padding-top', '10px')\n\t\t\t.style('border-top', `1px solid ${RULE}`)\n\t\tpill(footer, { button: true })\n\t\t\t.attr('data-testid', 'sjpp-sunburst-create-group')\n\t\t\t.property('disabled', n === 0)\n\t\t\t.style('opacity', n ? 1 : 0.3)\n\t\t\t.style('cursor', n ? 'pointer' : 'default')\n\t\t\t.text(n ? `Create group of ${this.renderer.unitText(count)}` : 'Create group')\n\t\t\t.on('click', () => this.createGroup())\n\t\tif (this.createdNote) {\n\t\t\tfooter\n\t\t\t\t.append('div')\n\t\t\t\t.style('font-size', '0.8em')\n\t\t\t\t.style('color', TEXT_MUTED)\n\t\t\t\t.style('margin-top', '6px')\n\t\t\t\t.text(this.createdNote)\n\t\t}\n\t}\n\n\t/** \"Show available data\", then how many of the selected samples have each kind of data of the dataset;\n\t *  a kind with a plot of the selected samples opens it */\n\tasync renderData(body: any, count: number) {\n\t\tconst div = body\n\t\t\t.append('div')\n\t\t\t.attr('data-testid', 'sjpp-sunburst-group-data')\n\t\t\t.style('margin-top', '10px')\n\t\t\t.style('padding-top', '10px')\n\t\t\t.style('border-top', `1px solid ${RULE}`)\n\t\tif (!this.dataShown) {\n\t\t\tpill(div, { button: true })\n\t\t\t\t.attr('data-testid', 'sjpp-sunburst-show-data')\n\t\t\t\t.style('cursor', 'pointer')\n\t\t\t\t.text('Show available data')\n\t\t\t\t.on('click', () => {\n\t\t\t\t\tthis.dataShown = true\n\t\t\t\t\tthis.renderSidebar()\n\t\t\t\t})\n\t\t\treturn\n\t\t}\n\t\tconst id = ++this.dataId\n\t\tconst head = div\n\t\t\t.append('div')\n\t\t\t.style('display', 'flex')\n\t\t\t.style('justify-content', 'space-between')\n\t\t\t.style('align-items', 'center')\n\t\t\t.style('gap', '8px')\n\t\t\t.style('margin-bottom', '6px')\n\t\thead\n\t\t\t.append('span')\n\t\t\t.attr('data-testid', 'sjpp-sunburst-data-title')\n\t\t\t.style('white-space', 'nowrap')\n\t\t\t.style('font-size', '0.95em')\n\t\t\t.style('font-weight', 600)\n\t\t\t.style('color', TEXT_DARK)\n\t\t\t.text(capitalizeFirstLetter(this.renderer.unitText(count)))\n\t\t// back to the button\n\t\thead\n\t\t\t.append('button')\n\t\t\t.attr('data-testid', 'sjpp-sunburst-hide-data')\n\t\t\t.style('flex', '0 0 auto')\n\t\t\t.style('font-size', '11px')\n\t\t\t.style('padding', '1px 10px')\n\t\t\t.style('border', `1px solid ${RULE}`)\n\t\t\t.style('border-radius', '10px')\n\t\t\t.style('background', 'white')\n\t\t\t.style('color', LINK)\n\t\t\t.style('cursor', 'pointer')\n\t\t\t.text('Hide \u25B4')\n\t\t\t.on('click', () => this.hideData())\n\t\tconst list = div.append('div').text('Loading ...').style('font-size', '0.85em').style('color', TEXT_MUTED)\n\t\ttry {\n\t\t\tconst appState = this.app.getState()\n\t\t\tconst termfilter = appState.termfilter || {}\n\t\t\tconst filter = filterJoin([this.plotFilter(), termfilter.filter].filter(f => f?.lst?.length))\n\t\t\tconst groups = [{ name: 'selection', filter }]\n\t\t\tconst res = await fetchDataAvailability(\n\t\t\t\tthis.app.vocabApi,\n\t\t\t\tgroups,\n\t\t\t\ttermfilter.filter0,\n\t\t\t\tgetActiveCohortStr(appState)\n\t\t\t)\n\t\t\tif (id != this.dataId) return\n\t\t\tlist.text('').style('color', null)\n\t\t\t// differential expression compares groups, and the selection is one\n\t\t\tconst sections = availabilitySections(res, ['rnaseqGeneCount'])\n\t\t\tif (!sections.length) {\n\t\t\t\tlist.style('color', TEXT_MUTED).text(`No data for these ${this.unit.many}`)\n\t\t\t\treturn\n\t\t\t}\n\t\t\tfor (const section of sections) {\n\t\t\t\tif (section.title) {\n\t\t\t\t\tlist\n\t\t\t\t\t\t.append('div')\n\t\t\t\t\t\t.attr('data-testid', `sjpp-sunburst-section-${section.key}`)\n\t\t\t\t\t\t.style('margin', '8px 0 2px 0')\n\t\t\t\t\t\t.style('padding', '0 6px')\n\t\t\t\t\t\t.style('font-size', '10px')\n\t\t\t\t\t\t.style('font-weight', 600)\n\t\t\t\t\t\t.style('letter-spacing', '.06em')\n\t\t\t\t\t\t.style('text-transform', 'uppercase')\n\t\t\t\t\t\t.style('color', TEXT_MUTED)\n\t\t\t\t\t\t.text(section.title)\n\t\t\t\t}\n\t\t\t\tfor (const row of section.rows) {\n\t\t\t\t\tconst launch = this.dataPlot(row)\n\t\t\t\t\tthis.dataRow(list, row, !!section.title, launch)\n\t\t\t\t}\n\t\t\t}\n\t\t} catch (e: any) {\n\t\t\tif (id != this.dataId) return\n\t\t\tlist.attr('class', 'sja_errorbar').text(e?.message || String(e))\n\t\t}\n\t}\n\n\thideData() {\n\t\tthis.dataShown = false\n\t\t// a response still on its way is not drawn\n\t\tthis.dataId++\n\t\tthis.renderSidebar()\n\t}\n\n\t/** a line of the available data: the kind of data and its count, which opens `launch`, a plot_create config,\n\t *  when given; a row of a section is indented under the section's title */\n\tdataRow(list: any, row: AvailabilityRow, inSection: boolean, launch?: any) {\n\t\tconst n = row.counts[0] || 0\n\t\tconst div = list\n\t\t\t.append('div')\n\t\t\t.attr('data-testid', `sjpp-sunburst-data-${row.kind == 'data' ? '' : row.kind + '-'}${row.key}`)\n\t\t\t.style('display', 'flex')\n\t\t\t.style('justify-content', 'space-between')\n\t\t\t.style('gap', '8px')\n\t\t\t.style('padding', `3px 6px 3px ${inSection ? 16 : 6}px`)\n\t\t\t.style('margin', '1px 0')\n\t\t\t.style('border-radius', '6px')\n\t\t\t.style('color', TEXT_DARK)\n\t\tdiv.append('span').text(row.label)\n\t\tdiv\n\t\t\t.append('span')\n\t\t\t.style('white-space', 'nowrap')\n\t\t\t.style('color', launch ? LINK : null)\n\t\t\t.text(`${n.toLocaleString()}${row.unit ? ' ' + row.unit : ''}${launch ? ' \u203A' : ''}`)\n\t\tif (!launch) return\n\t\tdiv\n\t\t\t.attr('role', 'button')\n\t\t\t.attr('tabindex', 0)\n\t\t\t.attr('title', `Open the ${row.label} of these ${this.unit.many}`)\n\t\t\t.style('cursor', 'pointer')\n\t\t\t.on('mouseenter', (event: any) => select(event.currentTarget).style('background', '#f3f4f6'))\n\t\t\t.on('mouseleave', (event: any) => select(event.currentTarget).style('background', 'transparent'))\n\t\t\t.on('click', () => this.launchPlot(launch))\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.launchPlot(launch)\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\t/** the filter of the selected samples: the selection with the plot's own filter. A plot that is given it as\n\t *  its own filter joins the global filter to it */\n\tplotFilter(): Filter {\n\t\tconst filters = [selectionFilter(this.selectedPaths(), this.twLst), this.groupFilter]\n\t\treturn filterJoin(filters.filter(f => f?.lst?.length)) as Filter\n\t}\n\n\t/** the plot of the selected samples for a row of the available data, as a plot_create config; undefined\n\t *  when the row has no plot of its own */\n\tdataPlot(row: AvailabilityRow): any {\n\t\tconst filter = this.plotFilter()\n\t\tconst q = this.app.vocabApi.termdbConfig?.queries || {}\n\t\t// the mutations of the selected samples, in the genome browser after a gene is entered\n\t\tif (row.kind == 'assay')\n\t\t\treturn q.snvindel || q.svfusion || q.cnv\n\t\t\t\t? {\n\t\t\t\t\t\tchartType: 'genomeBrowser',\n\t\t\t\t\t\tfilter,\n\t\t\t\t\t\t/* the mutation track shown, which the genome browser hides by default when the dataset also has\n\t\t\t\t\t\ttrackLst. The query is copied as the browser's config replaces it, not merged */\n\t\t\t\t\t\t...(q.snvindel ? { snvindel: { ...structuredClone(q.snvindel), shown: true } } : {})\n\t\t\t\t  }\n\t\t\t\t: undefined\n\t\t// the survival curve of the selected samples\n\t\tif (row.kind == 'survival') return { chartType: 'survival', term: { id: row.key }, filter }\n\t\t// the input form of expression plots; each plot it opens has the filter\n\t\tif (row.key == 'geneExpression')\n\t\t\treturn { chartType: 'GeneExpInput', termType: TermTypes.GENE_EXPRESSION, spawnConfig: { filter } }\n\t\t// the term search, whose DNA methylation tab lists methylation terms; a term opens its summary with the filter\n\t\tif (row.key == 'dnaMethylation') return { chartType: 'dictionary', spawnConfig: { filter } }\n\t\t// the table of the imaging samples that pass the filter, to render on a brain template\n\t\tif (row.key == 'NIdata') return { chartType: 'brainImaging', filter }\n\t\t// the lanes of the patients of the selected samples\n\t\tif (row.key == 'longitudinal') return { chartType: 'swimmer', filter }\n\t}\n\n\tasync launchPlot(config: any) {\n\t\ttry {\n\t\t\tawait this.beforeLaunch?.()\n\t\t\tawait this.app.dispatch({ type: 'plot_create', config })\n\t\t} catch (e: any) {\n\t\t\tthis.dom.errdiv.style('display', '').text(e?.message || String(e))\n\t\t}\n\t}\n\n\t/** one group of the union of the selected wedges, added to the GROUPS tab; the group also has the\n\t *  plot's own filter, which the counts are of. The global filter is joined where the group is used */\n\tcreateGroup() {\n\t\tconst paths = this.selectedPaths()\n\t\tif (!paths.length) return\n\t\ttry {\n\t\t\tconst name = selectionName(paths)\n\t\t\tconst groups = this.app.getState().groups || []\n\t\t\tconst filter = getGroupFilterOfConditions([this.groupFilter, selectionFilter(paths, this.twLst)])\n\t\t\taddNewGroup(this.app, filter, groups, name)\n\t\t\tthis.selected.clear()\n\t\t\tthis.createdNote = `Group \"${name}\" added; find it in the GROUPS tab.`\n\t\t\tthis.refreshSelection()\n\t\t} catch (e: any) {\n\t\t\tthis.dom.errdiv.style('display', '').text(e?.message || String(e))\n\t\t}\n\t}\n\n\tdestroy() {\n\t\tthis.renderer?.destroy()\n\t}\n}\n\n/** why a sample is not in a ring: \"no X value\", or \"no or a hidden X value\" when the ring hides some\n *  categories (tw.q.hiddenValues), which the server treats as missing. The term's uncomputable values,\n *  which fillTermWrapper puts in hiddenValues by default, are missing values anyway, so they do not count */\nfunction noValue(tw: any): string {\n\tconst values = tw.term.values || {}\n\tconst hidden = Object.keys(tw.q?.hiddenValues || {}).some(k => !values[k]?.uncomputable)\n\treturn `no ${hidden ? 'or a hidden ' : ''}${tw.term.name} value`\n}\n\n/** termdb/sunburst request; errors are thrown */\nasync function fetchSunburst(body: SunburstRequest): Promise<SunburstResponse> {\n\tconst res: any = await dofetch3('termdb/sunburst', { body })\n\tif (res?.error) throw res.error\n\tif (!res?.nodes) throw 'invalid response from termdb/sunburst'\n\treturn res\n}\n", "import { getCompInit, copyMerge, type RxComponent, type ComponentApi } from '#rx'\nimport { PlotBase } from '#plots/PlotBase.ts'\nimport { getCombinedTermFilter } from '#filter'\nimport { fillTermWrapper, termsettingInit } from '#termsetting'\nimport { SunburstChart } from './SunburstChart'\nimport { allowedSampleTypes } from './sunburst.data'\n\n/*\nSunburst of nested sample counts, one dictionary term per ring (categorical, or numeric binned),\ninside out. The dataset sets the default rings (termdb.sunburst.twLst); the Rings box left of the\nchart switches, edits, adds and removes them (from each term pill's menu). Counts follow the\nglobal and plot filters.\n\nThe chart itself, its wedge selection and the sample group made from it are in SunburstChart.ts, which\nthe About tab also uses.\n\nIn a dataset with a sample hierarchy, the rings are patient terms and the terms of one sample type (no\nvalue maps between sibling types such as primary and PDX samples): once a ring is of a sample type, the\npickers offer only terms of its line of descent. The server returns the counted unit (e.g. patients,\nprimary samples), which the chart's wording follows.\n*/\n\nclass Sunburst extends PlotBase implements RxComponent {\n\tstatic type = 'sunburst'\n\ttype: string\n\tchart!: SunburstChart\n\ttwLst: any[] = []\n\t/** the rings the Rings box shows, to rebuild its pills only when they change */\n\tringsShown = ''\n\t/** the Rings box pills and their main() argument without the filter, which follows the state */\n\tringPills: { pill: any; arg: any }[] = []\n\n\tconstructor(opts: any, api: ComponentApi) {\n\t\tsuper(opts, api)\n\t\tthis.type = Sunburst.type\n\t\tif (this.opts.header)\n\t\t\tthis.opts.header.style('padding-left', '7px').style('color', 'rgb(85, 85, 85)').html('Sunburst')\n\t}\n\n\tgetState(appState: any) {\n\t\tconst config = appState.plots.find((p: any) => p.id === this.id)\n\t\tif (!config) throw `No plot with id='${this.id}' found`\n\t\treturn {\n\t\t\tconfig,\n\t\t\t// global mass filter combined with this plot's local filter\n\t\t\ttermfilter: getCombinedTermFilter(appState, config.filter),\n\t\t\tgenome: appState.vocab.genome,\n\t\t\tdslabel: appState.vocab.dslabel,\n\t\t\tsunburst: appState.termdbConfig?.sunburst || {}\n\t\t}\n\t}\n\n\tasync init() {\n\t\t// the plot holder inherits nowrap from the sandbox; the cards need their text to wrap\n\t\tconst holder = this.opts.holder\n\t\t\t.append('div')\n\t\t\t.attr('data-testid', 'sjpp-sunburst-holder')\n\t\t\t.style('white-space', 'normal')\n\t\t\t.style('padding', '10px')\n\t\tthis.chart = new SunburstChart({ holder, app: this.app })\n\t\t// a ring pill is only the term: termsetting's info button (its holder's 4th child) is hidden\n\t\tthis.chart.dom.rings.box\n\t\t\t.append('style')\n\t\t\t.text('.sjpp-sunburst-ringpill > div:nth-child(4) { display: none !important; }')\n\t}\n\n\tasync main() {\n\t\tconst config = this.state.config\n\t\tthis.twLst = config.twLst || []\n\t\tawait this.renderRings()\n\t\tawait this.chart.update(\n\t\t\t{\n\t\t\t\tgenome: this.state.genome,\n\t\t\t\tdslabel: this.state.dslabel,\n\t\t\t\ttwLst: this.twLst,\n\t\t\t\ttermfilter: this.state.termfilter,\n\t\t\t\tgroupFilter: config.filter,\n\t\t\t\tcolors: this.state.sunburst.colors\n\t\t\t},\n\t\t\t'Add a ring in the Rings box to draw the sunburst.'\n\t\t)\n\t}\n\n\t/************ rings box ************/\n\n\t/** one line per ring: its number and a term pill, whose menu switches, edits or removes the\n\t *  term; then + Add ring. Rebuilt only when the rings change; otherwise the pills get the current\n\t *  filter, which their term pickers use */\n\tasync renderRings() {\n\t\tconst twLst = this.twLst\n\t\tconst filter = this.state.termfilter?.filter\n\t\tconst sig = JSON.stringify(twLst.map(tw => [tw.$id, tw.q]))\n\t\tif (sig == this.ringsShown) {\n\t\t\tawait Promise.all(this.ringPills.map(({ pill, arg }) => pill.main({ ...arg, filter })))\n\t\t\treturn\n\t\t}\n\t\tthis.ringsShown = sig\n\t\tthis.ringPills = []\n\t\tthis.chart.dom.rings.body.selectAll('*').remove()\n\t\tconst disable_terms = twLst.map(tw => tw.term)\n\t\tconst sampleTypes = this.app.vocabApi.termdbConfig?.sampleTypes\n\t\tconst edit = (lst: any[]) => this.app.dispatch({ type: 'plot_edit', id: this.id, config: { twLst: lst } })\n\t\tfor (const [i, tw] of twLst.entries()) {\n\t\t\tconst pillDiv = this.chart\n\t\t\t\t.ringLine(i)\n\t\t\t\t.append('div')\n\t\t\t\t.attr('class', 'sjpp-sunburst-ringpill')\n\t\t\t\t.style('min-width', '0')\n\t\t\t\t.style('overflow', 'hidden')\n\t\t\t\t.style('white-space', 'nowrap')\n\t\t\t\t.style('font-size', '.9em')\n\t\t\t\t.style('text-overflow', 'ellipsis')\n\t\t\t\t.attr('title', tw.term.name)\n\t\t\tconst others = twLst.filter((_, j) => j != i)\n\t\t\tconst p = await this.ringPill(\n\t\t\t\tpillDiv,\n\t\t\t\tnewTw => {\n\t\t\t\t\tconst lst = twLst.slice()\n\t\t\t\t\tif (newTw?.term) lst[i] = newTw\n\t\t\t\t\telse lst.splice(i, 1)\n\t\t\t\t\tedit(lst)\n\t\t\t\t},\n\t\t\t\tallowedSampleTypes(others, sampleTypes)\n\t\t\t)\n\t\t\tthis.ringPills.push({ pill: p, arg: { term: tw.term, q: tw.q, $id: tw.$id, disable_terms } })\n\t\t}\n\t\tconst addDiv = this.chart\n\t\t\t.ringRow(twLst.length)\n\t\t\t.style('margin-top', '6px')\n\t\t\t.append('div')\n\t\t\t.style('margin-left', '21px')\n\t\tconst add = await this.ringPill(\n\t\t\taddDiv,\n\t\t\tnewTw => {\n\t\t\t\tif (newTw?.term) edit([...twLst, newTw])\n\t\t\t},\n\t\t\tallowedSampleTypes(twLst, sampleTypes),\n\t\t\t'+ Add ring'\n\t\t)\n\t\tthis.ringPills.push({ pill: add, arg: { term: null, q: null, disable_terms } })\n\t\tawait Promise.all(this.ringPills.map(({ pill, arg }) => pill.main({ ...arg, filter })))\n\t\tthis.chart.markShownRings()\n\t}\n\n\t/** a ring term pill; `sampleTypes` limits the terms it offers (see allowedSampleTypes) */\n\tasync ringPill(holder: any, callback: (tw: any) => void, sampleTypes?: number[], placeholder?: string) {\n\t\treturn await termsettingInit({\n\t\t\tholder,\n\t\t\tvocabApi: this.app.vocabApi,\n\t\t\tusecase: { target: 'sunburst', ...(sampleTypes ? { sampleTypes } : {}) },\n\t\t\t// the full term name; a name too long for the box is clipped, with the name as its tooltip\n\t\t\tabbrCutoff: 1000,\n\t\t\tmenuOptions: '*',\n\t\t\tnumericEditMenuVersion: ['discrete'],\n\t\t\tdefaultQ4fillTW: { numeric: { mode: 'discrete' } },\n\t\t\t...(placeholder ? { placeholder } : {}),\n\t\t\tdebug: this.app.opts.debug,\n\t\t\tcallback\n\t\t})\n\t}\n\n\tdestroy() {\n\t\tthis.chart?.destroy()\n\t}\n}\n\n/** the plot config, with the dataset's default rings unless `opts` gives its own; also used by the\n *  About tab for the same rings */\nexport async function getPlotConfig(opts: any, app: any) {\n\tconst config: any = {\n\t\tchartType: 'sunburst',\n\t\tsettings: {}\n\t}\n\tcopyMerge(config, opts)\n\t// default rings from the dataset; a saved session or another chart may give its own\n\tif (!config.twLst) config.twLst = structuredClone(app.vocabApi.termdbConfig?.sunburst?.twLst || [])\n\tconfig.twLst = await Promise.all(\n\t\tconfig.twLst.map((tw: any) => fillTermWrapper(tw, app.vocabApi, { numeric: { mode: 'discrete' } } as any))\n\t)\n\treturn config\n}\n\nexport const sunburstInit = getCompInit(Sunburst)\n// this alias will allow abstracted dynamic imports\nexport const componentInit = sunburstInit\n"],
+  "mappings": "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",
+  "names": ["pill"]
+}

package/dist/chunk-OVO6NYUR.js

@@ -0,0 +1,480 @@
+import {
+  renderTable
+} from "./chunk-ZIMAIUZD.js";
+import {
+  clusterMethodLst,
+  distanceMethodLst
+} from "./chunk-ZUXXBQ7D.js";
+import {
+  termType2label
+} from "./chunk-5FD6NRGE.js";
+import {
+  select_default
+} from "./chunk-I6Y4O3RR.js";
+import {
+  __export
+} from "./chunk-HS5PO5ZQ.js";
+
+// plots/matrix/hierCluster.interactivity.js
+var hierCluster_interactivity_exports = {};
+__export(hierCluster_interactivity_exports, {
+  addSelectedRowsOptions: () => addSelectedRowsOptions,
+  addSelectedSamplesOptions: () => addSelectedSamplesOptions,
+  getAllChildrenClusterIds: () => getAllChildrenClusterIds,
+  getClusterFromLeftDendrogram: () => getClusterFromLeftDendrogram,
+  getClusterFromTopDendrogram: () => getClusterFromTopDendrogram,
+  setClusteringBtn: () => setClusteringBtn,
+  showTable4selectedRows: () => showTable4selectedRows,
+  showTable4selectedSamples: () => showTable4selectedSamples,
+  triggerZoomBranch: () => triggerZoomBranch
+});
+function getAllChildrenClusterIds(clickedClusterId, left) {
+  const mergedClusters = left ? this.hierClusterData.clustering.row.mergedClusters : this.hierClusterData.clustering.col.mergedClusters;
+  const children = mergedClusters.get(clickedClusterId).childrenClusters || [];
+  let allChildren = [...children];
+  for (const child of children) {
+    allChildren = allChildren.concat(this.getAllChildrenClusterIds(child, left));
+  }
+  return allChildren;
+}
+function addSelectedSamplesOptions(clickedSampleNames, event) {
+  const l = this.settings.matrix.controlLabels;
+  const ss = this.opts.allow2selectSamples;
+  const optionArr = [
+    {
+      label: "Zoom in",
+      callback: () => {
+        this.triggerZoomBranch(this, clickedSampleNames);
+      }
+    },
+    {
+      label: `List ${clickedSampleNames.length} ${l.samples}`,
+      callback: () => this.showTable4selectedSamples(clickedSampleNames)
+    }
+  ];
+  if (ss) {
+    optionArr.push({
+      label: ss.buttonText || `Select ${l.samples}`,
+      callback: async () => {
+        const samples = clickedSampleNames.map((c) => this.data.samples[c]);
+        ss.callback({
+          samples: await this.app.vocabApi.convertSampleId(samples, ss.attributes),
+          source: ss.defaultSelectionLabel || `Selected ${l.samples} from gene expression`
+        });
+      }
+    });
+  } else {
+    if (this.state.nav && this.state.nav.header_mode !== "hidden") {
+      const samples = clickedSampleNames.map((c) => this.sampleOrder.find((s) => s.row.sample == c).row);
+      for (const s of samples) {
+        if (!s.sampleId) s.sampleId = s.sample;
+      }
+      optionArr.push({
+        label: "Add to a group",
+        callback: async () => {
+          const group = {
+            name: "Group",
+            items: samples
+          };
+          this.addGroup(group);
+        }
+      });
+    }
+  }
+  this.mouseout();
+  this.dom.tip.hide();
+  this.dom.dendroClickMenu.d.selectAll("*").remove();
+  this.dom.dendroClickMenu.d.selectAll("div").data(optionArr).enter().append("div").attr("class", "sja_menuoption").style("border-radius", "0px").html((d) => d.label).attr("data-testid", (d) => `hierCluster_dendro_menu_${d.label.split(" ")[0]}`).on("click", (event2) => {
+    this.dom.dendroClickMenu.d.selectAll("*").remove();
+    event2.target.__data__.callback();
+  });
+  this.dom.dendroClickMenu.show(event.clientX, event.clientY);
+}
+function addSelectedRowsOptions(clickedRowNames, event) {
+  const rowType = this.config.settings.matrix.controlLabels.terms;
+  const optionArr = [
+    {
+      label: `List ${clickedRowNames.length} ${rowType}`,
+      callback: () => this.showTable4selectedRows(clickedRowNames, rowType)
+    }
+  ];
+  if (this.config.dataType == "geneExpression" && this.app.opts.genome.termdbs) {
+    const minGeneCutoff = this.app.opts.genome.termdbs.msigdb.geneORAparam.minCutoff;
+    const maxGeneCutoff = this.app.opts.genome.termdbs.msigdb.geneORAparam.maxCutoff;
+    optionArr.push({
+      label: `Gene set overrepresentation analysis`,
+      disabled: clickedRowNames.length < minGeneCutoff || clickedRowNames.length > maxGeneCutoff,
+      callback: () => {
+        if (clickedRowNames.length < minGeneCutoff || clickedRowNames.length > maxGeneCutoff) return;
+        this.dom.dendroClickMenu.d.selectAll("*").remove();
+        const lst = [];
+        for (const x of clickedRowNames) {
+          const j = this.terms?.find?.((t) => t.tw.$id == x);
+          if (j) {
+            const n = j.tw?.term?.gene;
+            if (n) lst.push(n);
+          }
+        }
+        const config = {
+          chartType: "geneORA",
+          geneORAparams: {
+            sample_genes: lst.join(","),
+            genome: this.app.vocabApi.opts.state.vocab.genome
+          }
+        };
+        this.app.dispatch({
+          type: "plot_create",
+          config
+        });
+      }
+    });
+  }
+  this.mouseout();
+  this.dom.tip.hide();
+  this.dom.dendroClickMenu.d.selectAll("*").remove();
+  this.dom.dendroClickMenu.d.selectAll("div").data(optionArr).enter().append("div").attr("class", (d) => d.disabled ? "sja_menuoption_not_interactive" : "sja_menuoption").style("opacity", (d) => d.disabled ? 0.5 : 1).style("border-radius", "0px").html(
+    (d) => d.disabled ? `${d.label} <span style="font-size: 0.6em; display: block; margin-left: 2px; margin-top: 2px;">Only available when 15 - 500 genes selected</span>` : d.label
+  ).attr("data-testid", (d) => `hierCluster_dendro_menu_${d.label.split(" ")[0]}`).on("click", (event2) => {
+    if (event2.target.__data__?.callback) event2.target.__data__.callback();
+  });
+  this.dom.dendroClickMenu.show(event.clientX, event.clientY);
+}
+function triggerZoomBranch(self, clickedSampleNames) {
+  if (self.zoomArea) {
+    self.zoomArea.remove();
+    delete self.zoomArea;
+  }
+  const c = {
+    startCell: self.serieses[0].cells.find((d2) => d2.sample == clickedSampleNames[0]),
+    endCell: self.serieses[0].cells.find((d2) => d2.sample == clickedSampleNames[clickedSampleNames.length - 1])
+  };
+  const s = self.settings.matrix;
+  const d = self.dimensions;
+  const start = c.startCell.totalIndex < c.endCell.totalIndex ? c.startCell : c.endCell;
+  const zoomIndex = Math.floor(start.totalIndex + Math.abs(c.endCell.totalIndex - c.startCell.totalIndex) / 2);
+  const centerCell = self.sampleOrder[zoomIndex];
+  const colw = self.computedSettings.colw || self.settings.matrix.colw;
+  const maxZoomLevel = s.colwMax / colw;
+  const minZoomLevel = s.colwMin / colw;
+  const tentativeZoomLevel = Math.max(
+    1,
+    s.zoomLevel * d.mainw / Math.max(c.endCell.x - c.startCell.x, 2 * d.colw) * 0.7
+  );
+  const zoomLevel = Math.max(minZoomLevel, Math.min(tentativeZoomLevel, maxZoomLevel));
+  self.app.dispatch({
+    type: "plot_edit",
+    id: self.id,
+    config: {
+      settings: {
+        matrix: {
+          zoomLevel,
+          zoomCenterPct: 0.5,
+          //zoomLevel < 1 && d.mainw >= d.zoomedMainW ? 0.5 : zoomCenter / d.mainw,
+          zoomIndex,
+          zoomGrpIndex: centerCell.grpIndex
+        }
+      }
+    }
+  });
+  self.resetInteractions();
+}
+function showTable4selectedSamples(clickedSampleNames) {
+  const templates = this.state.termdbConfig.urlTemplates;
+  const rows = templates?.sample ? clickedSampleNames.map((c) => [
+    { value: this.hierClusterData.bySampleId[c].label, url: `${templates.sample.base}${c}` }
+  ]) : clickedSampleNames.map((c) => [{ value: this.hierClusterData.bySampleId[c].label }]);
+  const columns = [{ label: this.settings.matrix.controlLabels.Sample }];
+  renderTable({
+    rows,
+    columns,
+    div: this.dom.dendroClickMenu.clear().d.append("div").style("margin", "10px"),
+    showLines: true,
+    maxHeight: "35vh",
+    resize: true
+  });
+}
+function showTable4selectedRows(clickedRowNames, rowType) {
+  const templates = this.state.termdbConfig.urlTemplates;
+  const rows = [];
+  if (templates?.gene && this.config.dataType == "geneExpression" && this.hierClusterData.byTermId) {
+    for (const i of clickedRowNames) {
+      const genesymbol = this.terms.find((t) => t.tw?.$id == i)?.tw?.term?.gene;
+      if (!genesymbol) continue;
+      const gencode = this.hierClusterData.byTermId[i]?.gencodeId;
+      if (gencode) {
+        rows.push([{ value: genesymbol, url: `${templates.gene.base}${gencode}` }]);
+      } else {
+        rows.push([{ value: genesymbol }]);
+      }
+    }
+  } else {
+    for (const i of clickedRowNames) {
+      const tw = this.terms.find((t) => t.tw?.$id == i)?.tw;
+      if (!tw) continue;
+      const n = tw.term?.gene || tw.term?.name;
+      if (!n) continue;
+      rows.push([{ value: n }]);
+    }
+  }
+  const div = this.dom.dendroClickMenu.clear().d.append("div").style("margin", "10px");
+  const buttonDiv = div.append("div").style("padding", "5px");
+  const copyButton = buttonDiv.append("button").html(`Copy ${rowType}`).attr("class", ".sja_menu_div button").style("margin-top", "2px").style("padding", "5px").on("click", () => {
+    const geneNames = rows.map((row) => row[0].value).join("\n");
+    navigator.clipboard.writeText(geneNames).then(() => {
+    }, console.warn);
+    copyButton.html(`Copy ${rowType}&nbsp;&check;`);
+  });
+  renderTable({
+    rows,
+    columns: [{ label: rowType }],
+    div: div.append("div"),
+    showLines: true,
+    maxHeight: "35vh",
+    resize: true
+  });
+}
+function getClusterFromTopDendrogram(event) {
+  if (event.target.tagName == "image") this.imgBox = event.target.getBoundingClientRect();
+  else return;
+  const y = event.clientY - this.imgBox.y - event.target.clientTop;
+  const xMin = this.dimensions.xMin;
+  const x = event.clientX - this.imgBox.x - event.target.clientLeft + xMin;
+  for (const [clusterId, cluster] of this.hierClusterData.clustering.col.mergedClusters) {
+    const { x1, y1, x2, y2, clusterY } = cluster.clusterPosition;
+    if (x1 <= x && x <= x2 && clusterY - 5 < y && y < clusterY + 5 || clusterY <= y && y <= y1 && x1 - 5 < x && x < x1 + 5 || clusterY <= y && y <= y2 && x2 - 5 < x && x < x2 + 5) {
+      return clusterId;
+    }
+  }
+}
+function getClusterFromLeftDendrogram(event) {
+  if (event.target.tagName == "image") this.imgBox = event.target.getBoundingClientRect();
+  else return;
+  const y = event.clientY - this.imgBox.y - event.target.clientTop;
+  const xMin = this.dimensions.xMin;
+  const x = event.clientX - this.imgBox.x - event.target.clientLeft + xMin;
+  for (const [clusterId, cluster] of this.hierClusterData.clustering.row.mergedClusters) {
+    const { x1, y1, x2, y2, clusterX } = cluster.clusterPosition;
+    if (y1 <= y && y <= y2 && clusterX - 5 < x && x < clusterX + 5 || clusterX <= x && x <= x1 && y1 - 5 < y && y < y1 + 5 || clusterX <= x && x <= x2 && y2 - 5 < y && y < y2 + 5) {
+      return clusterId;
+    }
+  }
+}
+function setClusteringBtn(holder, callback) {
+  const cl = this.config.settings.matrix.controlLabels;
+  const dataType = this.config.dataType;
+  const clusterRowLabel = cl.Terms;
+  const cluteringButtonLabel = `${termType2label(dataType)} Clustering`;
+  holder.append("button").datum({
+    label: cluteringButtonLabel,
+    getCount: () => this.hcTermGroup?.lst.length || 0,
+    showCount: "hide",
+    rows: [
+      {
+        label: `Cluster ${cl.Samples}`,
+        title: `Option to enable ${cl.samples} clustering, instead of enabling ${cl.samples} sorting.`,
+        type: "checkbox",
+        chartType: "hierCluster",
+        settingsKey: "clusterSamples",
+        boxLabel: `Cluster ${cl.Samples} (Disable ${cl.Samples} Sorting)`,
+        callback: (checked) => {
+          if (!checked) {
+            this.config.settings.hierCluster.yDendrogramHeight = 0;
+            this.config.settings.hierCluster.clusterSamples = false;
+          } else {
+            this.config.divideBy = null;
+            this.config.settings.hierCluster.yDendrogramHeight = 200;
+            this.config.settings.hierCluster.clusterSamples = true;
+          }
+          this.app.dispatch({
+            type: "plot_edit",
+            id: this.id,
+            config: this.config
+          });
+        }
+      },
+      {
+        label: `Cluster ${clusterRowLabel}`,
+        title: `Option to enable ${clusterRowLabel} clustering, instead of enabling ${clusterRowLabel} sorting.`,
+        type: "checkbox",
+        chartType: "hierCluster",
+        settingsKey: "clusterRows",
+        boxLabel: `Cluster ${clusterRowLabel} (Disable ${clusterRowLabel} Sorting)`,
+        callback: (checked) => {
+          if (!checked) {
+            this.config.settings.hierCluster.clusterRows = false;
+            this.config.settings.hierCluster.sortClusterRows = "asListed";
+          } else {
+            this.config.settings.hierCluster.clusterRows = true;
+            this.config.settings.hierCluster.sortClusterRows = void 0;
+          }
+          this.app.dispatch({
+            type: "plot_edit",
+            id: this.id,
+            config: this.config
+          });
+        }
+      },
+      {
+        label: `Sort ${clusterRowLabel}`,
+        title: `Set how to order the ${clusterRowLabel} as rows`,
+        type: "radio",
+        chartType: "hierCluster",
+        settingsKey: "sortClusterRows",
+        options: [
+          { label: `By input ${clusterRowLabel} order`, value: "asListed" },
+          { label: `By ${clusterRowLabel} name`, value: "byName" }
+        ],
+        styles: { padding: 0, "padding-right": "10px", margin: 0, display: "inline-block" },
+        getDisplayStyle(plot) {
+          return plot.settings.hierCluster.clusterRows ? "none" : "table-row";
+        }
+      },
+      {
+        label: "Z-score Transformation",
+        title: `Option to do Z-score transformation`,
+        type: "checkbox",
+        chartType: "hierCluster",
+        settingsKey: "zScoreTransformation",
+        boxLabel: `Perform Z-score Transformation`,
+        callback: (checked) => {
+          if (!checked) {
+            this.config.settings.hierCluster.zScoreTransformation = false;
+            this.config.settings.hierCluster.colorScale = "whiteRed";
+          } else {
+            this.config.settings.hierCluster.zScoreTransformation = true;
+            this.config.settings.hierCluster.colorScale = "blueWhiteRed";
+          }
+          this.app.dispatch({
+            type: "plot_edit",
+            id: this.id,
+            config: this.config
+          });
+        }
+      },
+      {
+        label: `Clustering Method`,
+        title: `Sets which clustering method to use`,
+        type: "radio",
+        chartType: "hierCluster",
+        settingsKey: "clusterMethod",
+        options: clusterMethodLst
+      },
+      {
+        label: `Distance Method`,
+        title: `Sets which distance method to use for clustering`,
+        type: "radio",
+        chartType: "hierCluster",
+        settingsKey: "distanceMethod",
+        options: distanceMethodLst
+      },
+      {
+        label: `Column Dendrogram Height`,
+        title: `The maximum height to render the column dendrogram`,
+        type: "number",
+        chartType: "hierCluster",
+        settingsKey: "yDendrogramHeight",
+        getDisplayStyle(plot) {
+          return plot.settings.hierCluster.clusterSamples ? "table-row" : "none";
+        }
+      },
+      {
+        label: `Row Dendrogram Width`,
+        title: `The maximum width to render the row dendrogram`,
+        type: "number",
+        chartType: "hierCluster",
+        settingsKey: "xDendrogramHeight",
+        getDisplayStyle(plot) {
+          return plot.settings.hierCluster.clusterRows ? "table-row" : "none";
+        }
+      },
+      {
+        label: `Z-score Cap`,
+        title: `Cap the Z-score scale to not exceed this absolute value`,
+        type: "number",
+        chartType: "hierCluster",
+        settingsKey: "zScoreCap"
+      },
+      {
+        label: `Color Scheme`,
+        title: `Sets which color scheme to use`,
+        type: "radio",
+        chartType: "hierCluster",
+        settingsKey: "colorScale",
+        options: [
+          {
+            label: "Blue-White-Red",
+            value: "blueWhiteRed",
+            title: `color scheme Blue-White-Red`
+          },
+          {
+            label: "Green-Black-Red",
+            value: "greenBlackRed",
+            title: `color scheme Green-Black-Red`
+          },
+          {
+            label: "Blue-Yellow-Red",
+            value: "blueYellowRed",
+            title: `color scheme Blue-Yellow-Red`
+          },
+          {
+            label: "Green-White-Red",
+            value: "greenWhiteRed",
+            title: `color scheme Green-White-Red`
+          },
+          {
+            label: "Blue-Black-Yellow",
+            value: "blueBlackYellow",
+            title: `color scheme Blue-Black-Yellow`
+          }
+        ]
+      }
+    ],
+    customInputs: updateClusteringControls
+  }).html((d) => d.label).style("margin", "2px 0").on("click", callback);
+}
+function updateClusteringControls(self, app, parent, table) {
+  if (parent.chartType == "hierCluster" && !parent.config.settings.hierCluster.zScoreTransformation) {
+    const zScoreCapControl = select_default(
+      table.selectAll("td").filter(function() {
+        return select_default(this).text() == "Z-score Cap";
+      }).node().closest("tr")
+    );
+    zScoreCapControl.style("display", "none");
+    const colorSchemeControl = select_default(
+      table.selectAll("td").filter(function() {
+        return select_default(this).text() == "Color Scheme";
+      }).node().closest("tr")
+    );
+    colorSchemeControl.style("display", "none");
+  }
+  if (parent.chartType == "hierCluster" && parent.config.dataType !== "geneExpression") {
+    const geneInputTr = table.insert("tr", () => table.select("tr").node());
+    geneInputTr.append("td").attr("class", "sja-termdb-config-row-label").html("Hierarchical Clustering Term Set");
+    const td1 = geneInputTr.append("td").style("display", "block").style("padding", "5px 0px");
+    const editGrpDiv = td1.append("div").append("label");
+    const clusteringBtn = self.btns.node();
+    editGrpDiv.append("button").html("Edit Set").on("click", () => {
+      app.tip.clear();
+      const backDiv = app.tip.d.append("div").style("padding", "5px");
+      backDiv.attr("tabindex", 0).style("padding", "5px").style("text-decoration", "underline").style("cursor", "pointer").style("margin-bottom", "12px").html(`&#171; Back`).on("click", () => clusteringBtn.click()).on("keyup", (event) => {
+        if (event.key == "Enter") event.target.click();
+      });
+      const setEdiUiHolder = app.tip.d.append("div");
+      parent.showDictTermSelection(setEdiUiHolder);
+    });
+  }
+}
+
+export {
+  getAllChildrenClusterIds,
+  addSelectedSamplesOptions,
+  addSelectedRowsOptions,
+  triggerZoomBranch,
+  showTable4selectedSamples,
+  showTable4selectedRows,
+  getClusterFromTopDendrogram,
+  getClusterFromLeftDendrogram,
+  setClusteringBtn,
+  hierCluster_interactivity_exports
+};
+//# sourceMappingURL=chunk-OVO6NYUR.js.map