flexdesk 0.17.18 → 0.18.1

package/dist/chunk-DNJ3N4T4.js

@@ -0,0 +1,82 @@
+import {
+  collectFocusable,
+  openAnchoredLayer
+} from "./chunk-Q7BALEPX.js";
+
+// src/ui/components/popover.js
+var OPEN = /* @__PURE__ */ new Set();
+var nothingOpened = (toggled) => ({ el: null, close() {
+}, closed: Promise.resolve(), reposition() {
+}, toggled });
+function keepTabInside(el) {
+  el.addEventListener("keydown", (ev) => {
+    if (ev.key !== "Tab" || ev.defaultPrevented) return;
+    const controls = collectFocusable(el);
+    if (!controls.length) {
+      ev.preventDefault();
+      return;
+    }
+    const first = controls[0];
+    const last = controls[controls.length - 1];
+    const active = el.ownerDocument.activeElement;
+    if (ev.shiftKey ? active === first || active === el : active === last) {
+      ev.preventDefault();
+      (ev.shiftKey ? last : first).focus();
+    }
+  });
+}
+function openPopover({
+  anchor,
+  content,
+  label = "",
+  className = "",
+  focus = null,
+  align = "start",
+  inside = null,
+  onClose = null
+}) {
+  for (const open of OPEN) {
+    if (anchor && open.anchor === anchor) {
+      open.close("toggle");
+      return nothingOpened(true);
+    }
+  }
+  const el = document.createElement("div");
+  el.className = `twm-popover${className ? ` ${className}` : ""}`;
+  el.setAttribute("role", "dialog");
+  if (label) el.setAttribute("aria-label", label);
+  el.tabIndex = -1;
+  el.appendChild(content);
+  keepTabInside(el);
+  let settle;
+  const closed = new Promise((resolve) => {
+    settle = resolve;
+  });
+  const layer = openAnchoredLayer({
+    anchor,
+    el,
+    align,
+    gap: 4,
+    inside,
+    onClose(reason) {
+      OPEN.delete(handle);
+      anchor?.classList?.remove("twm-is-open");
+      anchor?.setAttribute?.("aria-expanded", "false");
+      onClose?.(reason);
+      settle();
+    }
+  });
+  if (!layer) return nothingOpened(false);
+  const handle = { el, anchor, closed, toggled: false, close: layer.close, reposition: layer.place };
+  OPEN.add(handle);
+  anchor?.classList?.add("twm-is-open");
+  if (anchor && !anchor.hasAttribute?.("aria-haspopup")) anchor.setAttribute?.("aria-haspopup", "dialog");
+  anchor?.setAttribute?.("aria-expanded", "true");
+  (focus || el).focus?.({ preventScroll: true });
+  return handle;
+}
+
+export {
+  openPopover
+};
+//# sourceMappingURL=chunk-DNJ3N4T4.js.map

