@sjcrh/proteinpaint-client 2.183.0 → 2.183.1

package/dist/chunk-SSPDNHDW.js

@@ -0,0 +1,398 @@
+import {
+  StoreBase,
+  getAppInit,
+  getStoreInit
+} from "./chunk-MVTCBVSX.js";
+
+// test/Locator.ts
+var Locator = class _Locator {
+  // arg could be one of the following, must always
+  // - DOM element
+  // - string selector
+  // - d3-selection
+  constructor(arg, opts = {}) {
+    //HTMLElement | SVGElement | SVGGElement | SVGLineElement | SVGRectElement | SVGSVGElement | SVGTextElement
+    this.opts = {
+      intervalWait: 25,
+      maxWait: 3e3
+    };
+    this.pending = [];
+    this.result = [];
+    Object.assign(this.opts, opts);
+    this.setRoot(arg);
+  }
+  // convenience method to allow await Locator.init(elem).whenVisible('')
+  static init(elem) {
+    return new _Locator(elem);
+  }
+  setRoot(arg) {
+    if (typeof arg == "string") {
+      const node = document.body.querySelector(arg);
+      if (!node) throw `missing elem by selector='${arg}'`;
+      this.rootElem = node;
+    } else if (typeof arg.node == "function") {
+      const numMatch = arg.size();
+      if (!numMatch) throw `missing elem from d3-selection`;
+      this.rootElem = arg.node();
+    } else {
+      this.rootElem = arg;
+    }
+    this.pending = [];
+  }
+  root(arg) {
+    if (arg) this.setRoot(arg);
+    return this.rootElem;
+  }
+  // selector: string selector such as '#my-id', '.my-class', `[data-testid='my-id-here']`, `[role='button']`, etc
+  shows(selector, opts = {}) {
+    this.pending.push([
+      shows,
+      {
+        selector,
+        targetCount: opts.count || 1,
+        //'>=1',
+        visibility: opts.visibility ?? true,
+        intervalWait: opts.intervalWait || this.opts.intervalWait,
+        maxWait: opts.maxWait || this.opts.maxWait,
+        attr: opts.attr || {}
+      }
+    ]);
+    return this;
+  }
+  // same argument as this.shows(), but visibility is not checked
+  // and assumes that the elements targeted by the selector are
+  // ready to be queried
+  find(selector) {
+    this.pending.push([find, { selector }]);
+    return this;
+  }
+  // cannot chain another method after get(), since
+  // the retured promise would require wrapping in parentheses
+  //
+  // get()
+  // - run the pending functions in sequence and return the resolved
+  //   queried elems or its properties based on the argument
+  //
+  // Arguments:
+  //  arg: undefined | string | number | callback
+  //
+  // returns
+  //  - no argument: get the matched elements as an array
+  //  - callback function: passes the matched elements to the callback and returns its returned value
+  //  - number: use as index key to return elems[index]
+  //  - string: see the processing in the
+  async get(arg) {
+    const pending = this.pending;
+    this.pending = [];
+    let elems = [this.rootElem];
+    for (const [fxn, opts] of pending) {
+      elems = await fxn(elems, opts);
+    }
+    if (!arguments.length || arg === void 0) return elems;
+    if (typeof arg === "function") return arg(elems);
+    if (typeof arg === "number") return elems[arg];
+    if (typeof arg === "string") {
+      if (arg == "length") return elems.length;
+      const key = arg.slice(1);
+      if (!key) return elems;
+      const char = arg[0];
+      if (char === ".") return elems.map((elem) => elem[key]);
+      if (char === "@") return elems.map((elem) => elem.getAttribute(key));
+      if (char === ":") return elems.map((elem) => elem.style[key]);
+    }
+    throw `invalid Locator.get() argument='${arg}'`;
+  }
+  // TODO: support .set(arg, value)???
+  /*** convenient aliased methods for .get(arg) ***/
+  async length() {
+    return await this.get("length");
+  }
+  async value() {
+    return await this.get(".value");
+  }
+  async text() {
+    return await this.get(".innerText");
+  }
+  hides(selector) {
+    return this.shows(selector, { visibility: false });
+  }
+  async click(arg) {
+    const elems = await this.get(arg);
+    const arr = Array.isArray(elems) ? elems : [elems];
+    for (const elem of arr) {
+      const box = elem.getBoundingClientRect();
+      const clientX = box.x + 0.5 * box.width;
+      const clientY = box.y + box.height;
+      elem.dispatchEvent(new MouseEvent("click", { bubbles: true, clientX, clientY }));
+    }
+    return elems;
+  }
+};
+async function shows(elems, opts) {
+  return new Promise((resolve) => {
+    const { selector, targetCount, intervalWait, maxWait, visibility, attr } = opts;
+    const matchedElems = /* @__PURE__ */ new Set();
+    let elapsed = 0, pending = false;
+    const i = setInterval(() => {
+      if (pending) return;
+      pending = true;
+      for (const elem of elems) {
+        for (const descendant of elem.querySelectorAll(selector)) {
+          if (matchedElems.has(descendant)) continue;
+          if (descendant.checkVisibility() === visibility) {
+            if (!attr) matchedElems.add(descendant);
+            else {
+              const kvEntries = Object.entries(attr);
+              const matchedKeys = [];
+              for (const [key, value2] of kvEntries) {
+                if (elem.getAttribute(key) !== value2) matchedKeys.push(key);
+              }
+              if (matchedKeys.length === kvEntries.length) matchedElems.add(descendant);
+            }
+          }
+        }
+      }
+      elapsed += intervalWait;
+      if (matchedElems.size >= targetCount || elapsed > maxWait) {
+        clearInterval(i);
+        resolve([...matchedElems]);
+      }
+      pending = false;
+    }, intervalWait);
+  });
+}
+async function find(elems, opts) {
+  for (const elem of elems) {
+    const match = elem.querySelector(opts.selector);
+    if (match) {
+      return [match];
+    }
+  }
+  return [];
+}
+
+// test/test.helpers.js
+function sleep(ms) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+async function detectLst(_opts = {}) {
+  const defaults = {
+    target: _opts.target || _opts.elem,
+    selector: _opts.selector,
+    maxTime: 12e3,
+    // default is increased from 5 to 12 specifically for gdc live tests with high latency
+    observe: {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      characterData: true
+    }
+  };
+  if (!_opts.matcher) {
+    defaults.count = 1;
+    defaults.matchAs = "=";
+  }
+  const opts = Object.assign(defaults, _opts);
+  if (!opts.target) throw `missing opts.target (alias for opts.elem)`;
+  if (!opts.trigger && opts.count > 0) await sleep(0);
+  const start = Date.now();
+  return new Promise((resolve, reject) => {
+    if (!opts.matcher && opts.selector) {
+      const elems = opts.target.querySelectorAll(opts.selector);
+      const matched = matchedCount(elems.length, opts);
+      if (matched) {
+        resolve([...elems]);
+        return;
+      }
+    }
+    const callback = (mutations) => {
+      const elems = opts.selector ? [...opts.target.querySelectorAll(opts.selector)] : [opts.target];
+      const mutated = mutations.filter((m) => elems.includes(m.target));
+      if (!mutated.length && opts.count !== 0) return;
+      const matched = opts.matcher ? opts.matcher(mutated, observer) : matchedCount(elems.length, opts);
+      const expired = Date.now() - start > opts.maxTime;
+      if (matched || expired) {
+        observer.disconnect();
+        if (t) clearTimeout(t);
+        if (matched) resolve(Array.isArray(matched) ? matched : elems);
+        else reject(`test exceeded maxTime=${opts.maxTime}`);
+      }
+    };
+    const observer = new MutationObserver(callback);
+    observer.observe(opts.target, opts.observe);
+    let t;
+    if (opts.maxTime) {
+      t = setTimeout(() => {
+        if (opts.count === 0) {
+        } else reject(`the elem '${opts.target}' did not render within ${opts.maxTime} milliseconds`);
+      }, opts.maxTime);
+    }
+    if (opts.trigger) opts.trigger();
+  });
+}
+function matchedCount(actual, opts) {
+  const expected = opts.count;
+  switch (opts.matchAs) {
+    case "=":
+      return actual === expected;
+    case "<":
+      return actual < expected;
+    case "<=":
+      return actual <= expected;
+    case ">":
+      return actual > expected;
+    case ">=":
+      return actual >= expected;
+    default:
+      throw `unknown matchAs='${opts.matchAs}'`;
+  }
+}
+async function detectAttr(opts) {
+  if (!opts.observe) opts.observe = {};
+  opts.observe.attributes = true;
+  const lst = await detectLst(opts);
+  return lst;
+}
+async function detectChildAttr(opts) {
+  if (!opts.observe) opts.observe = {};
+  opts.observe.subtree = true;
+  opts.observe.attributes = true;
+  if (opts.attr) {
+    if (opts.matcher) console.warn(`will not use opts.attr since an opts.matcher is already available`);
+    else {
+      if (!("count" in opts)) opts.count = 1;
+      opts.matcher = (mutations) => {
+        const matched = mutations.filter((m) => {
+          for (const key in opts.attr) {
+            if (typeof opts.attr[key] === "function") {
+              const value2 = m.target.getAttribute(key);
+              if (!opts.attr[key](value2)) return false;
+            } else if (value != opts.attr[key]) {
+              return false;
+            }
+          }
+          return true;
+        });
+        if (matched.length === opts.count) return matched.map((d) => d.target);
+      };
+    }
+  }
+  const lst = await detectLst(opts);
+  return lst;
+}
+async function detectStyle(opts) {
+  if (!opts.observe) opts.observe = {};
+  opts.observe.attributes = true;
+  opts.observe.attributeFilter = ["style"];
+  const lst = await detectLst(opts);
+  return lst;
+}
+async function detectChildStyle(opts) {
+  if (!opts.observe) opts.observe = {};
+  opts.observe.subtree = true;
+  opts.observe.attributes = true;
+  opts.observe.attributeFilter = ["style"];
+  if (opts.style) {
+    if (opts.matcher) console.warn(`will not use opts.style since an opts.matcher is already available`);
+    else {
+      if (!("count" in opts)) opts.count = 1;
+      opts.matcher = (mutations) => {
+        const matched = mutations.filter((m) => {
+          for (const key in opts.style) {
+            const value2 = m.target.style[key];
+            if (typeof opts.style[key] == "function") {
+              if (!opts.style[key](value2)) return false;
+            } else if (value2 != opts.style[key]) return false;
+          }
+          return true;
+        });
+        if (matched.length === opts.count) return matched.map((d) => d.target);
+      };
+    }
+  }
+  const lst = await detectLst(opts);
+  return lst;
+}
+async function detectGt(opts) {
+  opts.matchAs = ">";
+  const lst = await detectLst(opts);
+  return lst;
+}
+async function detectGte(opts) {
+  opts.matchAs = ">=";
+  const lst = await detectLst(opts);
+  return lst;
+}
+async function detectOne(opts) {
+  opts.count = 1;
+  const lst = await detectLst(opts);
+  return lst[0];
+}
+async function whenVisible(elem, opts = {}) {
+  const intervalWait = 25;
+  const totalWait = opts.wait || 5e3;
+  const numRepeats = totalWait / intervalWait;
+  return new Promise((resolve, reject) => {
+    let j = 0;
+    const i = setInterval(() => {
+      if (elem.style.display != "none") {
+        clearInterval(i);
+        resolve(elem);
+      } else {
+        j++;
+        if (j > numRepeats) {
+          reject(`elem did not become visible within 5 seconds`);
+          clearInterval(i);
+        }
+      }
+    }, intervalWait);
+  });
+}
+var TestAppStore = class _TestAppStore extends StoreBase {
+  static type = "store";
+  constructor(opts) {
+    super(opts);
+    this.type = _TestAppStore.type;
+    this.defaultState = {
+      debug: true
+    };
+  }
+  async init() {
+  }
+};
+var storeInit = getStoreInit(TestAppStore);
+var TestApp = class {
+  static type = "app";
+  constructor(opts) {
+    this.type = "app";
+    this.opts = opts;
+    this.fetchOpts = opts.fetchOpts;
+  }
+  async init() {
+    try {
+      this.store = await storeInit({ app: this.api, state: this.opts.state });
+      this.state = await this.store.copyState();
+      if (this.opts.dom) this.dom = this.opts.dom;
+      await this.api.dispatch();
+    } catch (e) {
+      if (e.stack) console.log(e.stack);
+      else throw `TestApp Error: ${e}`;
+    }
+  }
+};
+var testAppInit = getAppInit(TestApp);
+
+export {
+  Locator,
+  sleep,
+  detectLst,
+  detectAttr,
+  detectChildAttr,
+  detectStyle,
+  detectChildStyle,
+  detectGt,
+  detectGte,
+  detectOne,
+  whenVisible
+};
+//# sourceMappingURL=chunk-SSPDNHDW.js.map

