@sjcrh/proteinpaint-client 2.195.0 → 2.196.0

package/dist/chunk-ECIBJXFT.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../test/Locator.ts", "../test/test.helpers.js"],
+  "sourcesContent": ["//import type { Dom } from '../types/d3.d.ts'\n\nexport class Locator {\n\trootElem: any //HTMLElement | SVGElement | SVGGElement | SVGLineElement | SVGRectElement | SVGSVGElement | SVGTextElement\n\topts = {\n\t\tintervalWait: 25,\n\t\tmaxWait: 3000\n\t}\n\tpending: [fxn: (elems: any[], opts?: any) => Promise<any>, opts: any][] = []\n\tresult: any | any[] = []\n\n\t// convenience method to allow await Locator.init(elem).whenVisible('')\n\tstatic init(elem) {\n\t\treturn new Locator(elem)\n\t}\n\n\t// arg could be one of the following, must always\n\t// - DOM element\n\t// - string selector\n\t// - d3-selection\n\tconstructor(arg: any, opts = {}) {\n\t\tObject.assign(this.opts, opts)\n\t\tthis.setRoot(arg)\n\t}\n\n\tsetRoot(arg) {\n\t\tif (typeof arg == 'string') {\n\t\t\tconst node = document.body.querySelector(arg)\n\t\t\tif (!node) throw `missing elem by selector='${arg}'`\n\t\t\tthis.rootElem = node\n\t\t} else if (typeof arg.node == 'function') {\n\t\t\tconst numMatch = arg.size()\n\t\t\tif (!numMatch) throw `missing elem from d3-selection`\n\t\t\tthis.rootElem = arg.node() // will collaps\n\t\t} else {\n\t\t\tthis.rootElem = arg\n\t\t}\n\t\tthis.pending = []\n\t}\n\n\troot(arg) {\n\t\tif (arg) this.setRoot(arg)\n\t\treturn this.rootElem\n\t}\n\n\t// selector: string selector such as '#my-id', '.my-class', `[data-testid='my-id-here']`, `[role='button']`, etc\n\tshows(\n\t\tselector,\n\t\topts: {\n\t\t\tintervalWait?: number\n\t\t\tmaxWait?: number\n\t\t\tvisibility?: boolean\n\t\t\tcount?: number\n\t\t\tattr?: { [attrName: string]: string | number }\n\t\t} = {}\n\t) {\n\t\tthis.pending.push([\n\t\t\tshows,\n\t\t\t{\n\t\t\t\tselector,\n\t\t\t\ttargetCount: opts.count || 1, //'>=1',\n\t\t\t\tvisibility: opts.visibility ?? true,\n\t\t\t\tintervalWait: opts.intervalWait || this.opts.intervalWait,\n\t\t\t\tmaxWait: opts.maxWait || this.opts.maxWait,\n\t\t\t\tattr: opts.attr || {}\n\t\t\t}\n\t\t])\n\n\t\treturn this\n\t}\n\n\t// same argument as this.shows(), but visibility is not checked\n\t// and assumes that the elements targeted by the selector are\n\t// ready to be queried\n\tfind(selector) {\n\t\tthis.pending.push([find, { selector }])\n\t\treturn this\n\t}\n\n\t// cannot chain another method after get(), since\n\t// the retured promise would require wrapping in parentheses\n\t//\n\t// get()\n\t// - run the pending functions in sequence and return the resolved\n\t//   queried elems or its properties based on the argument\n\t//\n\t// Arguments:\n\t//  arg: undefined | string | number | callback\n\t//\n\t// returns\n\t//  - no argument: get the matched elements as an array\n\t//  - callback function: passes the matched elements to the callback and returns its returned value\n\t//  - number: use as index key to return elems[index]\n\t//  - string: see the processing in the\n\tasync get(arg?: string | number | ((elems: any[]) => any)) {\n\t\tconst pending = this.pending\n\t\tthis.pending = [] // clear\n\t\tlet elems = [this.rootElem]\n\t\tfor (const [fxn, opts] of pending) {\n\t\t\telems = await fxn(elems, opts)\n\t\t}\n\t\t// no argument, return all matched elements\n\t\tif (!arguments.length || arg === undefined) return elems\n\t\t// apply callback and return whatever the callback returns\n\t\tif (typeof arg === 'function') return arg(elems)\n\t\t// return an elems entry, may be undefined\n\t\tif (typeof arg === 'number') return elems[arg]\n\t\tif (typeof arg === 'string') {\n\t\t\t// no need to parse string argument for exact matches\n\t\t\tif (arg == 'length') return elems.length\n\n\t\t\t// parse the string argument for indicator character and key\n\t\t\tconst key = arg.slice(1)\n\t\t\tif (!key) return elems\n\n\t\t\tconst char = arg[0]\n\t\t\t// '.' indicates an element property\n\t\t\tif (char === '.') return elems.map(elem => elem[key])\n\t\t\t// '@' indicates an element attribute\n\t\t\tif (char === '@') return elems.map(elem => elem.getAttribute(key))\n\t\t\t// ':' indicates an element style\n\t\t\tif (char === ':') return elems.map(elem => elem.style[key])\n\t\t}\n\t\tthrow `invalid Locator.get() argument='${arg}'`\n\t}\n\n\t// propName: string property name, can be dot-separated like 'style.padding'\n\t// value: string, number, boolean, any valid value for the given property name\n\tasync set(propName: string, value: any) {\n\t\tif (!propName) throw `invalid Locator.set() propName='${propName}'`\n\t\tconst keyChain = propName.split('.')\n\t\tconst lastKey = keyChain.pop()\n\t\tif (!lastKey) throw `invalid Locator.set() propName='${propName}'`\n\t\tconst elems = await this.get()\n\t\tfor (const elem of elems) {\n\t\t\tlet obj = elem\n\t\t\tfor (const key of keyChain) obj = obj[key]\n\t\t\tobj[lastKey] = value\n\t\t}\n\t\treturn elems\n\t}\n\n\t/*** convenient aliased methods for .get(arg) ***/\n\tasync length() {\n\t\treturn await this.get('length')\n\t}\n\n\tasync value(val?: number | string | boolean) {\n\t\tif (arguments.length) return await this.set('value', val)\n\t\treturn await this.get('.value')\n\t}\n\n\tasync text(str?: string) {\n\t\tif (arguments.length) return await this.set('innerText', str)\n\t\treturn await this.get('.innerText')\n\t}\n\n\thides(selector) {\n\t\treturn this.shows(selector, { visibility: false })\n\t}\n\n\tasync click(arg) {\n\t\tconst elems = await this.get(arg)\n\t\tconst arr = Array.isArray(elems) ? elems : [elems]\n\t\tfor (const elem of arr) {\n\t\t\tconst box = elem.getBoundingClientRect()\n\t\t\tconst clientX = box.x + 0.5 * box.width\n\t\t\tconst clientY = box.y + box.height\n\t\t\telem.dispatchEvent(new MouseEvent('click', { bubbles: true, clientX, clientY }))\n\t\t}\n\t\treturn elems\n\t}\n}\n\n// must not reference 'this'\nasync function shows(elems, opts: any) {\n\treturn new Promise(resolve => {\n\t\tconst { selector, targetCount, intervalWait, maxWait, visibility, attr } = opts\n\t\tconst matchedElems = new Set()\n\t\tlet elapsed = 0,\n\t\t\tpending = false\n\t\tconst i = setInterval(() => {\n\t\t\t// in case a previous interval has not finished yet, skip this iteration\n\t\t\tif (pending) return\n\t\t\tpending = true\n\t\t\tfor (const elem of elems) {\n\t\t\t\tfor (const descendant of elem.querySelectorAll(selector)) {\n\t\t\t\t\tif (matchedElems.has(descendant)) continue\n\t\t\t\t\tif (descendant.checkVisibility() === visibility) {\n\t\t\t\t\t\tif (!attr) matchedElems.add(descendant)\n\t\t\t\t\t\telse {\n\t\t\t\t\t\t\tconst kvEntries = Object.entries(attr)\n\t\t\t\t\t\t\tconst matchedKeys: string[] = []\n\t\t\t\t\t\t\tfor (const [key, value] of kvEntries) {\n\t\t\t\t\t\t\t\tif (elem.getAttribute(key) !== value) matchedKeys.push(key)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (matchedKeys.length === kvEntries.length) matchedElems.add(descendant)\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\telapsed += intervalWait\n\t\t\tif (matchedElems.size >= targetCount || elapsed > maxWait) {\n\t\t\t\tclearInterval(i)\n\t\t\t\tresolve([...matchedElems])\n\t\t\t}\n\t\t\tpending = false\n\t\t}, intervalWait)\n\t})\n}\n\n// function matchCount(targetCount: number | string, count, op) {\n// \tif (targetCount === count) return true\n// \tif (typeof targetCount === 'number') return false\n// \tif (typeof targetCount === 'string') {\n// \t\t//console.log(127, targetCount, count, count >= Number(targetCount.slice(1)))\n// \t\tif (targetCount.startsWith('>')) return count >= Number(targetCount.slice(1))\n// \t\tif (targetCount.startsWith('<')) return count >= Number(targetCount.slice(1))\n// \t\tif (targetCount.startsWith('>=')) return count >= Number(targetCount.slice(2))\n// \t\tif (targetCount.startsWith('<=')) return count >= Number(targetCount.slice(2))\n// \t}\n// \tthrow new Error(`Error: invalid target count ${JSON.stringify(targetCount)}`)\n// }\n\nasync function find(elems, opts: any) {\n\tfor (const elem of elems) {\n\t\tconst match = elem.querySelector(opts.selector)\n\t\tif (match) {\n\t\t\treturn [match]\n\t\t}\n\t}\n\treturn []\n}\n\nexport function sleep(ms) {\n\treturn new Promise(resolve => setTimeout(resolve, ms))\n}\n", "import { getAppInit, getStoreInit, StoreBase } from '../rx'\nexport * from './Locator.ts'\n\n/********* EXPORTED ********\nsleep\ndetectLst\ndetectAttr\ndetectChildAttr\ndetectStyle\ndetectChildStyle\ndetectText\ndetectChildText\ndetectGt\ndetectGte\ndetectLt\ndetectLte\ndetectOne\ndetectZero\nwhenGone\nwhenHidden\nwhenVisible\n*/\n\nexport function sleep(ms) {\n\treturn new Promise(resolve => setTimeout(resolve, ms))\n}\n\n//exports.sleep = sleep\n\n/*\n    Detect an asynchronously rendered element\n    NOTE: you can use MutationObserver directly, this is meant for convenience for common use cases\n\n    Argument\n    _opts{}      see the defaults inside the detectLst function\n\n    // options related to the native MutationObserver\n    // see https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver/observe\n    .target      required, the first argument to a MutationObserver instance's observe() method\n                             the DOM element to be observed and where the optional selector will be queried; alias for opts.elem\n    .observe{}   the second argument to a MutationObserver instance's observe() method\n\n    .selector    optional, a valid CSS-selector of the element to be returned under opts.target. \n                             If empty, then opts.target will be returned\n    \n    .matcher()   optional, a function that signals the end of the observer \n                             passed (mutationsList, observer) as arguments\n                             must return an array of zero or more elements to trigger observer.disconnect() \n    .maxTime     optional, max time to wait\n\n    // only used when opts.matcher is not supplied\n    .count       optional, the expected number of detected matching elements to stop the observer\n    .matchAs     optional, how to match the current versus expected counts, '=','>','<','>=','<=' default is '='\n\n    Returns\n    Array of zero or more matched DOM nodes\n*/\n\nexport async function detectLst(_opts = {}) {\n\tconst defaults = {\n\t\ttarget: _opts.target || _opts.elem,\n\t\tselector: _opts.selector,\n\t\tmaxTime: 12000, // default is increased from 5 to 12 specifically for gdc live tests with high latency\n\t\tobserve: {\n\t\t\tchildList: true,\n\t\t\tsubtree: true,\n\t\t\tattributes: true,\n\t\t\tcharacterData: true\n\t\t}\n\t}\n\n\tif (!_opts.matcher) {\n\t\tdefaults.count = 1\n\t\tdefaults.matchAs = '='\n\t}\n\n\tconst opts = Object.assign(defaults, _opts)\n\tif (!opts.target) throw `missing opts.target (alias for opts.elem)` //; console.log(52, opts)\n\n\t//if (!opts.selector) throw `missing opts.selector`\n\t// may defer execution to the next step, to give time for an element to change\n\tif (!opts.trigger && opts.count > 0) await sleep(0)\n\tconst start = Date.now()\n\treturn new Promise((resolve, reject) => {\n\t\tif (!opts.matcher && opts.selector) {\n\t\t\tconst elems = opts.target.querySelectorAll(opts.selector)\n\t\t\tconst matched = matchedCount(elems.length, opts)\n\t\t\tif (matched) {\n\t\t\t\tresolve([...elems])\n\t\t\t\treturn\n\t\t\t}\n\t\t}\n\n\t\tconst callback = mutations => {\n\t\t\tconst elems = opts.selector ? [...opts.target.querySelectorAll(opts.selector)] : [opts.target]\n\t\t\tconst mutated = mutations.filter(m => elems.includes(m.target))\n\t\t\tif (!mutated.length && opts.count !== 0) return\n\t\t\tconst matched = opts.matcher ? opts.matcher(mutated, observer) : matchedCount(elems.length, opts)\n\t\t\tconst expired = Date.now() - start > opts.maxTime\n\t\t\tif (matched || expired) {\n\t\t\t\tobserver.disconnect()\n\t\t\t\tif (t) clearTimeout(t)\n\t\t\t\tif (matched) resolve(Array.isArray(matched) ? matched : elems)\n\t\t\t\telse reject(`test exceeded maxTime=${opts.maxTime}`)\n\t\t\t}\n\t\t}\n\n\t\tconst observer = new MutationObserver(callback)\n\t\tobserver.observe(opts.target, opts.observe)\n\n\t\tlet t\n\t\tif (opts.maxTime) {\n\t\t\tt = setTimeout(() => {\n\t\t\t\tif (opts.count === 0) {\n\t\t\t\t} else reject(`the elem '${opts.target}' did not render within ${opts.maxTime} milliseconds`)\n\t\t\t}, opts.maxTime)\n\t\t}\n\n\t\tif (opts.trigger) opts.trigger()\n\t})\n}\n\n// compare the actual vs expected element counts\nfunction matchedCount(actual, opts) {\n\tconst expected = opts.count\n\tswitch (opts.matchAs) {\n\t\tcase '=':\n\t\t\treturn actual === expected\n\t\tcase '<':\n\t\t\treturn actual < expected\n\t\tcase '<=':\n\t\t\treturn actual <= expected\n\t\tcase '>':\n\t\t\treturn actual > expected\n\t\tcase '>=':\n\t\t\treturn actual >= expected\n\t\tdefault:\n\t\t\tthrow `unknown matchAs='${opts.matchAs}'`\n\t}\n}\n\n/*\n    convenience helpers for detectLst with preconfigured MutationRecord.type, attributeName\n*/\n\nexport async function detectAttr(opts) {\n\tif (!opts.observe) opts.observe = {}\n\topts.observe.attributes = true\n\tconst lst = await detectLst(opts)\n\treturn lst\n}\n\nexport async function detectChildAttr(opts) {\n\tif (!opts.observe) opts.observe = {}\n\topts.observe.subtree = true\n\topts.observe.attributes = true\n\tif (opts.attr) {\n\t\tif (opts.matcher) console.warn(`will not use opts.attr since an opts.matcher is already available`)\n\t\telse {\n\t\t\tif (!('count' in opts)) opts.count = 1\n\t\t\topts.matcher = mutations => {\n\t\t\t\tconst matched = mutations.filter(m => {\n\t\t\t\t\tfor (const key in opts.attr) {\n\t\t\t\t\t\tif (typeof opts.attr[key] === 'function') {\n\t\t\t\t\t\t\tconst value = m.target.getAttribute(key)\n\t\t\t\t\t\t\tif (!opts.attr[key](value)) return false\n\t\t\t\t\t\t} else if (value != opts.attr[key]) {\n\t\t\t\t\t\t\treturn false\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn true\n\t\t\t\t})\n\t\t\t\t// TODO: should accumulate matched counts???\n\t\t\t\tif (matched.length === opts.count) return matched.map(d => d.target)\n\t\t\t}\n\t\t}\n\t}\n\tconst lst = await detectLst(opts)\n\treturn lst\n}\n\nexport async function detectStyle(opts) {\n\tif (!opts.observe) opts.observe = {}\n\topts.observe.attributes = true\n\topts.observe.attributeFilter = ['style']\n\tconst lst = await detectLst(opts)\n\treturn lst\n}\n\nexport async function detectChildStyle(opts) {\n\tif (!opts.observe) opts.observe = {}\n\topts.observe.subtree = true\n\topts.observe.attributes = true\n\topts.observe.attributeFilter = ['style']\n\tif (opts.style) {\n\t\tif (opts.matcher) console.warn(`will not use opts.style since an opts.matcher is already available`)\n\t\telse {\n\t\t\tif (!('count' in opts)) opts.count = 1\n\t\t\topts.matcher = mutations => {\n\t\t\t\t// need to be careful of strings\n\t\t\t\tconst matched = mutations.filter(m => {\n\t\t\t\t\tfor (const key in opts.style) {\n\t\t\t\t\t\tconst value = m.target.style[key]\n\t\t\t\t\t\tif (typeof opts.style[key] == 'function') {\n\t\t\t\t\t\t\tif (!opts.style[key](value)) return false\n\t\t\t\t\t\t} else if (value != opts.style[key]) return false\n\t\t\t\t\t}\n\t\t\t\t\treturn true\n\t\t\t\t})\n\t\t\t\t// TODO: should accumulate matched counts???\n\t\t\t\tif (matched.length === opts.count) return matched.map(d => d.target)\n\t\t\t}\n\t\t}\n\t}\n\tconst lst = await detectLst(opts)\n\treturn lst\n}\n\nexport async function detectText(opts) {\n\tif (!opts.observe) opts.observe = {}\n\topts.observe.characterData = true\n\tconst lst = await detectLst(opts)\n\treturn lst\n}\n\nexport async function detectChildText(opts) {\n\tif (!opts.observe) opts.observe = {}\n\topts.observe.subtree = true\n\topts.observe.characterData = true\n\topts.observe.childList = true\n\tif (!opts.matcher) {\n\t\topts.matcher = mutations => mutations.map(m => m.target)\n\t}\n\tconst lst = await detectLst(opts)\n\treturn lst\n}\n\n/*\n    convenience helpers for detectLst with preconfigured matchAs\n    same arguments as detectLst\n*/\nexport async function detectGt(opts) {\n\topts.matchAs = '>'\n\tconst lst = await detectLst(opts)\n\treturn lst\n}\n\nexport async function detectGte(opts) {\n\topts.matchAs = '>='\n\tconst lst = await detectLst(opts)\n\treturn lst\n}\n\nexport async function detectLt(opts) {\n\topts.matchAs = '<'\n\tconst lst = await detectLst(opts)\n\treturn lst\n}\n\nexport async function detectLte(opts) {\n\topts.matchAs = '<='\n\tconst lst = await detectLst(opts)\n\treturn lst\n}\n\n/*\n    same arguments as detectLst, except count is forced to 1\n    return the expected element\n*/\nexport async function detectOne(opts) {\n\topts.count = 1\n\tconst lst = await detectLst(opts)\n\treturn lst[0]\n}\n\n/*\n    same arguments as detectLst, except count is forced to 0\n    return the expected element\n\n    --  you have to know the element hasn't been removed when this is called\n*/\nexport async function detectZero(opts) {\n\topts.count = 0\n\tif (!opts.observe) opts.observe = {}\n\topts.observe.childList = true\n\topts.observe.subtree = true\n\tconst lst = await detectLst(opts)\n\treturn lst[0] // should be undefined\n}\n\n// --  you do NOT need to know the element hasn't been removed when this is called\nexport async function whenGone(opts) {\n\treturn new Promise((resolve, reject) => {\n\t\tlet j = 0\n\t\tconst i = setInterval(() => {\n\t\t\tif (opts.target.querySelectorAll(opts.selector).length === 0) {\n\t\t\t\tclearInterval(i)\n\t\t\t\tresolve(opts.target)\n\t\t\t} else {\n\t\t\t\tj++\n\t\t\t\tif (j > 10) {\n\t\t\t\t\treject(`elem did not hide within 200ms`)\n\t\t\t\t\tclearInterval(i)\n\t\t\t\t}\n\t\t\t}\n\t\t}, 20)\n\n\t\tsetTimeout(() => {\n\t\t\tclearInterval(i)\n\t\t}, opts.maxTime || 3000)\n\t})\n}\n\n// must know that the element already exists when calling this,\n// otherwise use Locator.shows() or one of the detect* helpers\nexport async function whenHidden(elem) {\n\treturn new Promise((resolve, reject) => {\n\t\tlet j = 0\n\t\tconst i = setInterval(() => {\n\t\t\tif (elem.style.display == 'none') {\n\t\t\t\tclearInterval(i)\n\t\t\t\tresolve(elem)\n\t\t\t} else {\n\t\t\t\tj++\n\t\t\t\tif (j > 200) {\n\t\t\t\t\treject(`elem did not hide within 5 seconds`)\n\t\t\t\t\tclearInterval(i)\n\t\t\t\t}\n\t\t\t}\n\t\t}, 25)\n\t})\n}\n\n// must know that the element already exists when calling this,\n// otherwise use one of the detect* helpers\nexport async function whenVisible(elem, opts = {}) {\n\tconst intervalWait = 25\n\tconst totalWait = opts.wait || 5000\n\tconst numRepeats = totalWait / intervalWait\n\treturn new Promise((resolve, reject) => {\n\t\tlet j = 0\n\t\tconst i = setInterval(() => {\n\t\t\tif (elem.style.display != 'none') {\n\t\t\t\tclearInterval(i)\n\t\t\t\tresolve(elem)\n\t\t\t} else {\n\t\t\t\tj++\n\t\t\t\tif (j > numRepeats) {\n\t\t\t\t\treject(`elem did not become visible within 5 seconds`)\n\t\t\t\t\tclearInterval(i)\n\t\t\t\t}\n\t\t\t}\n\t\t}, intervalWait)\n\t})\n}\n\nclass TestAppStore extends StoreBase {\n\tstatic type = 'store'\n\n\tconstructor(opts) {\n\t\tsuper(opts)\n\t\tthis.type = TestAppStore.type\n\t\tthis.defaultState = {\n\t\t\tdebug: true\n\t\t}\n\t}\n\n\tasync init() {}\n}\n\nconst storeInit = getStoreInit(TestAppStore)\n\nclass TestApp {\n\tstatic type = 'app'\n\n\tconstructor(opts) {\n\t\tthis.type = 'app'\n\t\tthis.opts = opts\n\t\tthis.fetchOpts = opts.fetchOpts\n\t}\n\n\tasync init() {\n\t\ttry {\n\t\t\tthis.store = await storeInit({ app: this.api, state: this.opts.state })\n\t\t\tthis.state = await this.store.copyState()\n\t\t\tif (this.opts.dom) this.dom = this.opts.dom\n\t\t\tawait this.api.dispatch()\n\t\t} catch (e) {\n\t\t\tif (e.stack) console.log(e.stack)\n\t\t\telse throw `TestApp Error: ${e}`\n\t\t}\n\t}\n}\n\nexport const testAppInit = getAppInit(TestApp)\n"],
+  "mappings": "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",
+  "names": ["value"]
+}

