@sjcrh/proteinpaint-client 2.166.0 → 2.167.0

package/dist/chunk-TGZA4ETW.js

@@ -0,0 +1,311 @@
+import {
+  select_default
+} from "./chunk-NDWTN4U5.js";
+
+// src/app.observer.js
+var clickableSjClasses = [
+  "sja_menuoption",
+  "sja_clb",
+  "sja_clbtext",
+  "sja_clbtext2",
+  "sjpp-dslabel",
+  "sjpp-active-tiny-button",
+  "sja_inset_a",
+  "sjpp-matrix-label",
+  "sjpp-matrix-divide-by-label",
+  "sjpp-matrix-legend-g"
+];
+var svgClickable = /* @__PURE__ */ new Set([
+  /*'text' /*, 'rect'*/
+]);
+var targetTagNames = /* @__PURE__ */ new Set(["DIV", "SPAN", "TEXT", "LABEL", "g", ...[...svgClickable]]);
+var renderWait = 500;
+var observedElems = /* @__PURE__ */ new WeakSet();
+function observeElem(elem) {
+  if (window.location.pathname === "/puppet.html") return;
+  if (observedElems.has(elem)) return;
+  observedElems.add(elem);
+  observer.observe(elem, { childList: true, subtree: true });
+}
+var observer = new MutationObserver(function(mutationsList, observer2) {
+  const relevantElems = /* @__PURE__ */ new Set();
+  for (const mutation of mutationsList) {
+    for (const elem of mutation.addedNodes) {
+      if (elem.nodeType === Node.ELEMENT_NODE) {
+        if (!targetTagNames.has(elem.tagName) || elem.tabIndex !== -1) continue;
+        relevantElems.add(elem);
+      }
+    }
+  }
+  if (!relevantElems.size) return;
+  setTimeout(() => {
+    for (const elem of relevantElems) {
+      if (elem.getAttribute("tabindex") !== null) continue;
+      const selem = select_default(elem);
+      if (!svgClickable.has(elem.tagName) && !clickableSjClasses.find((cls) => elem.classList?.contains(cls)) && !selem.on("click"))
+        continue;
+      selem.attr("tabindex", 0).on("keyup.root_observer", (event) => {
+        if (event.key == "Enter") {
+          const box = event.target.getBoundingClientRect();
+          const clientX = box.x + 0.5 * box.width;
+          const clientY = box.y + box.height;
+          event.target.dispatchEvent(new MouseEvent("mousedown", { bubbles: true, clientX, clientY }));
+          event.target.dispatchEvent(new MouseEvent("mouseup", { bubbles: true, clientX, clientY }));
+          event.target.dispatchEvent(new MouseEvent("click", { bubbles: true, clientX, clientY }));
+        }
+      });
+    }
+    relevantElems.clear();
+  }, renderWait);
+});
+
+// common/globals.js
+var base_zindex = 100;
+function get_base_zindex() {
+  return base_zindex;
+}
+function set_base_zindex(i) {
+  base_zindex = i;
+}
+
+// dom/menu.js
+var focusableSelector = `a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), ` + clickableSjClasses.map((c) => `.${c}`).join(",");
+var showMenuTriggers = /* @__PURE__ */ new Set([
+  /*'mousemove',*/
+  "mousedown",
+  "mouseup",
+  "click"
+]);
+var Menu = class {
+  constructor(arg = {}) {
+    this.typename = Math.random().toString();
+    const body = select_default(document.body);
+    this.d = body.append("div").attr("class", "sja_menu_div").style("display", "none").style("position", "absolute").style("background-color", "white").on("mousedown.menu" + this.typename, (event) => {
+      const t = select_default(event.target);
+      if (
+        /*** 
+        	NOTE on interactive menu elements: 
+        	Any menu element (input, button, etc) that has event listeners
+          is expected to handle that event, including possibly closing any
+          associated menus, and thus no need to propagate the mousedown event 
+        	to the document body
+        ***/
+        t.on("mousedown") || t.on("click") || // also assume that the following elements have event listeners by default,
+        // so same logic of not wanting to propagate the event to the body
+        ["INPUT", "SELECT", "TEXTAREA"].includes(event.target.tagName.toUpperCase())
+      ) {
+        event.stopPropagation();
+      }
+    }).on("keyup", (event) => {
+      if (event.key == "Escape") this.hide();
+    });
+    this.dnode = this.d.node();
+    if (Object.values(this.d._groups[0]).length) this.dnode.parent_menu = arg.parent_menu;
+    if (arg.ancestor_menus) this.dnode.ancestor_menus = arg.ancestor_menus;
+    body.on("mousedown.menu" + this.typename, (event) => {
+      if (this.dnode.contains(event.target)) return;
+      if (event.target.parent_menu === this.dnode) return;
+      const menu = event.target.closest(".sja_menu_div");
+      if (menu && (menu.parent_menu === this.dnode || menu.ancestor_menus?.includes(this.dnode))) return;
+      this.hide();
+    });
+    const base_zindex2 = get_base_zindex();
+    if (base_zindex2) {
+      this.d.style("z-index", base_zindex2 + 1);
+    }
+    this.d.style("padding", "padding" in arg ? arg.padding : "10px");
+    if (arg.border) {
+      this.d.style("border", arg.border);
+    } else {
+      this.d.style("box-shadow", "0px 2px 4px 1px #999");
+    }
+    this.offsetX = Number.isInteger(arg.offsetX) ? arg.offsetX : 20;
+    this.offsetY = Number.isInteger(arg.offsetY) ? arg.offsetY : 20;
+    this.hideXmute = Number.isInteger(arg.hideXmute) ? arg.hideXmute : 0;
+    this.hideYmute = Number.isInteger(arg.hideYmute) ? arg.hideYmute : 0;
+    this.prevX = -1;
+    this.prevY = -1;
+    this.clearSelector = arg.clearSelector;
+    if (arg.onHide) this.onHide = arg.onHide;
+  }
+  clear() {
+    if (this.clearSelector) this.d.select(this.clearSelector).selectAll("*").remove();
+    else this.d.selectAll("*").remove();
+    return this;
+  }
+  /*
+   To note: if shift and scroll are true, shift sets x & y.
+   Set shift to false to use scroll
+    
+    _elem: the element for which the menu was launched, optional
+  */
+  show(_x, _y, shift = true, down = true, scroll = true, elem = null) {
+    let x = _x;
+    let y = _y;
+    this.prevX = _x;
+    this.prevY = _y;
+    document.body.appendChild(this.dnode);
+    this.d.style("display", "block");
+    if (scroll) {
+      x = x + window.scrollX;
+      y = y + window.scrollY;
+    }
+    if (shift) {
+      x = x + this.offsetX;
+      y = y + this.offsetY;
+    }
+    const width = window.innerWidth;
+    const height = window.innerHeight;
+    const middlex = width / 2;
+    const middley = height / 2;
+    const p = this.dnode.getBoundingClientRect();
+    if (width - x < middlex && x + p.width > width) this.d.style("left", null).style("right", width - x + "px");
+    else this.d.style("left", x + "px").style("right", null);
+    if (!down && height - y < middley && y - window.scrollY - p.height > 0)
+      this.d.style("top", null).style("bottom", height - y + "px");
+    else this.d.style("top", y + "px").style("bottom", null);
+    this.d.transition().style("opacity", 1);
+    if (elem) this.setTabNavigation(elem);
+    else if (showMenuTriggers.has(window.event?.type)) this.setTabNavigation(window.event.target);
+    return this;
+  }
+  // simplified alternative to show(), with less arguments
+  // _x, _y: desired position in the client window
+  // opts{}:
+  //   elem: the element for which the menu was launched, will get focus when tabbing back from the menu
+  show2(_x, _y, opts = {}) {
+    let x = _x;
+    let y = _y;
+    this.prevX = _x;
+    this.prevY = _y;
+    document.body.appendChild(this.dnode);
+    this.d.style("display", "block");
+    x = x + window.scrollX + this.offsetX;
+    y = y + window.scrollY + this.offsetY;
+    const width = window.innerWidth;
+    const height = window.innerHeight;
+    const middlex = width / 2;
+    const middley = height / 2;
+    const p = this.dnode.getBoundingClientRect();
+    if (x + p.width > width) this.d.style("left", "").style("right", "5px");
+    else this.d.style("left", x + "px").style("right", "");
+    this.d.style("top", y + "px").style("bottom", "");
+    this.d.transition().style("opacity", 1);
+    if (opts.elem) this.setTabNavigation(opts.elem);
+    return this;
+  }
+  // opts{}: can supply offsetX and offsetY
+  // necessary because .showunder() uses .show(shift=false), which
+  // ignores offsetY in the constructor option
+  showunder(elem, _opts = {}) {
+    const opts = Object.assign({ offsetX: 0, offsetY: 0 }, _opts);
+    const p = elem.getBoundingClientRect();
+    const x = p.left + window.scrollX + opts.offsetX;
+    const y = p.top + p.height + window.scrollY + 5 + opts.offsetY;
+    return this.show(x, y, false, true, false, elem);
+  }
+  async setTabNavigation(elem, numTries = 0) {
+    const clickableElems = this.d.node().querySelectorAll(focusableSelector);
+    if (!clickableElems.length) {
+      if (numTries < 30) setTimeout(() => this.setTabNavigation(elem, numTries++), 100);
+      return;
+    }
+    const firstFocusableChildElem = select_default(clickableElems[0]);
+    for (const elem2 of clickableElems) {
+      const s = select_default(elem2);
+      if (!elem2.getAttribute("tabindex")) s.attr("tabindex", 0);
+      if (!s.on("keyup"))
+        setTimeout(() => {
+          s.on("keyup.menu_tab_nav", (event) => {
+            if (event.key == "Enter") elem2.click();
+          });
+        }, renderWait);
+    }
+    let lastTabbedTime = Date.now();
+    firstFocusableChildElem.on("keydown.menu_tab_nav", (event) => {
+      if (event.key == "Tab" && event.shiftKey) lastTabbedTime = Date.now();
+    }).on("blur.menu_tab_nav", () => {
+      if (Date.now() - lastTabbedTime > renderWait) return;
+      elem.focus();
+      this.hide();
+    });
+    setTimeout(() => clickableElems[0].focus(), renderWait);
+  }
+  showunderoffset(dom) {
+    const p = dom.getBoundingClientRect();
+    const y = p.top + p.height + window.scrollY + 5;
+    return this.show(p.left, y, true, true, false);
+  }
+  // this hide() method may be overriden with a custom method by getCustomApi(overrides)
+  hide(event) {
+    if (event) {
+      if (Math.abs(this.prevX - event.clientX) < this.hideXmute && Math.abs(this.prevY - event.clientY) < this.hideYmute)
+        return;
+    }
+    if (!this.fadeTimeout) this.d.style("display", "none").style("opacity", 0);
+    if (this.onHide) this.onHide();
+    return this;
+  }
+  fadeout() {
+    this.d.transition().style("opacity", 0).on("end", () => this.d.style("display", "none"));
+    return this;
+  }
+  confirm({ html, timeout }) {
+    this.d.selectAll("*").remove();
+    this.d.append("div").style("padding", "5px").html(html);
+    if (timeout)
+      this.fadeTimeout = setTimeout(() => {
+        this.fadeout();
+        delete this.fadeTimeout;
+      }, 3e3);
+  }
+  toggle() {
+    if (!this.hidden) {
+      this.hide();
+      this.hidden = true;
+    } else {
+      this.d.style("opacity", 1).style("display", "block");
+      this.hidden = false;
+    }
+    return this;
+  }
+  /*
+  	Create a custom instance API with method and/or property overrides;
+  	this will simplify sharing of the same tip instance among different
+  	components/code, such as a chart edit menu with an embedded termsetting
+  	edit menu, where the tip.hide() can be shared but tip.clear() will be
+  	applied only to a specific div in the overall menu div
+  	
+  	Example usage: 
+  	const tip = new Menu()
+  	const subsection = tip.d.append('div')
+  	const customTipApi = tip.getCustomApi({
+  		d: subsection, // expose only a subsection of the whole tip.d,
+  		show: () => {
+  			subsection.style('display', 'block')
+  		},
+  		hide: () => {
+  			subsection.style('display', 'none')
+  		},
+  		clear: () => {
+  			subsection.selectAll('*').remove() // clear only the subsection
+  			return customTipApi
+  		}
+  	})
+  */
+  getCustomApi(overrides = {}) {
+    const api = Object.create(this);
+    Object.assign(api, overrides);
+    return api;
+  }
+  destroy() {
+    this.d.remove();
+  }
+};
+
+export {
+  set_base_zindex,
+  observeElem,
+  Menu
+};
+//# sourceMappingURL=chunk-TGZA4ETW.js.map

