flexdesk 0.17.18 → 0.18.0

package/dist/chunk-Q7BALEPX.js

@@ -0,0 +1,527 @@
+// src/ui/utils/modal_host.js
+var host = null;
+function setModalHost(el2) {
+  host = el2 || null;
+}
+function modalHost() {
+  return host;
+}
+
+// src/ui/components/anchored_layer.js
+var EDGE_MARGIN = 8;
+var GAP = 8;
+var NO_BOX = { left: 0, right: 0, top: 0, bottom: 0, width: 0, height: 0 };
+function positionAnchored(anchor, panel, { align = "start", gap = GAP, margin = EDGE_MARGIN, matchWidth = false } = {}) {
+  if (!panel) return;
+  Object.assign(panel.style, {
+    position: "fixed",
+    top: "auto",
+    bottom: "auto",
+    left: "auto",
+    right: "auto",
+    maxHeight: "",
+    overflowY: ""
+  });
+  const box = anchor?.getBoundingClientRect?.() || NO_BOX;
+  if (matchWidth) panel.style.minWidth = `${Math.round(box.width)}px`;
+  const size = panel.getBoundingClientRect();
+  const doc = anchor?.ownerDocument || document;
+  const view = doc.defaultView || window;
+  const vw = doc.documentElement.clientWidth || view.innerWidth;
+  const vh = doc.documentElement.clientHeight || view.innerHeight;
+  const spaceBelow = vh - box.bottom - gap - margin;
+  const spaceAbove = box.top - gap - margin;
+  let top;
+  let maxHeight;
+  if (size.height <= spaceBelow) {
+    top = box.bottom + gap;
+    maxHeight = spaceBelow;
+  } else if (size.height <= spaceAbove) {
+    top = box.top - gap - size.height;
+    maxHeight = spaceAbove;
+  } else if (spaceBelow >= spaceAbove) {
+    top = box.bottom + gap;
+    maxHeight = spaceBelow;
+  } else {
+    maxHeight = spaceAbove;
+    top = margin;
+  }
+  let left;
+  if (align === "end") {
+    left = box.right - size.width;
+    if (left < margin) left = box.left;
+  } else {
+    left = box.left;
+    if (left + size.width > vw - margin) left = box.right - size.width;
+  }
+  left = Math.max(margin, Math.min(left, vw - size.width - margin));
+  Object.assign(panel.style, {
+    position: "fixed",
+    top: `${Math.round(top)}px`,
+    left: `${Math.round(left)}px`,
+    maxHeight: `${Math.round(maxHeight)}px`,
+    overflowY: "auto"
+  });
+}
+var FOREIGN_FLOATS = ".twm-action-dropdown-menu, .twm-category-picker, .twm-context-menu";
+var FOREIGN_ESCAPE = ".twm-action-dropdown-menu:not([hidden]), .twm-category-picker:not([hidden])";
+var MODAL_WINDOW = ".twm-managed-window--modal";
+var LAYERS = [];
+var holds = (node, target) => !!node && typeof node.contains === "function" && node.contains(target);
+var shownModals = (doc) => [...doc.querySelectorAll(MODAL_WINDOW)].filter((win) => win.style.display !== "none");
+var isInAnchoredLayer = (node) => LAYERS.some((layer) => holds(layer.el, node));
+function openAnchoredLayer({
+  anchor = null,
+  el: el2,
+  align = "start",
+  gap = GAP,
+  matchWidth = false,
+  inside = null,
+  returnFocus = true,
+  onClose = null
+}) {
+  if (anchor && anchor.isConnected === false) return null;
+  while (LAYERS.length && !LAYERS[LAYERS.length - 1].owns(anchor)) LAYERS[LAYERS.length - 1].close("replaced");
+  const doc = anchor?.ownerDocument || document;
+  const view = doc.defaultView || window;
+  (modalHost() || doc.body).appendChild(el2);
+  const modalsUnder = new Set(shownModals(doc));
+  let closed = false;
+  const place = () => {
+    if (closed) return;
+    if (anchor && anchor.isConnected === false) {
+      layer.close("detached");
+      return;
+    }
+    positionAnchored(anchor, el2, { align, gap, matchWidth });
+  };
+  const owns = (target) => {
+    if (holds(el2, target)) return true;
+    for (let i = LAYERS.indexOf(layer) + 1; i < LAYERS.length; i += 1) if (holds(LAYERS[i].el, target)) return true;
+    if (typeof target?.closest !== "function") return false;
+    if (target.closest(FOREIGN_FLOATS)) return true;
+    const modal = target.closest(MODAL_WINDOW);
+    if (modal && !modalsUnder.has(modal)) return true;
+    return !!inside && !!target.closest(inside);
+  };
+  const onPress = (ev) => {
+    if (!holds(anchor, ev.target) && !owns(ev.target)) layer.close("outside");
+  };
+  const onDocKey = (ev) => {
+    if (!holds(el2, ev.target)) onKey(ev);
+  };
+  const onKey = (ev) => {
+    if (ev.key !== "Escape" || ev.isComposing || ev.defaultPrevented) return;
+    if (LAYERS[LAYERS.length - 1] !== layer) return;
+    if (doc.querySelector(FOREIGN_ESCAPE)) return;
+    if (shownModals(doc).some((win) => !modalsUnder.has(win))) return;
+    ev.preventDefault();
+    ev.stopPropagation();
+    layer.close("escape");
+  };
+  const onScroll = (ev) => {
+    if (!holds(el2, ev.target)) place();
+  };
+  const sized = typeof ResizeObserver === "function" ? new ResizeObserver(() => place()) : null;
+  const layer = {
+    el: el2,
+    anchor,
+    place,
+    owns,
+    close(reason = "closed") {
+      if (closed) return;
+      while (LAYERS[LAYERS.length - 1] !== layer) LAYERS[LAYERS.length - 1].close("parent");
+      closed = true;
+      const active = doc.activeElement;
+      const held = holds(el2, active) || active === doc.body;
+      doc.removeEventListener("pointerdown", onPress, true);
+      doc.removeEventListener("mousedown", onPress, true);
+      doc.removeEventListener("keydown", onDocKey, true);
+      el2.removeEventListener("keydown", onKey);
+      view.removeEventListener("resize", place);
+      view.removeEventListener("scroll", onScroll, true);
+      sized?.disconnect();
+      el2.remove();
+      LAYERS.pop();
+      if (returnFocus && held && reason !== "blur" && anchor?.isConnected) anchor.focus?.({ preventScroll: true });
+      onClose?.(reason);
+    }
+  };
+  LAYERS.push(layer);
+  setTimeout(() => {
+    if (closed) return;
+    doc.addEventListener("pointerdown", onPress, true);
+    doc.addEventListener("mousedown", onPress, true);
+  }, 0);
+  doc.addEventListener("keydown", onDocKey, true);
+  el2.addEventListener("keydown", onKey);
+  view.addEventListener("resize", place);
+  view.addEventListener("scroll", onScroll, true);
+  sized?.observe(el2);
+  place();
+  return layer;
+}
+
+// src/ui/components/choice_controls.js
+var shownValue = (v) => v === void 0 ? "" : typeof v === "string" ? v : JSON.stringify(v);
+function el(tag, className, text) {
+  const n = document.createElement(tag);
+  if (className) n.className = className;
+  if (text !== void 0 && text !== null) n.textContent = String(text);
+  return n;
+}
+var isGroup = (o) => o !== null && typeof o === "object" && Array.isArray(o.options) && "group" in o;
+function choiceOption(o) {
+  if (o === null || typeof o !== "object") {
+    return {
+      value: o,
+      label: shownValue(o),
+      description: null,
+      disabled: false,
+      reason: null,
+      icon: null,
+      hint: null,
+      keywords: null,
+      source: o
+    };
+  }
+  return {
+    value: o.value,
+    label: o.label != null ? String(o.label) : shownValue(o.value),
+    description: o.description != null ? String(o.description) : null,
+    disabled: Boolean(o.disabled),
+    reason: o.reason != null && o.reason !== "" ? String(o.reason) : null,
+    icon: o.icon ? String(o.icon) : null,
+    hint: o.hint != null && o.hint !== "" ? String(o.hint) : null,
+    keywords: o.keywords != null ? String(o.keywords) : null,
+    source: o
+  };
+}
+function flatChoices(options) {
+  const out = [];
+  for (const o of options || []) {
+    if (isGroup(o)) for (const inner of o.options) out.push(choiceOption(inner));
+    else out.push(choiceOption(o));
+  }
+  return out;
+}
+function choiceSections(options) {
+  const out = [];
+  for (const o of options || []) {
+    if (isGroup(o)) {
+      if (o.options.length) out.push({ heading: String(o.group ?? ""), items: o.options.map(choiceOption) });
+    } else if (out.length && out[out.length - 1].heading === null) {
+      out[out.length - 1].items.push(choiceOption(o));
+    } else {
+      out.push({ heading: null, items: [choiceOption(o)] });
+    }
+  }
+  return out;
+}
+function optionMatches(option, text) {
+  const needle = String(text ?? "").trim().toLowerCase();
+  if (!needle) return true;
+  return [option.label, shownValue(option.value), option.description, option.keywords].some((part) => String(part ?? "").toLowerCase().includes(needle));
+}
+function filterSections(sections, text) {
+  return sections.map((s) => ({ heading: s.heading, items: s.items.filter((o) => optionMatches(o, text)) })).filter((s) => s.items.length);
+}
+function groupHeads(options) {
+  const heads = /* @__PURE__ */ new Map();
+  let at = 0;
+  for (const o of options || []) {
+    if (!isGroup(o)) {
+      at += 1;
+      continue;
+    }
+    if (o.options.length) heads.set(at, String(o.group ?? ""));
+    at += o.options.length;
+  }
+  return heads;
+}
+var groupHeading = (text) => el("div", "twm-choice__group", text);
+function sameChoice(v, value, loose = false) {
+  if (v === value) return true;
+  if (!loose || v === void 0 || value === void 0 || v === null || value === null) return false;
+  return String(v) === String(value);
+}
+function choiceIndex(list, v, loose = false, from = 0) {
+  for (let i = from; i < list.length; i += 1) if (list[i].value === v) return i;
+  if (!loose) return -1;
+  for (let i = from; i < list.length; i += 1) if (sameChoice(list[i].value, v, true)) return i;
+  return -1;
+}
+function findChoice(list, v, loose = false) {
+  const i = choiceIndex(list, v, loose);
+  return i >= 0 ? list[i] : void 0;
+}
+var optionText = (o) => o.disabled && o.reason ? `${o.label} \u2014 ${o.reason}` : o.label;
+function selectBox(options, value, {
+  empty = null,
+  label = "",
+  notFound = (v) => `${v} (not found)`,
+  keepMissing = true,
+  valueAttr = "index",
+  loose = false,
+  className = "twm-flow-input twm-flow-input--select"
+} = {}) {
+  const box = el("select", className);
+  if (label) box.setAttribute("aria-label", label);
+  let entries = [];
+  const add = (parent, o) => {
+    const attr = valueAttr === "index" ? String(entries.length) : o.value === void 0 ? "" : String(o.value);
+    const opt = el("option", "", optionText(o));
+    opt.value = attr;
+    if (o.disabled) {
+      opt.disabled = true;
+      if (o.reason) opt.title = o.reason;
+    }
+    parent.appendChild(opt);
+    entries.push(o);
+  };
+  const firstEnabled = () => {
+    const i = entries.findIndex((e) => !e.disabled);
+    return i >= 0 ? i : 0;
+  };
+  const select = (v) => {
+    const start = empty !== null ? 1 : 0;
+    const at = choiceIndex(entries, v, loose, start);
+    if (at < 0 || entries[at].disabled || entries[at].stray) return false;
+    box.selectedIndex = at;
+    return true;
+  };
+  const place = (v) => {
+    if (select(v)) return;
+    if (keepMissing && v !== void 0 && v !== null && v !== "") {
+      add(box, {
+        value: v,
+        label: notFound(shownValue(v)),
+        description: null,
+        disabled: false,
+        reason: null,
+        stray: true
+      });
+      box.selectedIndex = entries.length - 1;
+      return;
+    }
+    box.selectedIndex = empty !== null ? 0 : firstEnabled();
+  };
+  const fill = (opts, v) => {
+    box.replaceChildren();
+    entries = [];
+    if (empty !== null) add(box, {
+      value: void 0,
+      label: String(empty),
+      description: null,
+      disabled: false,
+      reason: null
+    });
+    for (const o of opts || []) {
+      if (isGroup(o)) {
+        const g = el("optgroup");
+        g.label = String(o.group ?? "");
+        for (const inner of o.options) add(g, choiceOption(inner));
+        box.appendChild(g);
+      } else {
+        add(box, choiceOption(o));
+      }
+    }
+    place(v);
+  };
+  const entry = () => box.selectedIndex < 0 ? null : entries[box.selectedIndex] ?? null;
+  const valueOf = () => entry()?.value;
+  fill(options, value);
+  return {
+    box,
+    valueOf,
+    entry,
+    select,
+    setOptions(opts, v = valueOf()) {
+      fill(opts, v);
+    }
+  };
+}
+function toggleChips({
+  options,
+  value,
+  label,
+  readOnly,
+  onChange,
+  notFound = (v) => `${v} (not found)`,
+  keepMissing = true,
+  loose = false
+}) {
+  const root = el("div", "twm-flow-togglechips");
+  root.setAttribute("role", "group");
+  if (label) root.setAttribute("aria-label", label);
+  let shown = [];
+  let list = [];
+  let chosen = /* @__PURE__ */ new Set();
+  let strays = [];
+  const emit = () => {
+    const out = valueOf();
+    onChange?.(out.length ? out : void 0);
+  };
+  const chipFor = (text, pressed, toggle, { stray = false, reason = null, disabled = false } = {}) => {
+    const b = el("button", `twm-flow-togglechip${stray ? " twm-flow-togglechip--missing" : ""}`, text);
+    b.type = "button";
+    b.setAttribute("aria-pressed", pressed ? "true" : "false");
+    b.disabled = Boolean(readOnly) || disabled;
+    if (reason) {
+      b.title = reason;
+      b.appendChild(el("span", "twm-choice__reason", reason));
+    }
+    b.addEventListener("click", () => {
+      const on = toggle();
+      b.setAttribute("aria-pressed", on ? "true" : "false");
+      emit();
+    });
+    return b;
+  };
+  const draw = (opts, stored) => {
+    shown = opts || [];
+    list = flatChoices(shown);
+    const heads = groupHeads(shown);
+    const wanted = Array.isArray(stored) ? stored : [];
+    const offered = (v) => {
+      const o = findChoice(list, v, loose);
+      return o && !o.disabled ? o : void 0;
+    };
+    chosen = new Set(wanted.map(offered).filter(Boolean).map((o) => o.value));
+    strays = keepMissing ? wanted.filter((v) => !offered(v)) : [];
+    root.replaceChildren();
+    list.forEach((o, i) => {
+      if (heads.has(i)) root.appendChild(groupHeading(heads.get(i)));
+      root.appendChild(chipFor(o.label, chosen.has(o.value), () => {
+        if (o.disabled) return false;
+        if (chosen.has(o.value)) chosen.delete(o.value);
+        else chosen.add(o.value);
+        return chosen.has(o.value);
+      }, { disabled: o.disabled, reason: o.disabled ? o.reason : null }));
+    });
+    for (const v of [...strays]) {
+      root.appendChild(chipFor(notFound(shownValue(v)), true, () => {
+        const i = strays.indexOf(v);
+        if (i >= 0) {
+          strays.splice(i, 1);
+          return false;
+        }
+        strays.push(v);
+        return true;
+      }, { stray: true }));
+    }
+  };
+  const valueOf = () => [...list.filter((o) => chosen.has(o.value)).map((o) => o.value), ...strays];
+  draw(options, value);
+  return {
+    el: root,
+    valueOf,
+    setValue: (stored) => draw(shown, stored),
+    setOptions: (opts) => draw(opts, valueOf())
+  };
+}
+function choiceList({
+  options,
+  value,
+  name,
+  label,
+  readOnly,
+  onChange,
+  notFound = (v) => `${v} (not found)`,
+  keepMissing = true,
+  loose = false
+}) {
+  const root = el("div", "twm-flow-choices");
+  root.setAttribute("role", "radiogroup");
+  if (label) root.setAttribute("aria-label", label);
+  let list = [];
+  let radios = [];
+  const draw = (opts, current) => {
+    list = flatChoices(opts);
+    const heads = groupHeads(opts);
+    radios = [];
+    root.replaceChildren();
+    const named = choiceIndex(list, current, loose);
+    const at = named >= 0 && !list[named].disabled ? named : -1;
+    list.forEach((o, i) => {
+      if (heads.has(i)) root.appendChild(groupHeading(heads.get(i)));
+      const row = el("label", `twm-flow-choice${o.disabled ? " twm-choice--disabled" : ""}`);
+      const radio = el("input", "twm-flow-choice__radio");
+      radio.type = "radio";
+      radio.name = name;
+      radio.checked = i === at;
+      radio.disabled = Boolean(readOnly) || o.disabled;
+      radio.addEventListener("change", () => {
+        if (radio.checked) onChange?.(o.value);
+      });
+      radios.push(radio);
+      const words = el("span", "twm-flow-choice__words");
+      words.appendChild(el("span", "twm-flow-choice__label", o.label));
+      if (o.description !== null) words.appendChild(el("span", "twm-flow-choice__sub", o.description));
+      if (o.disabled && o.reason) words.appendChild(el("span", "twm-choice__reason", o.reason));
+      row.append(radio, words);
+      root.appendChild(row);
+    });
+    if (keepMissing && current !== void 0 && named < 0) {
+      root.appendChild(el("p", "twm-flow-field__note", notFound(shownValue(current))));
+    }
+  };
+  const checkedAt = () => radios.findIndex((r) => r.checked);
+  const entry = () => list[checkedAt()] ?? null;
+  const api = {
+    el: root,
+    focus: () => (radios.find((r) => r.checked && !r.disabled) || radios.find((r) => !r.disabled))?.focus({ preventScroll: true }),
+    entry,
+    valueOf: () => entry()?.value,
+    select(v) {
+      const named = choiceIndex(list, v, loose);
+      const at = named >= 0 && !list[named].disabled ? named : -1;
+      radios.forEach((r, i) => {
+        r.checked = i === at;
+      });
+      return at >= 0;
+    },
+    setOptions(opts) {
+      draw(opts, api.valueOf());
+    }
+  };
+  draw(options, value);
+  return api;
+}
+
+// src/ui/utils/focusable.js
+function collectFocusable(root) {
+  if (!root) return [];
+  const sel = [
+    "a[href]",
+    "button:not([disabled])",
+    'input:not([disabled]):not([type="hidden"])',
+    "select:not([disabled])",
+    "textarea:not([disabled])",
+    '[tabindex]:not([tabindex="-1"])'
+  ].join(",");
+  return Array.from(root.querySelectorAll(sel)).filter((el2) => {
+    if (el2.hidden) return false;
+    if (el2.closest("[hidden]")) return false;
+    const r = el2.getBoundingClientRect();
+    return r.width > 0 || r.height > 0;
+  });
+}
+
+export {
+  setModalHost,
+  modalHost,
+  positionAnchored,
+  isInAnchoredLayer,
+  openAnchoredLayer,
+  collectFocusable,
+  shownValue,
+  flatChoices,
+  choiceSections,
+  filterSections,
+  findChoice,
+  selectBox,
+  toggleChips,
+  choiceList
+};
+//# sourceMappingURL=chunk-Q7BALEPX.js.map