package/dist/chunk-EKKQMKQI.js

@@ -0,0 +1,102 @@
+import {
+  addGeneSearchbox,
+  first_genetrack_tolist,
+  getDNAMethUnit,
+  sayerror
+} from "./chunk-WY2PGUVX.js";
+import {
+  Menu
+} from "./chunk-HYOEWQ5P.js";
+import {
+  DNA_METHYLATION
+} from "./chunk-NNFAUP2I.js";
+
+// termdb/handlers/dnaMethylation.ts
+var SearchHandler = class {
+  init(opts) {
+    this.opts = opts;
+    this.callback = opts.callback;
+    this.app = opts.app;
+    const holder = opts.holder.append("div").style("margin", "10px 0px");
+    this.dom = {};
+    this.dom.errDiv = holder.append("div").style("margin", "5px 0px").style("display", "none");
+    this.dom.geneSearchDiv = holder.append("div");
+    this.dom.blockDiv = holder.append("div").style("display", "none").style("margin", "15px 4px");
+    const geneSearch = addGeneSearchbox({
+      tip: new Menu({ padding: "0px" }),
+      genome: opts.genomeObj,
+      row: this.dom.geneSearchDiv,
+      callback: async () => {
+        try {
+          this.dom.errDiv.style("display", "none");
+          await this.handleGeneSearch(geneSearch);
+        } catch (e) {
+          this.dom.errDiv.style("display", "block");
+          sayerror(this.dom.errDiv, "Error: " + (e.message || e));
+          if (e.stack) console.log(e.stack);
+        }
+      }
+    });
+  }
+  async handleGeneSearch(geneSearch) {
+    if (geneSearch.geneSymbol) {
+      const { chr, start, stop } = geneSearch;
+      if (!chr || !Number.isInteger(start) || !Number.isInteger(stop))
+        throw new Error("unable to retrieve gene coordinate");
+      this.dom.blockDiv.selectAll("*").remove();
+      this.dom.blockDiv.style("display", "block");
+      this.dom.blockDiv.append("div").style("opacity", 0.6).text("Navigate genome browser to desired region");
+      const arg = {
+        holder: this.dom.blockDiv,
+        genome: this.opts.genomeObj,
+        // genome obj
+        chr,
+        start,
+        stop,
+        tklst: [],
+        nobox: true,
+        width: 500,
+        hidegenelegend: true,
+        debugmode: this.opts.debug
+      };
+      first_genetrack_tolist(this.opts.genomeObj, arg.tklst);
+      const _ = await import("./block-YPM767A4.js");
+      this.blockInstance = new _.Block(arg);
+      this.dom.submitBtn = this.dom.blockDiv.append("div").attr("data-testid", "sjpp-dnaMethylation-submitDiv").style("margin", "10px 0px").append("button").style("border", "none").style("border-radius", "20px").style("padding", "10px 15px").text("Submit Region").on("click", async () => {
+        const { chr: chr2, start: start2, stop: stop2 } = this.blockInstance.rglst[0];
+        const term = this.makeTerm({ chr: chr2, start: start2, stop: stop2 });
+        await this.callback(term);
+      });
+    } else if (geneSearch.chr && Number.isInteger(geneSearch.start) && Number.isInteger(geneSearch.stop)) {
+      const { chr } = geneSearch;
+      let { start, stop } = geneSearch;
+      if (geneSearch.actualposition?.len <= 1) {
+        start = geneSearch.actualposition.position;
+        stop = start + 1;
+      }
+      const term = this.makeTerm({ chr, start, stop });
+      await this.callback(term);
+    } else {
+      throw new Error("invalid gene search input");
+    }
+  }
+  makeTerm(opts) {
+    const { chr, start, stop } = opts;
+    if (!chr || !Number.isInteger(start) || !Number.isInteger(stop)) throw new Error("invalid coordinate");
+    const unit = getDNAMethUnit("region", this.app.vocabApi);
+    const term = {
+      chr,
+      start,
+      stop,
+      type: DNA_METHYLATION,
+      unit,
+      genomicFeatureType: "region"
+    };
+    return term;
+  }
+};
+
+export {
+  SearchHandler
+};
+//# sourceMappingURL=chunk-EKKQMKQI.js.map

