@sjcrh/proteinpaint-client 2.181.0 → 2.183.0

package/dist/chunk-A6TQGNDQ.js

@@ -0,0 +1,421 @@
+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 (!selem.on("click") && !svgClickable.has(elem.tagName) && !clickableSjClasses.find((cls) => elem.classList?.contains(cls)))
+        continue;
+      selem.attr("tabindex", 0).on("keyup.root_observer", (event2) => {
+        if (event2.key == "Enter") {
+          const box = event2.target.getBoundingClientRect();
+          const clientX = box.x + 0.5 * box.width;
+          const clientY = box.y + box.height;
+          event2.target.dispatchEvent(new MouseEvent("mousedown", { bubbles: true, clientX, clientY }));
+          event2.target.dispatchEvent(new MouseEvent("mouseup", { bubbles: true, clientX, clientY }));
+          event2.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 urlpath = window.location.pathname;
+var isTestPage = urlpath.includes("testrun.html") || urlpath.includes("puppet.html");
+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").attr("data-testid", arg.testid || "sjpp-menu-div").style("display", "none").style("position", "absolute").style("background-color", "white").on("mousedown.menu" + this.typename, (event2) => {
+      const t = select_default(event2.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(event2.target.tagName.toUpperCase())
+      ) {
+        event2.stopPropagation();
+      }
+    }).on("keyup", (event2) => {
+      if (event2.key == "Escape") this.hide();
+    });
+    this.dnode = this.d.node();
+    this.setRelatedMenus(arg);
+    body.on("mousedown.menu" + this.typename, (event2) => {
+      if (this.dnode.contains(event2.target)) return;
+      if (event2.target.parent_menu === this.dnode) return;
+      if (this.dnode.ancestor_menus?.includes(this.dnode)) return;
+      const menu = event2.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;
+  }
+  setRelatedMenus(arg) {
+    if (Object.values(this.d._groups[0]).length) this.dnode.parent_menu = arg.parent_menu;
+    this.dnode.ancestor_menus = arg.ancestor_menus || [];
+    if (this.dnode.parent_menu && !this.dnode.ancestor_menus.includes(this.dnode.parent_menu)) {
+      this.dnode.ancestor_menus.push(this.dnode.parent_menu);
+    }
+    const ancestor_menus = this.dnode.ancestor_menus.slice(0);
+    while (ancestor_menus.length) {
+      const m = ancestor_menus.pop();
+      if (!m) continue;
+      if (m.parent_menu && !this.dnode.ancestor_menus.includes(m.parent_menu)) {
+        this.dnode.ancestor_menus.push(m.parent_menu);
+      }
+      if (m.ancestor_menus) {
+        for (const mm of m.ancestor_menus) {
+          if (!this.dnode.ancestor_menus.includes(mm)) this.dnode.ancestor_menus.push(mm);
+        }
+      }
+    }
+  }
+  clear() {
+    if (this.clearSelector) {
+      const elem = this.d.select(this.clearSelector);
+      elem.selectAll("*").remove();
+      elem.node().replaceChildren();
+    } else {
+      this.d.selectAll("*").remove();
+      this.dnode.replaceChildren();
+    }
+    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) {
+      this.d.style("top", `${y - p.height}px`).style("bottom", null);
+    } 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);
+    if (elem) this.stickyPosition(elem);
+    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)].filter((elem2) => elem2.checkVisibility());
+    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", (event2) => {
+            if (event2.key == "Enter") elem2.click();
+          });
+        }, renderWait);
+    }
+    let lastTabbedTime = Date.now();
+    function setLastTabbedTime(event2) {
+      if (event2.key == "Tab" && event2.shiftKey) lastTabbedTime = Date.now();
+    }
+    function focusOnLauncherElem(tip, launcherElem) {
+      if (Date.now() - lastTabbedTime > tabWait) return;
+      if (document.activeElement === document.body || tip.dnode.contains(document.activeElement) || event.target?.closest(".sja_menu_div")?.ancestor_menus?.includes(this.dnode))
+        return;
+      tip.hide();
+      launcherElem.focus();
+    }
+    const tabWait = 100;
+    firstFocusableChildElem.on("keydown.menu_tab_nav", setLastTabbedTime).on("blur.menu_tab_nav", () => focusOnLauncherElem(this, elem));
+    const searchElem = elem.type === "search" ? elem : elem.querySelector(`input[type='search']`);
+    if (!searchElem) {
+      setTimeout(() => (clickableElems.find(priorityFocusElem) || clickableElems[0]).focus(), renderWait);
+    } else if (searchElem) {
+      const search = select_default(searchElem);
+      if (!search.on("keyup")) {
+        search.on("keyup", (event2) => {
+          if (!event2.key.startsWith("Arrow")) return;
+          const clickableElems2 = [...this.d.node().querySelectorAll(focusableSelector)].filter(
+            (elem2) => elem2.checkVisibility()
+          );
+          if (!clickableElems2.length) return;
+          if (event2.key == "ArrowDown") {
+            clickableElems2[0].focus();
+            select_default(clickableElems2[0]).on("keydown.menu_tab_nav", setLastTabbedTime).on("blur.menu_tab_nav", () => focusOnLauncherElem(this, searchElem));
+          }
+        });
+      }
+    }
+  }
+  showunderoffset(dom) {
+    const p = dom.getBoundingClientRect();
+    const y = p.top + p.height + window.scrollY + 5;
+    return this.show(p.left, y, true, true, false);
+  }
+  // stickyPosition() prevents the menu from being scrolled away (above or below) the clicked element,
+  // an issue seen when the clicked element is nested inside a sticky-positioned div such as
+  // the MASS nav header, whereas the menu div that's attached to the body will scroll freely past the
+  // 'stuck' clicked element
+  stickyPosition(elem, _opts = {}) {
+    if (!window.event || window.event.type != "click" || !elem.__data__?.stickyAncestor) return;
+    const top = this.d.style("top");
+    if (!top.endsWith("px")) return;
+    const { height: elemHeight } = elem.getBoundingClientRect();
+    const scrollStartY = window.scrollY;
+    const yPos = Number(top.replace("px", ""));
+    let startRatio;
+    const observerOptions = {
+      // Use a negative margin equal to the 'top' CSS value to trigger
+      // the callback when the element reaches its sticky position.
+      rootMargin: "-0.1px 0px 0px 0px",
+      // Use a small negative value like -0.1px or -1px
+      threshold: [
+        /*0.7, 0.8,*/
+        0.95,
+        1
+      ]
+      // Triggers when the target is xx% visible, when it starts getting stuck or moving again
+    };
+    this.stickyObserver = new IntersectionObserver(([entry]) => {
+      if (startRatio === void 0) startRatio = entry.intersectionRatio;
+      if (entry.intersectionRatio >= 1) {
+        const yAdjust = startRatio >= 1 ? 0 : window.scrollY - scrollStartY + entry.intersectionRect.y;
+        this.d.style("top", `${yPos + yAdjust}px`).style("position", "absolute");
+      } else if (entry.intersectionRatio < 0.95) {
+        if (startRatio < 0.95) return;
+        this.d.style("top", `${yPos + window.scrollY - scrollStartY - entry.intersectionRect.height}px`).style("position", "absolute");
+      } else {
+        this.d.style("top", `${elem.getBoundingClientRect().y + elemHeight}px`).style("position", "fixed");
+      }
+    }, observerOptions);
+    this.stickyObserver.observe(elem.__data__.stickyAncestor);
+  }
+  // this hide() method may be overriden with a custom method by getCustomApi(overrides)
+  hide(event2) {
+    if (event2) {
+      if (Math.abs(this.prevX - event2.clientX) < this.hideXmute && Math.abs(this.prevY - event2.clientY) < this.hideYmute)
+        return;
+    }
+    if (!this.fadeTimeout) this.d.style("display", "none").style("opacity", 0);
+    if (this.onHide) this.onHide();
+    this.stopObserver();
+    return this;
+  }
+  fadeout() {
+    this.stopObserver();
+    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;
+  }
+  stopObserver() {
+    if (!this.stickyObserver) return;
+    this.stickyObserver.disconnect();
+    delete this.stickyObserver;
+  }
+  destroy() {
+    this.stopObserver();
+    this.d.remove();
+  }
+};
+function priorityFocusElem(elem, i) {
+  return elem.tagName == "INPUT" && elem.type == "search";
+}
+function getAncestorWithComputedStyle(elem, key, values) {
+  if (isTestPage || !elem || !values.size) return;
+  const style = window.getComputedStyle(elem);
+  if (values.has(style[key])) return elem;
+  if (elem.tagName == "BODY" || elem.classList?.contains("sja_root_holder") || elem.classList?.contains("sja_menu_div") && elem.parentNode === document.body)
+    return;
+  return elem.parentNode ? getAncestorWithComputedStyle(elem.parentNode, key, values) : void 0;
+}
+
+export {
+  set_base_zindex,
+  observeElem,
+  Menu,
+  getAncestorWithComputedStyle
+};
+//# sourceMappingURL=chunk-A6TQGNDQ.js.map