package/dist/chunk-DNJ3N4T4.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/ui/components/popover.js"],
+  "sourcesContent": ["/**\n * A POPOVER \u2014 a panel of rich content hung off the element that opened it. (0.18.0)\n *\n * `role=\"dialog\"`, on an anchored layer (`anchored_layer.js`, which says how it is\n * placed and what closes it). Focus moves into it on open and comes back to the\n * anchor on close. Opening one from the anchor that holds an open one closes it,\n * a toggle; opening one anywhere else closes the open one, unless that one owns\n * the new anchor (`anchored_layer.js`).\n *\n * TAB STAYS INSIDE, cycling the panel's controls, as a modal's and a `CategoryPicker`'s\n * do. The panel is mounted at the end of the page, so past its edge lies whatever comes\n * next in the document, which is not the anchor's neighbour and, over a modal, is behind\n * it. Escape is the way out.\n */\nimport { openAnchoredLayer } from './anchored_layer.js';\nimport { collectFocusable } from '../utils/focusable.js';\n\n/** The open popovers, to find the one an anchor holds. */\nconst OPEN = new Set();\n\n/** What a call answers when nothing opened. */\nconst nothingOpened = (toggled) => ({ el: null, close() {}, closed: Promise.resolve(), reposition() {}, toggled });\n\n/** Tab at the panel's edge goes round to the other edge. */\nfunction keepTabInside(el) {\n    el.addEventListener('keydown', (ev) => {\n        if (ev.key !== 'Tab' || ev.defaultPrevented) return;\n        const controls = collectFocusable(el);\n        if (!controls.length) { ev.preventDefault(); return; }\n        const first = controls[0];\n        const last = controls[controls.length - 1];\n        const active = el.ownerDocument.activeElement;\n        if (ev.shiftKey ? (active === first || active === el) : active === last) {\n            ev.preventDefault();\n            (ev.shiftKey ? last : first).focus();\n        }\n    });\n}\n\n/**\n * @param {object} o\n * @param {HTMLElement} o.anchor     What opened it; focus returns here.\n * @param {HTMLElement} o.content    The popover's body.\n * @param {string} [o.label]         Its accessible name.\n * @param {string} [o.className]     Extra classes on the panel.\n * @param {HTMLElement} [o.focus]    What takes focus on open; else the panel.\n * @param {'start'|'end'} [o.align]  Which anchor edge it lines up with first.\n * @param {string} [o.inside]        A selector for floating things of your own that\n *                                   are not \"outside\" it.\n * @param {(reason: string) => void} [o.onClose]  After it is gone.\n * @returns {{el: HTMLElement|null, close: (reason?: string) => void, closed: Promise<void>,\n *            reposition: () => void, toggled: boolean}}\n *          `el` is null when nothing opened, and `onClose` is not called for it: `toggled`\n *          is true when the call only CLOSED the popover its anchor held, false when\n *          the anchor has left the document.\n */\nexport function openPopover({ anchor, content, label = '', className = '', focus = null, align = 'start',\n                              inside = null, onClose = null }) {\n    for (const open of OPEN) {\n        if (anchor && open.anchor === anchor) {\n            open.close('toggle');\n            return nothingOpened(true);\n        }\n    }\n\n    const el = document.createElement('div');\n    el.className = `twm-popover${className ? ` ${className}` : ''}`;\n    el.setAttribute('role', 'dialog');\n    if (label) el.setAttribute('aria-label', label);\n    el.tabIndex = -1;\n    el.appendChild(content);\n    keepTabInside(el);\n\n    let settle;\n    const closed = new Promise((resolve) => { settle = resolve; });\n    const layer = openAnchoredLayer({\n        anchor, el, align, gap: 4, inside,\n        onClose(reason) {\n            OPEN.delete(handle);\n            anchor?.classList?.remove('twm-is-open');\n            anchor?.setAttribute?.('aria-expanded', 'false');\n            onClose?.(reason);\n            settle();\n        },\n    });\n    if (!layer) return nothingOpened(false);\n    const handle = { el, anchor, closed, toggled: false, close: layer.close, reposition: layer.place };\n    OPEN.add(handle);\n    anchor?.classList?.add('twm-is-open');\n    if (anchor && !anchor.hasAttribute?.('aria-haspopup')) anchor.setAttribute?.('aria-haspopup', 'dialog');\n    anchor?.setAttribute?.('aria-expanded', 'true');\n    (focus || el).focus?.({ preventScroll: true });\n    return handle;\n}\n"],
+  "mappings": ";;;;;;AAkBA,IAAM,OAAO,oBAAI,IAAI;AAGrB,IAAM,gBAAgB,CAAC,aAAa,EAAE,IAAI,MAAM,QAAQ;AAAC,GAAG,QAAQ,QAAQ,QAAQ,GAAG,aAAa;AAAC,GAAG,QAAQ;AAGhH,SAAS,cAAc,IAAI;AACvB,KAAG,iBAAiB,WAAW,CAAC,OAAO;AACnC,QAAI,GAAG,QAAQ,SAAS,GAAG,iBAAkB;AAC7C,UAAM,WAAW,iBAAiB,EAAE;AACpC,QAAI,CAAC,SAAS,QAAQ;AAAE,SAAG,eAAe;AAAG;AAAA,IAAQ;AACrD,UAAM,QAAQ,SAAS,CAAC;AACxB,UAAM,OAAO,SAAS,SAAS,SAAS,CAAC;AACzC,UAAM,SAAS,GAAG,cAAc;AAChC,QAAI,GAAG,WAAY,WAAW,SAAS,WAAW,KAAM,WAAW,MAAM;AACrE,SAAG,eAAe;AAClB,OAAC,GAAG,WAAW,OAAO,OAAO,MAAM;AAAA,IACvC;AAAA,EACJ,CAAC;AACL;AAmBO,SAAS,YAAY;AAAA,EAAE;AAAA,EAAQ;AAAA,EAAS,QAAQ;AAAA,EAAI,YAAY;AAAA,EAAI,QAAQ;AAAA,EAAM,QAAQ;AAAA,EACnE,SAAS;AAAA,EAAM,UAAU;AAAK,GAAG;AAC3D,aAAW,QAAQ,MAAM;AACrB,QAAI,UAAU,KAAK,WAAW,QAAQ;AAClC,WAAK,MAAM,QAAQ;AACnB,aAAO,cAAc,IAAI;AAAA,IAC7B;AAAA,EACJ;AAEA,QAAM,KAAK,SAAS,cAAc,KAAK;AACvC,KAAG,YAAY,cAAc,YAAY,IAAI,SAAS,KAAK,EAAE;AAC7D,KAAG,aAAa,QAAQ,QAAQ;AAChC,MAAI,MAAO,IAAG,aAAa,cAAc,KAAK;AAC9C,KAAG,WAAW;AACd,KAAG,YAAY,OAAO;AACtB,gBAAc,EAAE;AAEhB,MAAI;AACJ,QAAM,SAAS,IAAI,QAAQ,CAAC,YAAY;AAAE,aAAS;AAAA,EAAS,CAAC;AAC7D,QAAM,QAAQ,kBAAkB;AAAA,IAC5B;AAAA,IAAQ;AAAA,IAAI;AAAA,IAAO,KAAK;AAAA,IAAG;AAAA,IAC3B,QAAQ,QAAQ;AACZ,WAAK,OAAO,MAAM;AAClB,cAAQ,WAAW,OAAO,aAAa;AACvC,cAAQ,eAAe,iBAAiB,OAAO;AAC/C,gBAAU,MAAM;AAChB,aAAO;AAAA,IACX;AAAA,EACJ,CAAC;AACD,MAAI,CAAC,MAAO,QAAO,cAAc,KAAK;AACtC,QAAM,SAAS,EAAE,IAAI,QAAQ,QAAQ,SAAS,OAAO,OAAO,MAAM,OAAO,YAAY,MAAM,MAAM;AACjG,OAAK,IAAI,MAAM;AACf,UAAQ,WAAW,IAAI,aAAa;AACpC,MAAI,UAAU,CAAC,OAAO,eAAe,eAAe,EAAG,QAAO,eAAe,iBAAiB,QAAQ;AACtG,UAAQ,eAAe,iBAAiB,MAAM;AAC9C,GAAC,SAAS,IAAI,QAAQ,EAAE,eAAe,KAAK,CAAC;AAC7C,SAAO;AACX;",
+  "names": []
+}