package/dist/chunk-EPWIJEMK.js

@@ -0,0 +1,158 @@
+import {
+  NumericDensity
+} from "./chunk-MNIBZTQE.js";
+import {
+  HandlerBase
+} from "./chunk-LSEFWW72.js";
+import {
+  Tabs
+} from "./chunk-HBW42TDT.js";
+
+// termsetting/handlers/NumericHandler.ts
+var NumericHandler = class extends HandlerBase {
+  constructor(opts) {
+    super(opts);
+    this.tabs = [];
+    this.handlerByMode = {};
+    this.dom = {};
+    this.opts = opts;
+    this.termsetting = opts.termsetting;
+    this.tw = opts.termsetting.tw;
+    this.tabs = this.setTabData();
+    this.density = new NumericDensity(opts);
+  }
+  getPillStatus() {
+    this.tw = this.termsetting.tw;
+    return this.tw.getStatus(this.termsetting.usecase, this.termsetting.data);
+  }
+  setTabData() {
+    const self = this.termsetting;
+    const tabs = [];
+    const callback = async (event, tabData) => {
+      if (event) event.stopPropagation();
+      try {
+        await this.setEditHandler(tabData);
+        await this.editHandler.showEditMenu(tabData.contentHolder);
+      } catch (e) {
+        this.dom.errdiv.style("display", "").text(e);
+      }
+    };
+    const numTabs = self.opts.numericEditMenuVersion.length;
+    if (self.opts.numericEditMenuVersion.includes("continuous")) {
+      tabs.push({
+        mode: "continuous",
+        label: self.term.type == "survival" ? "Time to Event" : "Continuous",
+        callback,
+        active: this.tw.q.mode === "continuous" || numTabs === 1
+      });
+    }
+    if (self.opts.numericEditMenuVersion.includes("discrete")) {
+      tabs.push({
+        mode: "discrete",
+        label: self.term.type == "survival" ? "Exit code" : "Discrete",
+        callback,
+        active: this.tw.q.mode === "discrete" || numTabs === 1
+      });
+    }
+    if (self.opts.numericEditMenuVersion.includes("spline")) {
+      tabs.push({
+        mode: "spline",
+        label: "Cubic spline",
+        callback,
+        active: this.tw.q.mode === "spline" || numTabs === 1
+      });
+    }
+    if (self.opts.numericEditMenuVersion.includes("binary")) {
+      tabs.push({
+        mode: "binary",
+        label: "Binary",
+        callback,
+        active: this.tw.q.mode === "binary" || numTabs === 1
+      });
+    }
+    return tabs;
+  }
+  async setEditHandler(tabData) {
+    if (!this.handlerByMode[tabData.mode]) {
+      switch (tabData.mode) {
+        case "continuous": {
+          const { NumContEditor } = await import("./NumContEditor-MIC7M73G.js");
+          this.handlerByMode.continuous = new NumContEditor(this.opts, this);
+          break;
+        }
+        case "discrete": {
+          const { NumDiscreteEditor } = await import("./NumDiscreteEditor-PRSUMS3I.js");
+          this.handlerByMode.discrete = new NumDiscreteEditor(this.opts, this);
+          break;
+        }
+        case "binary": {
+          const { NumBinaryEditor } = await import("./NumBinaryEditor-RL44SO3T.js");
+          this.handlerByMode.binary = new NumBinaryEditor(this.opts, this);
+          break;
+        }
+        case "spline": {
+          const { NumSplineEditor } = await import("./NumSplineEditor-XI7AT5LM.js");
+          this.handlerByMode.spline = new NumSplineEditor(this.opts, this);
+          break;
+        }
+        default:
+          throw `unexpected numeric tabData.mode='${tabData.mode}'`;
+          break;
+      }
+    }
+    this.editHandler = this.handlerByMode[tabData.mode];
+  }
+  async showEditMenu(div) {
+    try {
+      this.showLoading(div);
+      this.dom.errdiv = div.append("div").attr("class", "sja_errorbar").style("display", "none");
+      this.tw = this.termsetting.tw;
+      const self = this.tw;
+      for (const t of this.tabs) {
+        t.active = this.tabs.length === 1 || self.q.mode == t.mode || t.mode == "continuous" && !self.q.mode;
+      }
+      this.density_data = await this.density.setData();
+      await this.setEditHandler(this.tabs.find((t) => t.active));
+      this.dom.editDiv = div.append("div").attr("data-testid", "sjpp-num-ts-edit-div");
+      this.dom.btnDiv = div.append("div");
+      this.renderButtons(this.dom.btnDiv);
+      if (this.tabs.length > 1) {
+        this.dom.topBar = this.dom.editDiv.append("div").style("padding", "10px");
+        this.dom.topBar.append("span").html("Use as ");
+        new Tabs({
+          holder: this.dom.topBar.append("div").style("display", "inline-block"),
+          contentHolder: this.dom.editDiv.append("div"),
+          noTopContentStyle: true,
+          tabs: this.tabs
+        }).main();
+      } else {
+        await this.editHandler.showEditMenu(this.dom.editDiv);
+      }
+      this.dom.loadingDiv.style("display", "none");
+    } catch (e) {
+      this.hideLoading();
+      this.dom.errdiv.style("display", "").text(typeof e == "object" ? e.message || e.error || e : e);
+    }
+  }
+  renderButtons(btnDiv) {
+    btnDiv.append("button").style("margin", "5px").attr("data-testId", "sjpp_numeric_edit_apply").html("Apply").on("click", () => {
+      this.termsetting.q = this.editHandler.getEditedQ();
+      this.termsetting.dom.tip.hide();
+      this.termsetting.api.runCallback();
+    });
+    btnDiv.append("button").style("margin", "5px").attr("data-testId", "sjpp_numeric_edit_reset").html("Reset").on("click", () => {
+      this.editHandler.undoEdits();
+    });
+  }
+  destroy() {
+    for (const s of Object.values(this.dom)) {
+      if (typeof s.remove == "function") s.remove();
+    }
+    this.density.destroy();
+  }
+};
+
+export {
+  NumericHandler
+};
+//# sourceMappingURL=chunk-EPWIJEMK.js.map