package/dist/chunk-TGZA4ETW.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/app.observer.js", "../common/globals.js", "../dom/menu.js"],
+  "sourcesContent": ["import { select as d3select } from 'd3-selection'\n\nexport const clickableSjClasses = [\n\t'sja_menuoption',\n\t'sja_clb',\n\t'sja_clbtext',\n\t'sja_clbtext2',\n\t'sjpp-dslabel',\n\t'sjpp-active-tiny-button',\n\t'sja_inset_a',\n\t'sjpp-matrix-label',\n\t'sjpp-matrix-divide-by-label',\n\t'sjpp-matrix-legend-g'\n]\n\n// buttons, inputs, a (link) and other elements have native support\n// for tab and Enter-to-click keyboard navigation; the tagNames below\n// are for elements that do not natively support keyboard navigation,\n// and will be detected as requiring support if they have one of the\n// clickableSjClasses\n// TODO: find a way to group svg text when tabbing, before re-enabling\nconst svgClickable = new Set([\n\t/*'text' /*, 'rect'*/\n])\nconst targetTagNames = new Set(['DIV', 'SPAN', 'TEXT', 'LABEL', 'g', ...[...svgClickable]])\n\nexport const renderWait = 500\nconst observedElems = new WeakSet()\n\n/*\n  observeElem() will monitor for added DOM elements, so that the\n  MutationObserver callback can detect elements that should have\n  certain attributes and/or event handlers to satisfy portal \n  requirements such as Section 508 or style guides.\n\n  elem: \n    should just be the .sja_root_holder element,\n    no need to monitor child elements, call once in src/app.js\n    in runproteinpaint() function\n\n  NOTE: When called on .sja_root_holder, the menu divs will not\n  be observed since those are attached directly on the document.body.\n  The 'client/menu.js' code has `setTabNavigation()` for this reason.\n*/\nexport function observeElem(elem) {\n\tif (window.location.pathname === '/puppet.html') return\n\tif (observedElems.has(elem)) return\n\tobservedElems.add(elem)\n\tobserver.observe(elem, { childList: true, subtree: true })\n}\n\nconst observer = new MutationObserver(function (mutationsList, observer) {\n\tconst relevantElems = new Set()\n\tfor (const mutation of mutationsList) {\n\t\tfor (const elem of mutation.addedNodes) {\n\t\t\t// Check if the elem is an Element (not a text node, etc.)\n\t\t\tif (elem.nodeType === Node.ELEMENT_NODE) {\n\t\t\t\tif (!targetTagNames.has(elem.tagName) || elem.tabIndex !== -1) continue\n\t\t\t\trelevantElems.add(elem)\n\t\t\t}\n\t\t}\n\t\t// TODO: may automate other behavior to satisfy Section 508 or other requirements\n\t}\n\n\tif (!relevantElems.size) return\n\t// give time for the added elements to have their attributes set\n\tsetTimeout(() => {\n\t\tfor (const elem of relevantElems) {\n\t\t\tif (elem.getAttribute('tabindex') !== null) continue\n\t\t\tconst selem = d3select(elem)\n\t\t\tif (\n\t\t\t\t!svgClickable.has(elem.tagName) &&\n\t\t\t\t!clickableSjClasses.find(cls => elem.classList?.contains(cls)) &&\n\t\t\t\t!selem.on('click')\n\t\t\t)\n\t\t\t\tcontinue\n\t\t\t//console.log(36, elem.tabIndex, elem.getAttribute('tabindex'))\n\t\t\tselem\n\t\t\t\t// svg elems will be grouped\n\t\t\t\t.attr('tabindex', 0) //svgClickable.has(elem.tagName) ? -1 : 0)\n\t\t\t\t.on('keyup.root_observer', event => {\n\t\t\t\t\tif (event.key == 'Enter') {\n\t\t\t\t\t\tconst box = event.target.getBoundingClientRect()\n\t\t\t\t\t\tconst clientX = box.x + 0.5 * box.width\n\t\t\t\t\t\tconst clientY = box.y + box.height\n\t\t\t\t\t\t//event.target.dispatchEvent(new MouseEvent('mousemove', { bubbles: true, clientX, clientY }))\n\t\t\t\t\t\tevent.target.dispatchEvent(new MouseEvent('mousedown', { bubbles: true, clientX, clientY }))\n\t\t\t\t\t\tevent.target.dispatchEvent(new MouseEvent('mouseup', { bubbles: true, clientX, clientY }))\n\t\t\t\t\t\tevent.target.dispatchEvent(new MouseEvent('click', { bubbles: true, clientX, clientY }))\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t}\n\t\trelevantElems.clear()\n\t}, renderWait)\n})\n", "// the exported variables, accessors here may be shared and mutated at-will by other code\n// best to avoid if possible\n\n// base_zindex was moved out of src/client.js to avoid a circular import in dom/menu.js,\n// which breaks the pretest:unit bundling\nlet base_zindex = 100\n\nexport function get_base_zindex() {\n\treturn base_zindex\n}\n\nexport function set_base_zindex(i) {\n\tbase_zindex = i\n}\n", "import { select as d3select } from 'd3-selection'\nimport { get_base_zindex } from '#common/globals'\nimport { clickableSjClasses, renderWait } from '#src/app.observer'\nimport { sleep } from '#rx'\n\n/*\narg{}\n---All are optional---\n\tparent_menu\n\t\t- define if menu is launched within another menu\n\tpadding: STR\n\t\t- css value for menu.d.style.padding\n\tborder: STR\n\t\t- css value for menu.d.style.border\n\toffsetX: INT \n\t\t- default = 20\n\t\t- offset for left position (x = x + offsetX)\n\toffsetY: INT\n\t\t- default = 20\n\t\t- offset for top position (y = y + offsetY)\n\thideXmute, hideYmute: INT\n\t\t- default = 0\n\t\t- cancel tip hiding if the cursor's X,Y movement is less than the corresponding \n\t\thide*mute value. See notes in constructor\n\tclearSelector: STR\n\t\t-clear only specific elems within menu.d, not all of menu.d\n\tonHide()\n\t\t- override default hide() with callback\n*/\n\nexport const focusableSelector =\n\t`a[href], button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"]), ` +\n\tclickableSjClasses.map(c => `.${c}`).join(',')\n\nconst showMenuTriggers = new Set([/*'mousemove',*/ 'mousedown', 'mouseup', 'click'])\n\nexport class Menu {\n\tconstructor(arg = {}) {\n\t\tthis.typename = Math.random().toString()\n\n\t\tconst body = d3select(document.body)\n\t\tthis.d = body\n\t\t\t.append('div')\n\t\t\t.attr('class', 'sja_menu_div')\n\t\t\t.style('display', 'none')\n\t\t\t.style('position', 'absolute')\n\t\t\t.style('background-color', 'white')\n\t\t\t.on('mousedown.menu' + this.typename, event => {\n\t\t\t\t/* \n\t\t\t\t\tWhen clicking on non-interactive elements within a menu, \n\t\t\t\t\tit should trigger other menus to be hidden. For example,\n\t\t\t\t\tclicking on an empty spot in a parent menu should close \n\t\t\t\t\tany submenu that are open, which is done by allowing the \n\t\t\t\t\tmousedown event to propagate to the body (default behavior).\n\t\t\t\t*/\n\t\t\t\tconst t = d3select(event.target)\n\t\t\t\tif (\n\t\t\t\t\t/*** \n\t\t\t\t\t\tNOTE on interactive menu elements: \n\t\t\t\t\t\tAny menu element (input, button, etc) that has event listeners\n\t\t\t\t\t  is expected to handle that event, including possibly closing any\n\t\t\t\t\t  associated menus, and thus no need to propagate the mousedown event \n\t\t\t\t\t\tto the document body\n\t\t\t\t\t***/\n\t\t\t\t\tt.on('mousedown') ||\n\t\t\t\t\tt.on('click') ||\n\t\t\t\t\t// also assume that the following elements have event listeners by default,\n\t\t\t\t\t// so same logic of not wanting to propagate the event to the body\n\t\t\t\t\t['INPUT', 'SELECT', 'TEXTAREA'].includes(event.target.tagName.toUpperCase())\n\t\t\t\t) {\n\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t} /* else {\n\t\t\t\t\t // allow the bubbling of the mouse event to the document body\n\t\t\t\t}*/\n\t\t\t})\n\t\t\t.on('keyup', event => {\n\t\t\t\tif (event.key == 'Escape') this.hide()\n\t\t\t})\n\n\t\tthis.dnode = this.d.node()\n\n\t\t// detect if this menu is launched from within another menu\n\t\t// (aka, the 'parent_menu'); this value may be empty (undefined, null)\n\t\t// check if this.d isn't empty before assigning parent_menu\n\t\tif (Object.values(this.d._groups[0]).length) this.dnode.parent_menu = arg.parent_menu //; console.log(74, this.dnode.parent_menu)\n\n\t\tif (arg.ancestor_menus) this.dnode.ancestor_menus = arg.ancestor_menus // attach property to DOM node, since other code does not know about any menu instance directly, but can detect properties of other menus by DOM node\n\n\t\tbody.on('mousedown.menu' + this.typename, event => {\n\t\t\t// when pressing the mouse cursor on the menu itself or any of its submenu, it should stay open\n\t\t\tif (this.dnode.contains(event.target)) return\n\t\t\t// this assumes that the mousedown occured on the menu holder itself (not any of its child elements)\n\t\t\tif (event.target.parent_menu === this.dnode) return\n\t\t\t// detect in case the mousedown occurred on a menu's child element,\n\t\t\t// in which case the menu's parent should still be not hidden\n\t\t\tconst menu = event.target.closest('.sja_menu_div')\n\t\t\tif (menu && (menu.parent_menu === this.dnode || menu.ancestor_menus?.includes(this.dnode))) return // the menu div that was clicked, does it have parent or ancestor menus, and is my DOM div one of them? if yes, I shouldn't hide myself\n\t\t\t// close a menu for all other mousedown events outside of its own div or submenu\n\t\t\tthis.hide()\n\t\t})\n\n\t\tconst base_zindex = get_base_zindex()\n\t\tif (base_zindex) {\n\t\t\tthis.d.style('z-index', base_zindex + 1)\n\t\t}\n\n\t\tthis.d.style('padding', 'padding' in arg ? arg.padding : '10px')\n\t\tif (arg.border) {\n\t\t\tthis.d.style('border', arg.border)\n\t\t} else {\n\t\t\tthis.d.style('box-shadow', '0px 2px 4px 1px #999')\n\t\t}\n\t\tthis.offsetX = Number.isInteger(arg.offsetX) ? arg.offsetX : 20\n\t\tthis.offsetY = Number.isInteger(arg.offsetY) ? arg.offsetY : 20\n\t\t// The hideXmute and hideYmute options would cancel tip hiding if the\n\t\t// cursor's X,Y movement is less than the corresponding hide*mute value.\n\t\t// This helps avoid flickering when the tooltip div blocks a stationary cursor,\n\t\t// which trigers an unwanted mouseout of the element that triggered a mouseover.\n\t\t// Also useful for decreasing the sensitivity of the mouseout behavior in general.\n\t\tthis.hideXmute = Number.isInteger(arg.hideXmute) ? arg.hideXmute : 0\n\t\tthis.hideYmute = Number.isInteger(arg.hideYmute) ? arg.hideYmute : 0\n\t\tthis.prevX = -1\n\t\tthis.prevY = -1\n\t\t// string selector option to limit clear()/removal of elements\n\t\t// so that other elements may persist within tip.d\n\t\tthis.clearSelector = arg.clearSelector\n\n\t\tif (arg.onHide) this.onHide = arg.onHide\n\t}\n\n\tclear() {\n\t\tif (this.clearSelector) this.d.select(this.clearSelector).selectAll('*').remove()\n\t\telse this.d.selectAll('*').remove()\n\t\treturn this\n\t}\n\t/*\n\t To note: if shift and scroll are true, shift sets x & y.\n\t Set shift to false to use scroll\n   \n   _elem: the element for which the menu was launched, optional\n\t*/\n\tshow(_x, _y, shift = true, down = true, scroll = true, elem = null) {\n\t\tlet x = _x\n\t\tlet y = _y\n\t\tthis.prevX = _x\n\t\tthis.prevY = _y\n\n\t\t// show around a given point\n\t\tdocument.body.appendChild(this.dnode)\n\t\tthis.d.style('display', 'block')\n\t\tif (scroll) {\n\t\t\tx = x + window.scrollX\n\t\t\ty = y + window.scrollY\n\t\t}\n\t\tif (shift) {\n\t\t\tx = x + this.offsetX\n\t\t\ty = y + this.offsetY\n\t\t}\n\t\tconst width = window.innerWidth\n\t\tconst height = window.innerHeight\n\t\tconst middlex = width / 2\n\t\tconst middley = height / 2\n\t\tconst p = this.dnode.getBoundingClientRect()\n\n\t\t//does not fit to the left\n\t\tif (width - x < middlex && x + p.width > width) this.d.style('left', null).style('right', width - x + 'px')\n\t\telse this.d.style('left', x + 'px').style('right', null)\n\n\t\t//does not fit to the bottom\n\t\tif (!down && height - y < middley && y - window.scrollY - p.height > 0)\n\t\t\tthis.d.style('top', null).style('bottom', height - y + 'px')\n\t\telse this.d.style('top', y + 'px').style('bottom', null)\n\t\tthis.d.transition().style('opacity', 1)\n\n\t\tif (elem) this.setTabNavigation(elem)\n\t\t// assume the global event.target corresponds to a clicked/\"moused\" element that launched the menu\n\t\telse if (showMenuTriggers.has(window.event?.type)) this.setTabNavigation(window.event.target)\n\n\t\treturn this\n\t}\n\n\t// simplified alternative to show(), with less arguments\n\t// _x, _y: desired position in the client window\n\t// opts{}:\n\t//   elem: the element for which the menu was launched, will get focus when tabbing back from the menu\n\tshow2(_x, _y, opts = {}) {\n\t\tlet x = _x\n\t\tlet y = _y\n\t\tthis.prevX = _x\n\t\tthis.prevY = _y\n\n\t\t// show around a given point\n\t\tdocument.body.appendChild(this.dnode)\n\t\tthis.d.style('display', 'block')\n\n\t\t// the event.clientX and event.clientY are already veiwport positions.\n\t\t// when position == absolute, (what we have now) the scroll position has to be considered.\n\t\t// when position == fixed, relative to the viewport, the scroll could be ignored, but the menu doesn't follow the scroll\n\t\tx = x + window.scrollX + this.offsetX // by adding the scroll, the postion of menu becomes relative to document.body\n\t\ty = y + window.scrollY + this.offsetY\n\n\t\tconst width = window.innerWidth\n\t\tconst height = window.innerHeight\n\t\tconst middlex = width / 2\n\t\tconst middley = height / 2\n\t\tconst p = this.dnode.getBoundingClientRect()\n\n\t\t//does not fit to the right\n\t\t// \"right\" is relative to the right side of menu and window\n\t\tif (x + p.width > width) this.d.style('left', '').style('right', '5px')\n\t\telse this.d.style('left', x + 'px').style('right', '')\n\n\t\t// for now, the users have to scroll down to see the entire menu if there is not enough height for the menu\n\t\t// TODO: reposition the menu to make it at least partially visible.\n\t\tthis.d.style('top', y + 'px').style('bottom', '')\n\t\tthis.d.transition().style('opacity', 1)\n\n\t\tif (opts.elem) this.setTabNavigation(opts.elem)\n\t\treturn this\n\t}\n\n\t// opts{}: can supply offsetX and offsetY\n\t// necessary because .showunder() uses .show(shift=false), which\n\t// ignores offsetY in the constructor option\n\tshowunder(elem, _opts = {}) {\n\t\t// route to .show()\n\t\tconst opts = Object.assign({ offsetX: 0, offsetY: 0 }, _opts)\n\t\tconst p = elem.getBoundingClientRect()\n\t\tconst x = p.left + window.scrollX + opts.offsetX\n\t\tconst y = p.top + p.height + window.scrollY + 5 + opts.offsetY\n\n\t\treturn this.show(x, y, false, true, false, elem)\n\n\t\t/*\n\t\tthis.d\n\t\t\t.style('display','block')\n\t\t\t.style('right',null)\n\t\t\t.style('bottom',null)\n\t\t\t.style('left', (p.left+window.scrollX)+'px')\n\t\t\t.style('top',  (p.top + p.height + window.scrollY + (yspace || 5) )+'px' )\n\t\t\t.transition().style('opacity',1)\n\t\treturn this\n\t\t*/\n\t}\n\n\tasync setTabNavigation(elem, numTries = 0) {\n\t\t// For Section 508 compliance: assume that the elem triggered showing the menu\n\t\t// and support back-navigation to it from the menu using shift-tab\n\n\t\tconst clickableElems = this.d.node().querySelectorAll(focusableSelector)\n\t\tif (!clickableElems.length) {\n\t\t\t// give time for menu focusable elements to be rendered, up to a number of a certain of tries\n\t\t\tif (numTries < 30) setTimeout(() => this.setTabNavigation(elem, numTries++), 100)\n\t\t\treturn\n\t\t}\n\n\t\tconst firstFocusableChildElem = d3select(clickableElems[0])\n\n\t\tfor (const elem of clickableElems) {\n\t\t\tconst s = d3select(elem)\n\t\t\tif (!elem.getAttribute('tabindex')) s.attr('tabindex', 0)\n\t\t\tif (!s.on('keyup'))\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\ts.on('keyup.menu_tab_nav', event => {\n\t\t\t\t\t\tif (event.key == 'Enter') elem.click()\n\t\t\t\t\t})\n\t\t\t\t}, renderWait)\n\t\t}\n\n\t\tlet lastTabbedTime = Date.now()\n\t\tfirstFocusableChildElem\n\t\t\t.on('keydown.menu_tab_nav', event => {\n\t\t\t\tif (event.key == 'Tab' && event.shiftKey) lastTabbedTime = Date.now()\n\t\t\t})\n\t\t\t.on('blur.menu_tab_nav', () => {\n\t\t\t\tif (Date.now() - lastTabbedTime > renderWait) return\n\t\t\t\telem.focus() // shift focus back to the clicked elem that launched the menu, when shift-tabbing from the firt focusable child element\n\t\t\t\tthis.hide()\n\t\t\t})\n\t\t// .node()\n\t\t// .focus(); console.log(270, clickableElems[0]);\n\n\t\tsetTimeout(() => clickableElems[0].focus(), renderWait)\n\t}\n\n\tshowunderoffset(dom) {\n\t\t// route to .show()\n\t\tconst p = dom.getBoundingClientRect()\n\t\tconst y = p.top + p.height + window.scrollY + 5\n\t\treturn this.show(p.left, y, true, true, false)\n\n\t\t/*\n\t\tthis.d\n\t\t\t.style('display','block')\n\t\t\t.style('right',null)\n\t\t\t.style('bottom',null)\n\t\t\t.style('left', (p.left+window.scrollX)+'px')\n\t\t\t.style('top',  (p.top + p.height + window.scrollY + (yspace || 5) )+'px' )\n\t\t\t.transition().style('opacity',1)\n\t\treturn this\n\t\t*/\n\t}\n\n\t// this hide() method may be overriden with a custom method by getCustomApi(overrides)\n\thide(event) {\n\t\tif (event) {\n\t\t\t// event can be undefined\n\t\t\t// prevent flickering, decrease sensitivity of tooltip to movement on mouseout\n\t\t\tif (\n\t\t\t\tMath.abs(this.prevX - event.clientX) < this.hideXmute &&\n\t\t\t\tMath.abs(this.prevY - event.clientY) < this.hideYmute\n\t\t\t)\n\t\t\t\treturn\n\t\t}\n\t\tif (!this.fadeTimeout) this.d.style('display', 'none').style('opacity', 0)\n\t\tif (this.onHide) this.onHide()\n\t\treturn this\n\t}\n\n\tfadeout() {\n\t\tthis.d\n\t\t\t.transition()\n\t\t\t.style('opacity', 0)\n\t\t\t.on('end', () => this.d.style('display', 'none'))\n\t\treturn this\n\t}\n\n\tconfirm({ html, timeout }) {\n\t\tthis.d.selectAll('*').remove()\n\t\tthis.d.append('div').style('padding', '5px').html(html)\n\t\tif (timeout)\n\t\t\tthis.fadeTimeout = setTimeout(() => {\n\t\t\t\tthis.fadeout()\n\t\t\t\tdelete this.fadeTimeout\n\t\t\t}, 3000)\n\t}\n\n\ttoggle() {\n\t\tif (!this.hidden) {\n\t\t\tthis.hide()\n\t\t\tthis.hidden = true\n\t\t} else {\n\t\t\tthis.d.style('opacity', 1).style('display', 'block')\n\t\t\tthis.hidden = false\n\t\t}\n\t\treturn this\n\t}\n\n\t/*\n\t\tCreate a custom instance API with method and/or property overrides;\n\t\tthis will simplify sharing of the same tip instance among different\n\t\tcomponents/code, such as a chart edit menu with an embedded termsetting\n\t\tedit menu, where the tip.hide() can be shared but tip.clear() will be\n\t\tapplied only to a specific div in the overall menu div\n\t\t\n\t\tExample usage: \n\t\tconst tip = new Menu()\n\t\tconst subsection = tip.d.append('div')\n\t\tconst customTipApi = tip.getCustomApi({\n\t\t\td: subsection, // expose only a subsection of the whole tip.d,\n\t\t\tshow: () => {\n\t\t\t\tsubsection.style('display', 'block')\n\t\t\t},\n\t\t\thide: () => {\n\t\t\t\tsubsection.style('display', 'none')\n\t\t\t},\n\t\t\tclear: () => {\n\t\t\t\tsubsection.selectAll('*').remove() // clear only the subsection\n\t\t\t\treturn customTipApi\n\t\t\t}\n\t\t})\n\t*/\n\tgetCustomApi(overrides = {}) {\n\t\t// the current instance will be used as the api's prototype via Object.create(),\n\t\t// so that any property or method that is not overriden will\n\t\t// refer to this instance's original property or method\n\t\tconst api = Object.create(this)\n\t\tObject.assign(api, overrides)\n\t\treturn api\n\t}\n\n\tdestroy() {\n\t\t//For testing to remove completely from the document.body without using d3select()\n\t\tthis.d.remove()\n\t}\n}\n"],
+  "mappings": "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",
+  "names": ["observer", "base_zindex", "elem"]
+}