package/dist/chunk-Q7BALEPX.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/ui/utils/modal_host.js", "../src/ui/components/anchored_layer.js", "../src/ui/components/choice_controls.js", "../src/ui/utils/focusable.js"],
+  "sourcesContent": ["/**\n * C25. WHERE A DIALOG OR A FLOATING PANEL OPENS, when the application spans more\n * than one window.\n *\n * Every modal is a `ManagedWindow` with no `container`, so it mounts into\n * `document.body` \u2014 and \"document\" is the document the MODULE was loaded in. A\n * consumer that opens a second browser window with `window.open` and builds its\n * DOM from the opener's realm (which is how a pop-out grid works: same modules,\n * same JS context, a different document) therefore gets its dialogs in the\n * window it popped OUT of. The user presses \"Add column\" on their second monitor\n * and a dialog appears on the first, behind whatever is there.\n *\n * Passing a container at each call site was the other option and it is worse:\n * twenty-one of them across eleven files, every one of which would have to be\n * given a document it has no other reason to know about, and any one missed is\n * this bug again with no way to see it from here.\n *\n * So the HOST is ambient and the consumer sets it when its focus moves. Null \u2014\n * every consumer today \u2014 means `document.body`, exactly as before.\n *\n * A module of its own because modals and the anchored layers both ask it, and\n * `openForm` draws its combobox on an anchored layer. `modal.js` re-exports both\n * names: that is where they are public.\n */\nlet host = null;\nexport function setModalHost(el) { host = el || null; }\nexport function modalHost() { return host; }\n", "/**\n * ONE WAY TO HANG A PANEL OFF AN ELEMENT. (0.18.0)\n *\n * `positionAnchored` is the placement: `ActionDropdown.position`, `CategoryPicker`,\n * a tile's menu, `openPopover`, `createSelect` and `createCombobox` all place\n * through it, so none of them has a second idea of what \"below, else above,\n * inside the window\" means.\n *\n * `openAnchoredLayer` is the behaviour around the placement:\n *\n *  - the panel is mounted on FlexDesk's modal host (`modalHost()`) or the anchor's\n *    `document.body`, never inside the anchor's parent, so no `overflow: hidden`\n *    ancestor clips it. It is taken off again on close: a closed layer leaves\n *    nothing behind to forget;\n *  - it is placed again when the window resizes, when anything outside it\n *    scrolls and when its own size changes; an anchor that has left the document\n *    closes it;\n *  - it closes on a press outside it and on Escape.\n *\n * LAYERS STACK, because a popover's own controls hang panels too. A select inside\n * a popover is a layer whose anchor is inside the popover; that gives every rule\n * below one answer:\n *\n *  - OPENING a layer closes every open layer that does not own its anchor (so\n *    there is one popover at a time, and a popover's select does not close it);\n *  - A PRESS on what a layer owns is not outside it, and neither is one on its anchor;\n *  - ESCAPE goes to the top layer alone and to nothing else, or the `ManagedWindow`\n *    around the field would close too and take a half-filled form with it. From\n *    inside the panel it is heard as it bubbles out, so that the panel's content\n *    may answer it first (a picker climbing a level); from anywhere else, on the\n *    way in;\n *  - CLOSING a layer closes the layers above it first.\n *\n * WHAT A LAYER OWNS is one question with one answer, for a press and for an anchor\n * alike: the panel; every layer above it; and what floats without being a layer, which\n * is named here: an `ActionDropdown` menu, a `CategoryPicker`, a context menu, a modal\n * window shown after the layer opened (a dialog its content opened), and whatever the\n * caller's `inside` selector names. A modal already showing when the layer opened is\n * UNDER it, however far down the chain of layers it was opened from: it owns none of\n * that and takes no key from it. An open menu or picker, and a modal over the layer,\n * get Escape first.\n *\n * An anchor that has left the document has nothing to hang a panel from: opening on\n * one opens nothing and closes nothing, and answers `null`.\n */\nimport { modalHost } from '../utils/modal_host.js';\n\n/** Viewport margin in px: a placed panel stays this far from the edges. */\nconst EDGE_MARGIN = 8;\n/** Gap between an anchor and its panel in px, unless the caller gives one. */\nconst GAP = 8;\n\nconst NO_BOX = { left: 0, right: 0, top: 0, bottom: 0, width: 0, height: 0 };\n\n/**\n * Place `panel` against `anchor`: `position: fixed`, so no ancestor clips it;\n * under the anchor when it fits there, else above it when it fits there, else on\n * the side with more room, scrolling inside (`max-height` + `overflow-y: auto`);\n * kept `margin` inside the window. The client size is the window: a page\n * scrollbar is not room to draw in.\n *\n * @param {HTMLElement|null} anchor  Null places it at the window's top-left corner.\n * @param {HTMLElement} panel\n * @param {object} [opts]\n * @param {'start'|'end'} [opts.align='start']  Which anchor edge the panel lines up\n *     with first: `'start'` its left, `'end'` its right. Either flips to the other\n *     edge when the panel would leave the window.\n * @param {number} [opts.gap=8]      Px between the anchor and the panel.\n * @param {number} [opts.margin=8]   Px kept clear of the window's edges.\n * @param {boolean} [opts.matchWidth]  The panel is at least as wide as the anchor.\n */\nexport function positionAnchored(anchor, panel, { align = 'start', gap = GAP, margin = EDGE_MARGIN, matchWidth = false } = {}) {\n    if (!panel) return;\n\n    // Reset any prior inline position so natural size can be measured.\n    Object.assign(panel.style, {\n        position: 'fixed',\n        top: 'auto',\n        bottom: 'auto',\n        left: 'auto',\n        right: 'auto',\n        maxHeight: '',\n        overflowY: '',\n    });\n\n    const box = anchor?.getBoundingClientRect?.() || NO_BOX;\n    if (matchWidth) panel.style.minWidth = `${Math.round(box.width)}px`;\n    const size = panel.getBoundingClientRect();\n    const doc = anchor?.ownerDocument || document;\n    const view = doc.defaultView || window;\n    const vw = doc.documentElement.clientWidth || view.innerWidth;\n    const vh = doc.documentElement.clientHeight || view.innerHeight;\n\n    // \u2500\u2500 Vertical: prefer below, flip above if insufficient room \u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    const spaceBelow = vh - box.bottom - gap - margin;\n    const spaceAbove = box.top - gap - margin;\n\n    let top;\n    let maxHeight;\n    if (size.height <= spaceBelow) {\n        top = box.bottom + gap;\n        maxHeight = spaceBelow;\n    } else if (size.height <= spaceAbove) {\n        top = box.top - gap - size.height;\n        maxHeight = spaceAbove;\n    } else if (spaceBelow >= spaceAbove) {\n        // More space below: scroll.\n        top = box.bottom + gap;\n        maxHeight = spaceBelow;\n    } else {\n        // More space above: scroll.\n        maxHeight = spaceAbove;\n        top = margin;\n    }\n\n    // \u2500\u2500 Horizontal: the chosen edge, the other if off-screen, then clamped \u2500\u2500\n    let left;\n    if (align === 'end') {\n        left = box.right - size.width;\n        if (left < margin) left = box.left;\n    } else {\n        left = box.left;\n        if (left + size.width > vw - margin) left = box.right - size.width;\n    }\n    left = Math.max(margin, Math.min(left, vw - size.width - margin));\n\n    Object.assign(panel.style, {\n        position: 'fixed',\n        top: `${Math.round(top)}px`,\n        left: `${Math.round(left)}px`,\n        maxHeight: `${Math.round(maxHeight)}px`,\n        overflowY: 'auto',\n    });\n}\n\n/** What floats without being a layer. See the header. */\nconst FOREIGN_FLOATS = '.twm-action-dropdown-menu, .twm-category-picker, .twm-context-menu';\n/** Which of those answer Escape themselves while open. */\nconst FOREIGN_ESCAPE = '.twm-action-dropdown-menu:not([hidden]), .twm-category-picker:not([hidden])';\nconst MODAL_WINDOW = '.twm-managed-window--modal';\n\n/** The open layers, bottom first. */\nconst LAYERS = [];\n\nconst holds = (node, target) => !!node && typeof node.contains === 'function' && node.contains(target);\n\nconst shownModals = (doc) => [...doc.querySelectorAll(MODAL_WINDOW)].filter((win) => win.style.display !== 'none');\n\n/** Is `node` in an open layer? A modal's focus trap leaves such focus alone: the panel is outside the modal's frame. */\nexport const isInAnchoredLayer = (node) => LAYERS.some((layer) => holds(layer.el, node));\n\n/**\n * Open `el` as a layer against `anchor`.\n *\n * @param {object} o\n * @param {HTMLElement|null} o.anchor\n * @param {HTMLElement} o.el  The panel. Mounted here, removed on close; reusable.\n * @param {'start'|'end'} [o.align]\n * @param {number} [o.gap]\n * @param {boolean} [o.matchWidth]\n * @param {string} [o.inside]  A selector for floating things of the caller's own:\n *     a press in one is not outside this layer.\n * @param {boolean} [o.returnFocus=true]  Closed with focus inside the panel, or on\n *     nothing, focus goes back to the anchor, unless the reason is `'blur'`: focus\n *     that left is going where it was sent.\n * @param {(reason: string) => void} [o.onClose]  After it is gone. The reasons are\n *     `'outside'`, `'escape'`, `'replaced'`, `'parent'`, `'detached'`, and whatever\n *     the caller passes to `close`.\n * @returns {{el: HTMLElement, anchor: HTMLElement|null, place: () => void, owns: (node: Node) => boolean,\n *            close: (reason?: string) => void}|null}\n *     `null` when `anchor` has left the document: nothing opened, `onClose` will not be called.\n */\nexport function openAnchoredLayer({ anchor = null, el, align = 'start', gap = GAP, matchWidth = false, inside = null,\n                                    returnFocus = true, onClose = null }) {\n    if (anchor && anchor.isConnected === false) return null;\n\n    while (LAYERS.length && !LAYERS[LAYERS.length - 1].owns(anchor)) LAYERS[LAYERS.length - 1].close('replaced');\n\n    const doc = anchor?.ownerDocument || document;\n    const view = doc.defaultView || window;\n    (modalHost() || doc.body).appendChild(el);\n    const modalsUnder = new Set(shownModals(doc));\n\n    let closed = false;\n    const place = () => {\n        if (closed) return;\n        if (anchor && anchor.isConnected === false) { layer.close('detached'); return; }\n        positionAnchored(anchor, el, { align, gap, matchWidth });\n    };\n\n    const owns = (target) => {\n        if (holds(el, target)) return true;\n        for (let i = LAYERS.indexOf(layer) + 1; i < LAYERS.length; i += 1) if (holds(LAYERS[i].el, target)) return true;\n        if (typeof target?.closest !== 'function') return false;\n        if (target.closest(FOREIGN_FLOATS)) return true;\n        const modal = target.closest(MODAL_WINDOW);\n        if (modal && !modalsUnder.has(modal)) return true;\n        return !!inside && !!target.closest(inside);\n    };\n    const onPress = (ev) => { if (!holds(anchor, ev.target) && !owns(ev.target)) layer.close('outside'); };\n    const onDocKey = (ev) => { if (!holds(el, ev.target)) onKey(ev); };\n    const onKey = (ev) => {\n        if (ev.key !== 'Escape' || ev.isComposing || ev.defaultPrevented) return;\n        if (LAYERS[LAYERS.length - 1] !== layer) return;\n        if (doc.querySelector(FOREIGN_ESCAPE)) return;\n        if (shownModals(doc).some((win) => !modalsUnder.has(win))) return;\n        ev.preventDefault();\n        ev.stopPropagation();\n        layer.close('escape');\n    };\n    const onScroll = (ev) => { if (!holds(el, ev.target)) place(); };\n    // Placed before a caller fills it, and it changes with a filter: placed again\n    // whenever its size changes, or it would run past the window's edge.\n    const sized = typeof ResizeObserver === 'function' ? new ResizeObserver(() => place()) : null;\n\n    const layer = {\n        el,\n        anchor,\n        place,\n        owns,\n        close(reason = 'closed') {\n            if (closed) return;\n            while (LAYERS[LAYERS.length - 1] !== layer) LAYERS[LAYERS.length - 1].close('parent');\n            closed = true;\n            const active = doc.activeElement;\n            const held = holds(el, active) || active === doc.body;\n            doc.removeEventListener('pointerdown', onPress, true);\n            doc.removeEventListener('mousedown', onPress, true);\n            doc.removeEventListener('keydown', onDocKey, true);\n            el.removeEventListener('keydown', onKey);\n            view.removeEventListener('resize', place);\n            view.removeEventListener('scroll', onScroll, true);\n            sized?.disconnect();\n            el.remove();\n            LAYERS.pop();\n            if (returnFocus && held && reason !== 'blur' && anchor?.isConnected) anchor.focus?.({ preventScroll: true });\n            onClose?.(reason);\n        },\n    };\n    LAYERS.push(layer);\n\n    // The press that OPENED it is still being dispatched; listen from the next turn.\n    setTimeout(() => {\n        if (closed) return;\n        doc.addEventListener('pointerdown', onPress, true);\n        doc.addEventListener('mousedown', onPress, true);\n    }, 0);\n    doc.addEventListener('keydown', onDocKey, true);\n    el.addEventListener('keydown', onKey);\n    view.addEventListener('resize', place);\n    view.addEventListener('scroll', onScroll, true);\n    sized?.observe(el);\n    place();\n    return layer;\n}\n", "/**\n * CHOICE CONTROLS \u2014 the one select, the one set of toggle chips and the one\n * radio list, shared by `openForm` and the flow kit's settings widgets.\n *\n * Each draws a fixed list of options and reads back the option's OWN value \u2014\n * a number stays a number, an object stays the object \u2014 never the text of an\n * `<option>` or a `value` attribute. That is why every control here keeps the\n * values beside the DOM it draws and resolves the reader's choice by position.\n *\n * An option is a bare value, or `{ value, label?, description?, disabled?,\n * reason? }`. Each also takes `{ group, options }` entries: `selectBox` draws\n * one as an `<optgroup>`, the chips and the radio list as a `.twm-choice__group`\n * heading over its options. A group with no options draws no heading there.\n *\n * A DISABLED OPTION IS SHOWN, WITH ITS REASON, AND IS NEVER CHOSEN BY VALUE:\n * a stored value that names one is not selected (the select falls to its first\n * enabled option, the radios to none, the chips leave it unpressed), unless\n * `keepMissing` keeps it as a value the list does not offer. The reader cannot\n * pick one either. What a caller does about a disabled option selected some\n * other way (a script setting `.value`) is the caller's: `selectBox.entry()`\n * and `choiceList.entry()` say which option is selected, disabled or not.\n *\n * `keepMissing` (the kit's rule, on by default): a stored value the list does\n * not offer is KEPT, marked with `notFound(text)`, so a settings panel cannot\n * silently turn it into the first entry on the next save. A form that should\n * offer only what is listed passes `keepMissing: false`.\n *\n * `loose`: a stored value matches an option whose value has the same TEXT\n * (`2` matches `'2'`), for a caller whose stored values may arrive as strings.\n * Off by default: the kit's values keep their type, and `'2'` is not `2`.\n * Text is only the fallback: an option whose value IS the stored value (`===`)\n * wins over an earlier one that only reads the same (`findChoice`).\n *\n * Nothing here names a consumer's vocabulary; every word on screen is the\n * caller's (`label`, `reason`, `description`, `notFound`).\n */\n\n/** A value as one line of text shows it: a string as itself, anything else as JSON. */\nexport const shownValue = (v) => (v === undefined ? '' : typeof v === 'string' ? v : JSON.stringify(v));\n\nfunction el(tag, className, text) {\n    const n = document.createElement(tag);\n    if (className) n.className = className;\n    if (text !== undefined && text !== null) n.textContent = String(text);\n    return n;\n}\n\nconst isGroup = (o) => o !== null && typeof o === 'object' && Array.isArray(o.options) && 'group' in o;\n\n/**\n * One option, normalised: `{value, label, description, disabled, reason, icon, hint,\n * keywords, source}`. `icon`, `hint` and `keywords` are the DOM-drawn select's and\n * combobox's; `source` is the entry as it was given, handed back when one is chosen.\n */\nfunction choiceOption(o) {\n    if (o === null || typeof o !== 'object') {\n        return { value: o, label: shownValue(o), description: null, disabled: false, reason: null, icon: null,\n                 hint: null, keywords: null, source: o };\n    }\n    return {\n        value: o.value,\n        label: o.label != null ? String(o.label) : shownValue(o.value),\n        description: o.description != null ? String(o.description) : null,\n        disabled: Boolean(o.disabled),\n        reason: o.reason != null && o.reason !== '' ? String(o.reason) : null,\n        icon: o.icon ? String(o.icon) : null,\n        hint: o.hint != null && o.hint !== '' ? String(o.hint) : null,\n        keywords: o.keywords != null ? String(o.keywords) : null,\n        source: o,\n    };\n}\n\n/** Every option of a list, groups flattened in order. */\nexport function flatChoices(options) {\n    const out = [];\n    for (const o of options || []) {\n        if (isGroup(o)) for (const inner of o.options) out.push(choiceOption(inner));\n        else out.push(choiceOption(o));\n    }\n    return out;\n}\n\n/**\n * A list as the sections it draws in, in order: `[{ heading, items }]`, `heading`\n * null for a run of options outside any group, `items` normalised. A group with no\n * options is left out.\n */\nexport function choiceSections(options) {\n    const out = [];\n    for (const o of options || []) {\n        if (isGroup(o)) {\n            if (o.options.length) out.push({ heading: String(o.group ?? ''), items: o.options.map(choiceOption) });\n        } else if (out.length && out[out.length - 1].heading === null) {\n            out[out.length - 1].items.push(choiceOption(o));\n        } else {\n            out.push({ heading: null, items: [choiceOption(o)] });\n        }\n    }\n    return out;\n}\n\n/** Does `text` occur, ignoring case, in the option's label, value, description or keywords? */\nexport function optionMatches(option, text) {\n    const needle = String(text ?? '').trim().toLowerCase();\n    if (!needle) return true;\n    return [option.label, shownValue(option.value), option.description, option.keywords]\n        .some((part) => String(part ?? '').toLowerCase().includes(needle));\n}\n\n/** `sections` with only the options `text` matches; a section left empty goes. */\nexport function filterSections(sections, text) {\n    return sections\n        .map((s) => ({ heading: s.heading, items: s.items.filter((o) => optionMatches(o, text)) }))\n        .filter((s) => s.items.length);\n}\n\n/**\n * Where the chips and the radio list draw a group heading: the position in\n * the flattened list of each non-empty group's first option, to its heading.\n */\nfunction groupHeads(options) {\n    const heads = new Map();\n    let at = 0;\n    for (const o of options || []) {\n        if (!isGroup(o)) { at += 1; continue; }\n        if (o.options.length) heads.set(at, String(o.group ?? ''));\n        at += o.options.length;\n    }\n    return heads;\n}\n\nconst groupHeading = (text) => el('div', 'twm-choice__group', text);\n\n/** Does stored `value` name option value `v`? */\nfunction sameChoice(v, value, loose = false) {\n    if (v === value) return true;\n    if (!loose || v === undefined || value === undefined || v === null || value === null) return false;\n    return String(v) === String(value);\n}\n\n/**\n * The position in `list` (normalised options) of the option stored value `v`\n * names, or -1: the first whose value IS `v`, else \u2014 with `loose` \u2014 the first\n * whose value has the same text. `from` skips the leading entries.\n */\nfunction choiceIndex(list, v, loose = false, from = 0) {\n    for (let i = from; i < list.length; i += 1) if (list[i].value === v) return i;\n    if (!loose) return -1;\n    for (let i = from; i < list.length; i += 1) if (sameChoice(list[i].value, v, true)) return i;\n    return -1;\n}\n\n/** The option of `list` stored value `v` names (`choiceIndex`), or undefined. */\nexport function findChoice(list, v, loose = false) {\n    const i = choiceIndex(list, v, loose);\n    return i >= 0 ? list[i] : undefined;\n}\n\n/** An option's text: its label, and the reason it is unavailable when it is. */\nconst optionText = (o) => (o.disabled && o.reason ? `${o.label} \u2014 ${o.reason}` : o.label);\n\n/**\n * A `<select>` over `options`.\n *\n * `empty` (text) draws a first option that stands for \"no value\" (`undefined`).\n * `valueAttr`: what each `<option value>` carries \u2014 `'index'` (its position;\n * the kit's) or `'value'` (the option's value as text, so a script that sets\n * `.value = 'b'` picks option `'b'`). The value READ BACK is the option's own\n * either way.\n *\n * Returns `{ box, valueOf(), entry(), select(value), setOptions(options, value?) }`:\n * `select` re-selects by value (true when the value is offered and enabled);\n * `setOptions` redraws the list and places `value` (default: the current\n * value) the way the first draw places one, so with `keepMissing` a value the\n * list lacks shows as its own not-found entry.\n */\nexport function selectBox(options, value, {\n    empty = null, label = '', notFound = (v) => `${v} (not found)`, keepMissing = true,\n    valueAttr = 'index', loose = false, className = 'twm-flow-input twm-flow-input--select',\n} = {}) {\n    const box = el('select', className);\n    if (label) box.setAttribute('aria-label', label);\n    let entries = [];\n\n    const add = (parent, o) => {\n        const attr = valueAttr === 'index' ? String(entries.length) : (o.value === undefined ? '' : String(o.value));\n        // `createElement`, not `new Option`: the constructor is a window\n        // global, and a page that installed only `document` has none.\n        const opt = el('option', '', optionText(o));\n        opt.value = attr;\n        if (o.disabled) {\n            opt.disabled = true;\n            if (o.reason) opt.title = o.reason;\n        }\n        parent.appendChild(opt);\n        entries.push(o);\n    };\n    const firstEnabled = () => {\n        const i = entries.findIndex((e) => !e.disabled);\n        return i >= 0 ? i : 0;\n    };\n    const select = (v) => {\n        const start = empty !== null ? 1 : 0;\n        const at = choiceIndex(entries, v, loose, start);\n        if (at < 0 || entries[at].disabled || entries[at].stray) return false;\n        box.selectedIndex = at;\n        return true;\n    };\n    const place = (v) => {\n        if (select(v)) return;\n        if (keepMissing && v !== undefined && v !== null && v !== '') {\n            // A stored value the list no longer offers is KEPT as its own option:\n            // it must not silently become the first entry on the next save.\n            add(box, { value: v, label: notFound(shownValue(v)), description: null, disabled: false, reason: null,\n                       stray: true });\n            box.selectedIndex = entries.length - 1;\n            return;\n        }\n        box.selectedIndex = empty !== null ? 0 : firstEnabled();\n    };\n    const fill = (opts, v) => {\n        box.replaceChildren();\n        entries = [];\n        if (empty !== null) add(box, { value: undefined, label: String(empty), description: null, disabled: false,\n                                       reason: null });\n        for (const o of opts || []) {\n            if (isGroup(o)) {\n                const g = el('optgroup');\n                g.label = String(o.group ?? '');\n                for (const inner of o.options) add(g, choiceOption(inner));\n                box.appendChild(g);\n            } else {\n                add(box, choiceOption(o));\n            }\n        }\n        place(v);\n    };\n    const entry = () => (box.selectedIndex < 0 ? null : entries[box.selectedIndex] ?? null);\n    const valueOf = () => entry()?.value;\n\n    fill(options, value);\n    return {\n        box,\n        valueOf,\n        entry,\n        select,\n        setOptions(opts, v = valueOf()) { fill(opts, v); },\n    };\n}\n\n/**\n * Toggle chips over a fixed list: a multi-select. The value is the list of\n * pressed values in the list's order, and `onChange(list | undefined)` hears\n * each toggle (`undefined` when none is pressed). With `keepMissing`, a stored\n * entry the list lacks is kept, marked, until it is toggled off. A disabled\n * option is a chip that cannot be pressed, its reason under its label.\n *\n * Returns `{ el, valueOf(), setValue(list), setOptions(options) }`;\n * `setOptions` keeps the pressed values the new list still offers.\n */\nexport function toggleChips({ options, value, label, readOnly, onChange, notFound = (v) => `${v} (not found)`,\n                              keepMissing = true, loose = false }) {\n    const root = el('div', 'twm-flow-togglechips');\n    root.setAttribute('role', 'group');\n    if (label) root.setAttribute('aria-label', label);\n    let shown = [];           // the options as given, groups and all\n    let list = [];\n    let chosen = new Set();\n    let strays = [];\n\n    const emit = () => {\n        const out = valueOf();\n        onChange?.(out.length ? out : undefined);\n    };\n    const chipFor = (text, pressed, toggle, { stray = false, reason = null, disabled = false } = {}) => {\n        const b = el('button', `twm-flow-togglechip${stray ? ' twm-flow-togglechip--missing' : ''}`, text);\n        b.type = 'button';\n        b.setAttribute('aria-pressed', pressed ? 'true' : 'false');\n        b.disabled = Boolean(readOnly) || disabled;\n        if (reason) {\n            b.title = reason;\n            b.appendChild(el('span', 'twm-choice__reason', reason));\n        }\n        b.addEventListener('click', () => {\n            const on = toggle();\n            b.setAttribute('aria-pressed', on ? 'true' : 'false');\n            emit();\n        });\n        return b;\n    };\n    const draw = (opts, stored) => {\n        shown = opts || [];\n        list = flatChoices(shown);\n        const heads = groupHeads(shown);\n        const wanted = Array.isArray(stored) ? stored : [];\n        const offered = (v) => {\n            const o = findChoice(list, v, loose);\n            return o && !o.disabled ? o : undefined;\n        };\n        chosen = new Set(wanted.map(offered).filter(Boolean).map((o) => o.value));\n        strays = keepMissing ? wanted.filter((v) => !offered(v)) : [];\n        root.replaceChildren();\n        list.forEach((o, i) => {\n            if (heads.has(i)) root.appendChild(groupHeading(heads.get(i)));\n            root.appendChild(chipFor(o.label, chosen.has(o.value), () => {\n                if (o.disabled) return false;           // never chosen, even with the button forced\n                if (chosen.has(o.value)) chosen.delete(o.value); else chosen.add(o.value);\n                return chosen.has(o.value);\n            }, { disabled: o.disabled, reason: o.disabled ? o.reason : null }));\n        });\n        for (const v of [...strays]) {\n            root.appendChild(chipFor(notFound(shownValue(v)), true, () => {\n                const i = strays.indexOf(v);\n                if (i >= 0) { strays.splice(i, 1); return false; }\n                strays.push(v);\n                return true;\n            }, { stray: true }));\n        }\n    };\n    const valueOf = () => [...list.filter((o) => chosen.has(o.value)).map((o) => o.value), ...strays];\n    draw(options, value);\n    return {\n        el: root,\n        valueOf,\n        setValue: (stored) => draw(shown, stored),\n        setOptions: (opts) => draw(opts, valueOf()),\n    };\n}\n\n/**\n * A one-of-N as radio rows, each with its label \u2014 and a sentence under it when\n * the option has a `description`, and its `reason` when it is disabled. `name`\n * groups the radios (the caller's, so it is unique where it needs to be).\n *\n * Returns `{ el, focus(), valueOf(), entry(), select(value), setOptions(options) }`.\n * `onChange(value)` hears the reader's choice. With `keepMissing`, a stored\n * value the list lacks is named in a note under the list (and kept by the\n * caller, since no radio holds it).\n */\nexport function choiceList({ options, value, name, label, readOnly, onChange, notFound = (v) => `${v} (not found)`,\n                             keepMissing = true, loose = false }) {\n    const root = el('div', 'twm-flow-choices');\n    root.setAttribute('role', 'radiogroup');\n    if (label) root.setAttribute('aria-label', label);\n    let list = [];\n    let radios = [];\n\n    const draw = (opts, current) => {\n        list = flatChoices(opts);\n        const heads = groupHeads(opts);\n        radios = [];\n        root.replaceChildren();\n        const named = choiceIndex(list, current, loose);\n        const at = named >= 0 && !list[named].disabled ? named : -1;\n        list.forEach((o, i) => {\n            if (heads.has(i)) root.appendChild(groupHeading(heads.get(i)));\n            const row = el('label', `twm-flow-choice${o.disabled ? ' twm-choice--disabled' : ''}`);\n            const radio = el('input', 'twm-flow-choice__radio');\n            radio.type = 'radio';\n            radio.name = name;\n            radio.checked = i === at;\n            radio.disabled = Boolean(readOnly) || o.disabled;\n            radio.addEventListener('change', () => { if (radio.checked) onChange?.(o.value); });\n            radios.push(radio);\n            const words = el('span', 'twm-flow-choice__words');\n            words.appendChild(el('span', 'twm-flow-choice__label', o.label));\n            if (o.description !== null) words.appendChild(el('span', 'twm-flow-choice__sub', o.description));\n            if (o.disabled && o.reason) words.appendChild(el('span', 'twm-choice__reason', o.reason));\n            row.append(radio, words);\n            root.appendChild(row);\n        });\n        if (keepMissing && current !== undefined && named < 0) {\n            root.appendChild(el('p', 'twm-flow-field__note', notFound(shownValue(current))));\n        }\n    };\n    const checkedAt = () => radios.findIndex((r) => r.checked);\n    const entry = () => list[checkedAt()] ?? null;\n    const api = {\n        el: root,\n        focus: () => (radios.find((r) => r.checked && !r.disabled) || radios.find((r) => !r.disabled))\n            ?.focus({ preventScroll: true }),\n        entry,\n        valueOf: () => entry()?.value,\n        select(v) {\n            const named = choiceIndex(list, v, loose);\n            const at = named >= 0 && !list[named].disabled ? named : -1;\n            radios.forEach((r, i) => { r.checked = i === at; });\n            return at >= 0;\n        },\n        setOptions(opts) { draw(opts, api.valueOf()); },\n    };\n    draw(options, value);\n    return api;\n}\n", "/**\n * Collect the focusable elements inside `root`, in DOM order: what a focus trap\n * cycles through. Hidden and zero-size elements are skipped, since Tab visits only\n * what the reader can see.\n *\n * @param {HTMLElement|null} root\n * @returns {HTMLElement[]}\n */\nexport function collectFocusable(root) {\n    if (!root) return [];\n    const sel = [\n        'a[href]',\n        'button:not([disabled])',\n        'input:not([disabled]):not([type=\"hidden\"])',\n        'select:not([disabled])',\n        'textarea:not([disabled])',\n        '[tabindex]:not([tabindex=\"-1\"])',\n    ].join(',');\n    return Array.from(root.querySelectorAll(sel)).filter((el) => {\n        if (el.hidden) return false;\n        if (el.closest('[hidden]')) return false;\n        const r = el.getBoundingClientRect();\n        return r.width > 0 || r.height > 0;\n    });\n}\n"],
+  "mappings": "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",
+  "names": ["el", "el", "el"]
+}