package/dist/chunk-F7Y67LK7.js

@@ -0,0 +1,230 @@
+import {
+  keyupEnter
+} from "./chunk-WY2PGUVX.js";
+import {
+  get_bin_label,
+  get_bin_range_equation
+} from "./chunk-I73KUUYG.js";
+
+// termsetting/handlers/NumCustomBinEditor.ts
+var NumCustomBinEditor = class {
+  constructor(editHandler) {
+    this.dom = {};
+    this.editHandler = editHandler;
+    this.opts = editHandler.opts;
+    this.tw = editHandler.tw;
+    this.termsetting = editHandler.termsetting;
+  }
+  async render(div) {
+    this.tw = this.editHandler.tw;
+    this.q = this.getDefaultQ();
+    await this.editHandler.handler.density.setBinLines(this.getBoundaryOpts());
+    if (this.dom.inputsDiv) {
+      if (this.editHandler.dom.binsDiv?.node().contains(this.dom.inputsDiv.node())) return;
+      else {
+        this.dom.inputsDiv.remove();
+        delete this.dom.inputsDiv;
+      }
+    }
+    this.dom.inputsDiv = div.append("div").style("display", "flex").style("width", "100%");
+    this.renderCustomBinInputs();
+  }
+  getBoundaryOpts() {
+    return {
+      values: this.q.lst.slice(1).map((bin) => ({ x: bin.startunbounded ? bin.stop : bin.start, isDraggable: true })),
+      callback: (d, value) => {
+        const boundaryValues = this.q.lst.slice(1).map((d2) => "start" in d2 ? d2.start : "");
+        boundaryValues[d.index] = value;
+        this.dom.customBinBoundaryInput.text(boundaryValues.join(",\n"));
+        this.handleInputChange("drag");
+        return 0;
+      }
+    };
+  }
+  getDefaultQ() {
+    if (this.tw.q.mode == "discrete" && this.tw.q.type == "custom-bin") {
+      const copy = JSON.parse(JSON.stringify(this.tw.q));
+      copy.lst.forEach((bin) => {
+        if (!bin.label) bin.label = get_bin_label(bin, this.tw.q, this.tw.term.valueConversion);
+        bin.range = get_bin_range_equation(bin, this.tw.q);
+      });
+      return copy;
+    }
+    const { min, max } = this.editHandler.handler.density_data;
+    const defaultCustomBoundary = (
+      /* when no sample is annotated by this term,
+      minvalue and maxvalue are both null
+      setting defaultCustomBoundary to arbitrary "0" will allow existing UI to work
+      but remains to be evaluated if is really okay to use 0
+      */
+      !Number.isFinite(min) || !Number.isFinite(max) ? 0 : (
+        // minvalue and maxvalue is valid number
+        max != min ? min + (max - min) / 2 : max
+      )
+    );
+    const firstBin = {
+      startunbounded: true,
+      startinclusive: false,
+      stopinclusive: false,
+      stop: +defaultCustomBoundary.toFixed(this.tw.term.type == "integer" ? 0 : 2)
+    };
+    const lastBin = {
+      stopunbounded: true,
+      startinclusive: true,
+      stopinclusive: false,
+      start: +defaultCustomBoundary.toFixed(this.tw.term.type == "integer" ? 0 : 2)
+    };
+    return {
+      mode: "discrete",
+      type: "custom-bin",
+      lst: [
+        // Type '{ label: any; range: any; startunbounded: boolean; startinclusive: boolean; stopinclusive: boolean; stop: number; }' is not assignable to type 'StartUnboundedBin | FullyBoundedBin'.
+        // Property 'start' is missing in type '{ label: any; range: any; startunbounded: boolean; startinclusive: boolean; stopinclusive: boolean; stop: number; }' but required in type 'FullyBoundedBin'.
+        {
+          ...firstBin,
+          label: get_bin_label(firstBin, this.tw.q, this.tw.term.valueConversion),
+          range: get_bin_range_equation(firstBin, this.tw.q)
+        },
+        {
+          ...lastBin,
+          label: get_bin_label(lastBin, this.tw.q, this.tw.term.valueConversion),
+          range: get_bin_range_equation(lastBin, this.tw.q)
+        }
+        //satisfies StopUnboundedBin
+      ]
+    };
+  }
+  /******************* Functions for Numerical Custom size bins *******************/
+  renderCustomBinInputs() {
+    const q = this.q;
+    const boundaryDiv = this.dom.inputsDiv.append("div").style("margin-right", "20px");
+    this.dom.rangeAndLabelDiv = this.dom.inputsDiv.append("div");
+    boundaryDiv.append("div").style("margin-bottom", "5px").style("color", "rgb(136, 136, 136)").text("Bin boundaries");
+    this.dom.customBinBoundaryInput = boundaryDiv.append("textarea").style("width", "100px").style("height", "70px").text(
+      q.lst.slice(1).map((d) => "start" in d ? d.start : "").join("\n")
+    ).on("change", () => this.handleInputChange()).on("keyup", async (event) => {
+      if (!keyupEnter(event) && event.key != 8 && event.key != "Enter") return;
+      if (!this.dom.inputsDiv.selectAll("input").node().value) return;
+      this.handleInputChange();
+    });
+    boundaryDiv.append("div").style("font-size", ".6em").style("margin-left", "1px").style("color", "#858585").html("Enter numeric values </br>seperated by ENTER");
+    this.renderBoundaryInputDivs();
+  }
+  renderBoundaryInputDivs() {
+    const data = this.q.lst;
+    const holder = this.dom.rangeAndLabelDiv;
+    holder.selectAll("*").remove();
+    const grid = holder.append("div").style("display", "grid").style("grid-template-columns", "auto auto").style("column-gap", "20px").style("align-items", "center");
+    grid.append("div").style("margin-bottom", "3px").style("color", "rgb(136, 136, 136)").text("Range");
+    grid.append("div").style("margin-bottom", "3px").style("color", "rgb(136, 136, 136)").text("Bin label");
+    for (const d of data) {
+      grid.append("div").attr("name", "range").html(d.range);
+      grid.append("div").append("input").attr("type", "text").style("margin", "2px 0px").property("value", d.label).on("change", function() {
+        d.label = this.value;
+      });
+    }
+    this.dom.customBinRanges = this.dom.inputsDiv.selectAll('div[name="range"]').data(data);
+    this.dom.customBinLabelInput = this.dom.inputsDiv.selectAll("input").data(data);
+  }
+  handleInputChange(eventType = "") {
+    const self = this.tw;
+    const inputs = this.dom.inputsDiv.selectAll("input");
+    inputs.property("value", "");
+    const data = this.processCustomBinInputs();
+    if (data == void 0) {
+      return;
+    }
+    if (self.q.hiddenValues) this.tw.q.hiddenValues = self.q.hiddenValues;
+    if (this.binsChanged(data, this.q.lst)) {
+      this.q.lst = data;
+    }
+    this.renderBoundaryInputDivs();
+    if (eventType != "drag") this.editHandler.handler.density.setBinLines(this.getBoundaryOpts());
+  }
+  binsChanged(data, qlst) {
+    if (data.length != qlst.length) return true;
+    if (Object.keys(data[0]).length !== Object.keys(qlst[0]).length) return true;
+    for (const [i, bin] of qlst.entries()) {
+      for (const k of Object.keys(bin)) {
+        if (bin[k] && bin[k] !== data[i][k]) {
+          return true;
+        }
+      }
+    }
+    return false;
+  }
+  processCustomBinInputs() {
+    const self = this.termsetting;
+    const startinclusive = this.editHandler.boundaryInclusion == "startinclusive";
+    const stopinclusive = this.editHandler.boundaryInclusion == "stopinclusive";
+    const inputs = this.dom.inputsDiv.node().querySelectorAll("input");
+    const inputData = this.dom.customBinBoundaryInput.property("value").split("\n").filter((d) => d != "" && !isNaN(d));
+    const trackBins = new Set(inputData);
+    if (!trackBins.size) return this.tw.q.lst;
+    const sortedBins = Array.from(trackBins).map(Number).sort((a, b) => a - b);
+    const data = [
+      // first bin: StartUnbounded type
+      {
+        startunbounded: true,
+        stop: sortedBins[0],
+        startinclusive: false,
+        stopinclusive,
+        label: inputs[0].value
+      }
+    ];
+    if (!data[0].label) data[0].label = get_bin_label(data[0], self.q, self.term.valueConversion);
+    if (!data[0].range) data[0].range = get_bin_range_equation(data[0], self.q);
+    for (const [i, d] of sortedBins.entries()) {
+      let bin;
+      const label = inputs[i + 1]?.value || "";
+      if (i !== trackBins.size - 1) {
+        bin = {
+          start: +d,
+          startinclusive,
+          stopinclusive,
+          stop: sortedBins[i + 1],
+          label
+          //range: ''
+        };
+      } else {
+        bin = {
+          start: +d,
+          startinclusive,
+          stopinclusive: false,
+          stopunbounded: true,
+          label
+          //range: ''
+        };
+      }
+      if (bin.label === "" || bin.label === void 0) bin.label = get_bin_label(bin, self.q, self.term.valueConversion);
+      if (bin.range === "" || bin.range === void 0) bin.range = get_bin_range_equation(bin, self.q);
+      data.push(bin);
+    }
+    return data;
+  }
+  getEditedQ(destroyDom = true) {
+    const lst = this.processCustomBinInputs();
+    if (destroyDom) {
+      for (const name of Object.keys(this.dom)) {
+        this.dom[name].remove();
+        delete this.dom[name];
+      }
+    }
+    return {
+      mode: "discrete",
+      type: "custom-bin",
+      lst
+    };
+  }
+  undoEdits() {
+    this.q = this.getDefaultQ();
+    this.dom.inputsDiv.selectAll("*").remove();
+    this.renderCustomBinInputs();
+    this.editHandler.handler.density.setBinLines(this.getBoundaryOpts());
+  }
+};
+
+export {
+  NumCustomBinEditor
+};
+//# sourceMappingURL=chunk-F7Y67LK7.js.map

package/dist/chunk-FDBVAL6K.js

@@ -0,0 +1,14 @@
+// src/block.lazyload.js
+var Block;
+async function blocklazyload(arg) {
+  if (!Block) {
+    const b = await import("./block-YPM767A4.js");
+    Block = b.Block;
+  }
+  return new Block(arg);
+}
+
+export {
+  blocklazyload
+};
+//# sourceMappingURL=chunk-FDBVAL6K.js.map