package/dist/chunk-A6TQGNDQ.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!selem.on('click') &&\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)\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\ttestid\n\t\t- overrides the default testid\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'])\nconst urlpath = window.location.pathname\nconst isTestPage = urlpath.includes('testrun.html') || urlpath.includes('puppet.html')\n\nlet stickyDiv\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.attr('data-testid', arg.testid || 'sjpp-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\tthis.setRelatedMenus(arg)\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 if mousedown occurred on any descendent menu\n\t\t\tif (this.dnode.ancestor_menus?.includes(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\tsetRelatedMenus(arg) {\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\t// collect all ancestor menus so that they can be detected\n\t\t// in the mousedown.menu event listener\n\t\tthis.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\t\tif (this.dnode.parent_menu && !this.dnode.ancestor_menus.includes(this.dnode.parent_menu)) {\n\t\t\tthis.dnode.ancestor_menus.push(this.dnode.parent_menu)\n\t\t}\n\t\tconst ancestor_menus = this.dnode.ancestor_menus.slice(0)\n\t\twhile (ancestor_menus.length) {\n\t\t\tconst m = ancestor_menus.pop()\n\t\t\tif (!m) continue // m may be a null element, needs to be skipped\n\t\t\tif (m.parent_menu && !this.dnode.ancestor_menus.includes(m.parent_menu)) {\n\t\t\t\tthis.dnode.ancestor_menus.push(m.parent_menu)\n\t\t\t}\n\t\t\tif (m.ancestor_menus) {\n\t\t\t\tfor (const mm of m.ancestor_menus) {\n\t\t\t\t\tif (!this.dnode.ancestor_menus.includes(mm)) this.dnode.ancestor_menus.push(mm)\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tclear() {\n\t\t// always use d3-selection.remove() in case it handles cancelling event listeners or other\n\t\t// housekeeping tasks, but this does not remove html text that are not nested inside tags like <span>\n\t\t// TODO: research if d3-selection.remove() has no advantage over native replaceChildren()\n\t\tif (this.clearSelector) {\n\t\t\tconst elem = this.d.select(this.clearSelector)\n\t\t\telem.selectAll('*').remove()\n\t\t\t// this will remove all text that are not nested inside html tags\n\t\t\telem.node().replaceChildren()\n\t\t} else {\n\t\t\tthis.d.selectAll('*').remove()\n\t\t\t// this will remove all text that are not nested inside html tags\n\t\t\tthis.dnode.replaceChildren()\n\t\t}\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// NOTE: always set the top position, not bottom which is not reliable when\n\t\t// the body {position: 'relative'}, in case PP is embedded in an external portal\n\t\t// with different css styles for <body> where sja_menu_divs are appended\n\t\tif (!down && height - y < middley && y - window.scrollY > p.height) {\n\t\t\t// does not fit to the bottom\n\t\t\tthis.d.style('top', `${y - p.height}px`).style('bottom', null)\n\t\t} else 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\tif (elem) this.stickyPosition(elem)\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)].filter(elem => elem.checkVisibility())\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) // wait for rendered elements to include enforced tabindex, before any triggered click()\n\t\t}\n\n\t\tlet lastTabbedTime = Date.now()\n\t\tfunction setLastTabbedTime(event) {\n\t\t\t// navigating away from the first clickable element, if this triggers\n\t\t\t// the blur of the first element then the 'onblur' timing should be very quick\n\t\t\tif (event.key == 'Tab' && event.shiftKey) lastTabbedTime = Date.now()\n\t\t}\n\t\tfunction focusOnLauncherElem(tip, launcherElem) {\n\t\t\t// detect if the blur is caused by something other than a tabbed navigation away from the first element\n\t\t\tif (Date.now() - lastTabbedTime > tabWait) return\n\t\t\t// do not trigger focusing back to firstFocusableChildElem or closing the tooltip\n\t\t\t// if there is no activeElement or if it's inside the tooltip\n\t\t\tif (\n\t\t\t\tdocument.activeElement === document.body ||\n\t\t\t\ttip.dnode.contains(document.activeElement) ||\n\t\t\t\tevent.target?.closest('.sja_menu_div')?.ancestor_menus?.includes(this.dnode)\n\t\t\t)\n\t\t\t\treturn\n\t\t\ttip.hide()\n\t\t\tlauncherElem.focus() // switch focus back to the clicked elem that launched the menu, when shift-tabbing from the first focusable child element\n\t\t}\n\n\t\tconst tabWait = 100\n\t\tfirstFocusableChildElem\n\t\t\t.on('keydown.menu_tab_nav', setLastTabbedTime)\n\t\t\t.on('blur.menu_tab_nav', () => focusOnLauncherElem(this, elem))\n\n\t\tconst searchElem = elem.type === 'search' ? elem : elem.querySelector(`input[type='search']`)\n\t\tif (!searchElem) {\n\t\t\tsetTimeout(() => (clickableElems.find(priorityFocusElem) || clickableElems[0]).focus(), renderWait)\n\t\t} else if (searchElem) {\n\t\t\t// do not autofocus on menu, since the user may still be typing the text to search\n\t\t\tconst search = d3select(searchElem)\n\t\t\tif (!search.on('keyup')) {\n\t\t\t\tsearch.on('keyup', event => {\n\t\t\t\t\tif (!event.key.startsWith('Arrow')) return\n\t\t\t\t\tconst clickableElems = [...this.d.node().querySelectorAll(focusableSelector)].filter(elem =>\n\t\t\t\t\t\telem.checkVisibility()\n\t\t\t\t\t)\n\t\t\t\t\tif (!clickableElems.length) return\n\t\t\t\t\tif (event.key == 'ArrowDown') {\n\t\t\t\t\t\tclickableElems[0].focus()\n\t\t\t\t\t\td3select(clickableElems[0])\n\t\t\t\t\t\t\t.on('keydown.menu_tab_nav', setLastTabbedTime)\n\t\t\t\t\t\t\t.on('blur.menu_tab_nav', () => focusOnLauncherElem(this, searchElem))\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t}\n\n\tshowunderoffset(dom) {\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// stickyPosition() prevents the menu from being scrolled away (above or below) the clicked element,\n\t// an issue seen when the clicked element is nested inside a sticky-positioned div such as\n\t// the MASS nav header, whereas the menu div that's attached to the body will scroll freely past the\n\t// 'stuck' clicked element\n\tstickyPosition(elem, _opts = {}) {\n\t\t// only setup an observer on click event, not other transient mouse events such as mousemove,\n\t\t// to limit the performance penalty to known static button/label interactions\n\t\tif (!window.event || window.event.type != 'click' || !elem.__data__?.stickyAncestor) return\n\n\t\tconst top = this.d.style('top')\n\t\tif (!top.endsWith('px')) return\n\t\tconst { height: elemHeight } = elem.getBoundingClientRect()\n\t\tconst scrollStartY = window.scrollY\n\t\tconst yPos = Number(top.replace('px', '')) // y-position before any relevant scrolling has occurred\n\t\tlet startRatio\n\n\t\t// The IntersectionObserver approach below is much reliable than a previous fix\n\t\t// of moving the menu div from the body to be nested under the sticky ancestor.\n\t\t// That previous fix broke when there is an ancestor div with `overflow-y: clip`,\n\t\t// causing some of the menu inputs to be hidden and unusable (see https://gdc-ctds.atlassian.net/browse/SV-2716).\n\t\t// Previous fix at https://github.com/stjude/proteinpaint/blob/364183d8afb9d961cc948dec2496e48dc79f6dbe/client/dom/menu.js#L360)\n\t\tconst observerOptions = {\n\t\t\t// Use a negative margin equal to the 'top' CSS value to trigger\n\t\t\t// the callback when the element reaches its sticky position.\n\t\t\trootMargin: '-0.1px 0px 0px 0px', // Use a small negative value like -0.1px or -1px\n\t\t\tthreshold: [/*0.7, 0.8,*/ 0.95, 1.0] // Triggers when the target is xx% visible, when it starts getting stuck or moving again\n\t\t}\n\n\t\tthis.stickyObserver = new IntersectionObserver(([entry]) => {\n\t\t\tif (startRatio === undefined) startRatio = entry.intersectionRatio\n\t\t\t// entry.intersectionRatio < 1 means the element is not fully within\n\t\t\t// the calculated root bounds (i.e., it is pinned).\n\t\t\tif (entry.intersectionRatio >= 1) {\n\t\t\t\tconst yAdjust = startRatio >= 1 ? 0 : window.scrollY - scrollStartY + entry.intersectionRect.y\n\t\t\t\t// observed element moves with scroll, before becoming sticky as there is space\n\t\t\t\t// between the bottom of the observed element and the viewport\n\t\t\t\tthis.d.style('top', `${yPos + yAdjust}px`).style('position', 'absolute')\n\t\t\t} else if (entry.intersectionRatio < 0.95) {\n\t\t\t\t// do not adjust the position style if, before the menu was shown,\n\t\t\t\t// the window is already scrolled and the observed element is already unstuck moving again,\n\t\t\t\t// since the current absolute top position would already scroll with the window as intended\n\t\t\t\tif (startRatio < 0.95) return\n\t\t\t\t// observed element again moves with scroll, after becoming sticky and\n\t\t\t\t// as the bottom of the scrolled div reaches the bottom of the stuck observed element;\n\t\t\t\t// need to add back the skipped scroll pixels to the top position\n\t\t\t\tthis.d\n\t\t\t\t\t.style('top', `${yPos + window.scrollY - scrollStartY - entry.intersectionRect.height}px`)\n\t\t\t\t\t.style('position', 'absolute')\n\t\t\t} else {\n\t\t\t\t// the observed element is currently sticky, the menu position should stay fixed near the clicked elem\n\t\t\t\tthis.d.style('top', `${elem.getBoundingClientRect().y + elemHeight}px`).style('position', 'fixed')\n\t\t\t}\n\t\t}, observerOptions)\n\n\t\tthis.stickyObserver.observe(elem.__data__.stickyAncestor)\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\n\t\tthis.stopObserver()\n\t\treturn this\n\t}\n\n\tfadeout() {\n\t\tthis.stopObserver()\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\tstopObserver() {\n\t\tif (!this.stickyObserver) return\n\t\tthis.stickyObserver.disconnect()\n\t\tdelete this.stickyObserver\n\t}\n\n\tdestroy() {\n\t\tthis.stopObserver()\n\t\t//For testing to remove completely from the document.body without using d3select()\n\t\tthis.d.remove()\n\t}\n}\n\n// within the menu, the focus should go to what the user would likely use first,\n// instead of going by the layout order\nfunction priorityFocusElem(elem, i) {\n\treturn elem.tagName == 'INPUT' && elem.type == 'search'\n}\n\n// find an element that has a matching computed CSS key-value\n// elem: DOM element\n// key: the style property to check\n// values: a Set of desired CSS values\nexport function getAncestorWithComputedStyle(elem, key, values) {\n\tif (isTestPage || !elem || !values.size) return\n\tconst style = window.getComputedStyle(elem)\n\tif (values.has(style[key])) return elem\n\tif (\n\t\telem.tagName == 'BODY' ||\n\t\telem.classList?.contains('sja_root_holder') ||\n\t\t(elem.classList?.contains('sja_menu_div') && elem.parentNode === document.body)\n\t)\n\t\treturn\n\treturn elem.parentNode ? getAncestorWithComputedStyle(elem.parentNode, key, values) : undefined\n}\n"],
+  "mappings": "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",
+  "names": ["observer", "event", "event", "base_zindex", "elem", "clickableElems"]
+}