package/dist/chunk-QXAOTGCC.js

@@ -0,0 +1,40 @@
+// src/ui/utils/menu_viewport.js
+var MENU_VIEWPORT_MARGIN = 8;
+function placeMenuInViewport(menu, x, y, margin = MENU_VIEWPORT_MARGIN) {
+  const view = menu.ownerDocument?.defaultView || window;
+  const vw = view.innerWidth;
+  const vh = view.innerHeight;
+  const maxHeight = Math.max(0, vh - 2 * margin);
+  menu.style.maxHeight = `${maxHeight}px`;
+  menu.scrollTop = 0;
+  const rect = menu.getBoundingClientRect();
+  const left = Math.min(x, vw - rect.width - margin);
+  const top = Math.min(y, vh - rect.height - margin);
+  menu.style.left = `${Math.max(0, left)}px`;
+  menu.style.top = `${Math.max(0, top)}px`;
+}
+function focusMenuItem(item) {
+  if (!item) return;
+  item.focus({ preventScroll: true });
+  item.scrollIntoView?.({ block: "nearest", inline: "nearest" });
+}
+function moveMenuFocus(e, items) {
+  if (!items.length) return false;
+  const at = items.indexOf(items[0].ownerDocument.activeElement);
+  let next = null;
+  if (e.key === "ArrowDown") next = items[(at + 1 + items.length) % items.length];
+  else if (e.key === "ArrowUp") next = items[(at - 1 + items.length) % items.length];
+  else if (e.key === "Home") next = items[0];
+  else if (e.key === "End") next = items[items.length - 1];
+  if (!next) return false;
+  e.preventDefault();
+  focusMenuItem(next);
+  return true;
+}
+
+export {
+  placeMenuInViewport,
+  focusMenuItem,
+  moveMenuFocus
+};
+//# sourceMappingURL=chunk-QXAOTGCC.js.map