package/dist/chunk-SSPDNHDW.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// TODO: support .set(arg, value)???\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() {\n\t\treturn await this.get('.value')\n\t}\n\n\tasync text() {\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", "value"]
+}

package/dist/chunk-STEV77G7.js

@@ -0,0 +1,215 @@
+import {
+  make_radios
+} from "./chunk-2LCTMDCS.js";
+import {
+  initBinConfig
+} from "./chunk-RCYTUKAJ.js";
+import {
+  format
+} from "./chunk-OAWQ6LOO.js";
+
+// termsetting/handlers/NumRegularBinEditor.ts
+var NumRegularBinEditor = class {
+  constructor(editHandler) {
+    this.dom = {};
+    this.editHandler = editHandler;
+    this.opts = editHandler.opts;
+    this.tw = editHandler.tw;
+    this.termsetting = editHandler.termsetting;
+  }
+  render(div) {
+    if (this.q?.type != "regular-bin") this.q = this.getDefaultQ();
+    this.editHandler.handler.density.setBinLines(this.getBoundaryOpts());
+    if (this.dom.binsTable) {
+      if (this.editHandler.dom.binsDiv?.node().contains(this.dom.binsTable.node())) return;
+      else {
+        this.dom.binsTable.remove();
+        delete this.dom.binsTable;
+      }
+    }
+    const binsTable = div.append("table");
+    this.dom.binsTable = binsTable;
+    this.renderBinSizeInput(binsTable.append("tr"));
+    this.renderFirstBinInput(binsTable.append("tr"));
+    this.renderLastBinInputs(binsTable.append("tr"));
+  }
+  getDefaultQ() {
+    if (this.tw.q.type == "regular-bin") return JSON.parse(JSON.stringify(this.tw.q));
+    const t = this.tw.term;
+    const defaultQ = this.termsetting.opts.use_bins_less && t.bins?.less || t.bins?.default;
+    if (defaultQ) return JSON.parse(JSON.stringify(defaultQ));
+    const binConfig = initBinConfig(this.editHandler.handler.density_data);
+    return typeof binConfig == "string" ? JSON.parse(binConfig) : binConfig;
+  }
+  renderBinSizeInput(tr) {
+    const handler = this.editHandler.handler;
+    tr.append("td").style("margin", "5px").style("opacity", 0.5).text("Bin Size");
+    const { min, max } = handler.density_data;
+    const q = this.q;
+    const origBinSize = q.bin_size;
+    this.dom.bin_size_input = tr.append("td").append("input").attr("type", "number").attr("value", "rounding" in q ? format(q.rounding || ".0f")(q.bin_size) : q.bin_size).attr("data-testid", "sjpp-num-reg-bin-editor-size").style("margin-left", "15px").style("width", "100px").style("color", () => q.bin_size > Math.abs(max - min) ? "red" : "").on("change", (event) => {
+      const newValue = Number(event.target.value);
+      if (newValue <= 0) {
+        window.alert("Please enter non-negative bin size.");
+        event.target.value = origBinSize;
+        return;
+      }
+      if ((max - min) / newValue > 100) {
+        window.alert("Bin size too small. Try setting a bigger value.");
+        event.target.value = origBinSize;
+        return;
+      }
+      q.bin_size = newValue;
+      this.dom.bin_size_input.style("color", q.bin_size > max - min ? "red" : newValue != origBinSize ? "green" : "");
+      handler.density.setBinLines(this.getBoundaryOpts());
+    });
+  }
+  renderFirstBinInput(tr) {
+    const handler = this.editHandler.handler;
+    const q = this.q;
+    if (!q.first_bin) throw "missing q.first_bin";
+    tr.append("td").style("margin", "5px").style("opacity", 0.5).text("First Bin Stop");
+    const { min, max } = handler.density_data;
+    const origValue = q.first_bin.stop;
+    this.dom.first_stop_input = tr.append("td").append("input").attr("type", "number").property("value", origValue).style("width", "100px").style("margin-left", "15px").on("change", (event) => {
+      const newValue = Number(event.target.value);
+      if (newValue < min || newValue > max) {
+        window.alert("First bin stop value out of bound.");
+        event.target.value = origValue;
+        return;
+      }
+      this.q.first_bin.stop = newValue;
+      handler.density.setBinLines(this.getBoundaryOpts());
+    });
+    tr.append("td").append("div").style("font-size", ".6em").style("opacity", 0.5).style("display", handler.density.no_density_data ? "none" : "block").text("Indicated by left-most red line. Drag to change.");
+  }
+  renderLastBinInputs(tr) {
+    const handler = this.editHandler.handler;
+    const q = this.q;
+    const isAuto = !q.last_bin || !Number.isFinite(q.last_bin.start);
+    tr.append("td").style("padding-top", "4px").style("opacity", 0.5).style("vertical-align", "top").text("Last Bin Start");
+    const td1 = tr.append("td").style("padding-left", "15px").style("vertical-align", "top");
+    const radio_div = td1.append("div");
+    const radios = make_radios({
+      holder: radio_div,
+      options: [
+        { label: "Automatic", value: "auto", checked: isAuto },
+        { label: "Fixed", value: "fixed", checked: !isAuto }
+      ],
+      callback: (v) => {
+        if (v == "auto") {
+          delete q.last_bin;
+          edit_div.style("display", "none");
+          handler.density.setBinLines(this.getBoundaryOpts());
+          return;
+        }
+        edit_div.style("display", "inline-block");
+        if (this.dom.last_start_input.property("value") == "") {
+          this.dom.last_start_input.property("value", this.tw.q.last_bin?.start || handler.density_data.max);
+        }
+        this.setLastBinStart();
+      }
+    });
+    this.dom.fixed_radio = radios.inputs.filter((_, i) => i === 1);
+    const edit_div = tr.append("td").append("div").style("display", isAuto ? "none" : "inline-block");
+    this.dom.last_start_input = edit_div.append("input").attr("type", "number").property("value", q.last_bin?.start || "").style("width", "100px").on("change", () => this.setLastBinStart());
+    edit_div.append("div").style("font-size", ".6em").style("opacity", 0.5).style("display", handler.density.no_density_data ? "none" : "block").text("Indicated by right-most red line. Drag to change.");
+  }
+  setLastBinStart() {
+    const q = this.q;
+    const { max } = this.editHandler.handler.density_data;
+    const strInput = this.dom.last_start_input.property("value");
+    if (strInput === "") return;
+    const inputValue = Number(strInput);
+    if (q.first_bin && inputValue <= q.first_bin.stop) {
+      window.alert("Last bin start cannot be smaller than first bin stop.");
+      this.dom.last_start_input.property("value", max);
+      return;
+    }
+    if (inputValue > max) {
+      window.alert("Last bin start value out of bound.");
+      this.dom.last_start_input.property("value", max);
+      return;
+    }
+    if (q.last_bin) q.last_bin.start = inputValue;
+    else
+      q.last_bin = {
+        start: inputValue,
+        stopunbounded: true,
+        stopinclusive: false
+      };
+    this.editHandler.handler.density.setBinLines(this.getBoundaryOpts());
+  }
+  getBoundaryOpts() {
+    const { min, max } = this.editHandler.handler.density_data;
+    const binLinesStop = this.q.last_bin?.start ?? max + Math.abs(this.q.first_bin.stop) - Math.min(min, 0);
+    const boundaryValues = [];
+    for (let i = this.q.first_bin.stop; i <= binLinesStop; i = i + this.q.bin_size) {
+      if (this.q.last_bin?.start === i) break;
+      if (i > binLinesStop) boundaryValues[boundaryValues.length - 1].isLastVisibleLine = true;
+      const isDraggable = i === this.q.first_bin.stop || i === this.q.bin_size - 1;
+      boundaryValues.push({ x: i, isDraggable, movesWithLineIndex: !isDraggable ? 0 : -1 });
+    }
+    if (this.q.last_bin) {
+      boundaryValues.push({
+        x: this.q.last_bin.start,
+        isDraggable: true,
+        isLastVisibleLine: true,
+        movesWithLineIndex: -1
+      });
+    }
+    return {
+      values: boundaryValues,
+      callback: (d, value) => {
+        if (d.index === 0) {
+          this.dom.first_stop_input.property("value", value);
+          this.q.first_bin.stop = value;
+        } else {
+          this.editHandler.handler.dom.last_start_input.property("value", value);
+          if (this.q.last_bin) this.q.last_bin.start = value;
+        }
+      }
+    };
+  }
+  getEditedQ(destroyDom = true) {
+    const bin_size = this.dom.bin_size_input.property("value");
+    const config = {
+      mode: "discrete",
+      type: "regular-bin",
+      startinclusive: this.editHandler.boundaryInclusion == "startinclusive",
+      stopinclusive: this.editHandler.boundaryInclusion == "stopinclusive",
+      bin_size: Number(bin_size),
+      first_bin: {
+        startunbounded: true,
+        stop: Number(this.dom.first_stop_input.property("value"))
+      },
+      rounding: bin_size.includes(".") && !bin_size.endsWith(".") ? `.${bin_size.split(".")[1].length}f` : ".0f"
+    };
+    if (this.dom.fixed_radio.property("checked")) {
+      config.last_bin = {
+        start: Number(this.dom.last_start_input.property("value")),
+        stopunbounded: true
+      };
+    }
+    if (destroyDom) {
+      for (const name of Object.keys(this.dom)) {
+        this.dom[name].remove();
+        delete this.dom[name];
+      }
+    }
+    return config;
+  }
+  undoEdits() {
+    this.q = this.getDefaultQ();
+    this.dom.binsTable.selectAll("*").remove();
+    this.renderBinSizeInput(this.dom.binsTable.append("tr"));
+    this.renderFirstBinInput(this.dom.binsTable.append("tr"));
+    this.renderLastBinInputs(this.dom.binsTable.append("tr"));
+    this.editHandler.handler.density.setBinLines(this.getBoundaryOpts());
+  }
+};
+
+export {
+  NumRegularBinEditor
+};
+//# sourceMappingURL=chunk-STEV77G7.js.map