@k2b/ui 0.23.0 → 0.25.0

package/dist/browser/layout/SidebarSwitcher.js

@@ -0,0 +1,505 @@
+import { template as _$template } from "solid-js/web";
+import { delegateEvents as _$delegateEvents } from "solid-js/web";
+import { style as _$style } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { setProperty as _$setProperty } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { getNextMarker as _$getNextMarker } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { use as _$use } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<div class="k2b-choice-search k2b-sidebar-switcher__search"><i class="ti ti-search"aria-hidden=true></i><input type=search data-switcher-row>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<ul class=k2b-sidebar-switcher__actions>`),
+  _tmpl$3 = /*#__PURE__*/_$template(`<div><button type=button class=k2b-sidebar-switcher__trigger aria-haspopup=dialog><span class=k2b-sidebar-switcher__icon aria-hidden=true><i></i></span><span class=k2b-sidebar-switcher__copy aria-hidden=true><span></span><!$><!/></span><i class="ti ti-selector k2b-sidebar-switcher__chevron"aria-hidden=true></i><span class=k2b-sr-only></span></button><div popover=auto tabindex=-1 role=dialog class=k2b-sidebar-switcher__panel><!$><!/><ul class=k2b-sidebar-switcher__options></ul><!$><!/>`),
+  _tmpl$4 = /*#__PURE__*/_$template(`<small>`),
+  _tmpl$5 = /*#__PURE__*/_$template(`<li class=k2b-choice-status role=status>`),
+  _tmpl$6 = /*#__PURE__*/_$template(`<i class="ti ti-loader-2 k2b-spin"aria-hidden=true>`),
+  _tmpl$7 = /*#__PURE__*/_$template(`<span>`),
+  _tmpl$8 = /*#__PURE__*/_$template(`<button type=button data-switcher-row>`),
+  _tmpl$9 = /*#__PURE__*/_$template(`<li><a class="k2b-dropdown__item k2b-sidebar-switcher__option"data-switcher-row data-switcher-option><span class=k2b-sidebar-switcher__option-icon aria-hidden=true><i></i></span><span class=k2b-dropdown__copy><span></span><!$><!/></span><i class="ti ti-check k2b-dropdown__check"aria-hidden=true>`),
+  _tmpl$0 = /*#__PURE__*/_$template(`<li>`),
+  _tmpl$1 = /*#__PURE__*/_$template(`<button type=button class=k2b-dropdown__item data-switcher-row><i aria-hidden=true></i><span class=k2b-dropdown__copy><span>`),
+  _tmpl$10 = /*#__PURE__*/_$template(`<a class=k2b-dropdown__item data-switcher-row><i aria-hidden=true></i><span class=k2b-dropdown__copy><span>`);
+import { documentNavigate } from "@k2b/ssr/nav";
+import { createMemo, createSignal, createUniqueId, For, onCleanup, Show } from "solid-js";
+import { isServer } from "solid-js/web";
+import { dropdownPosition } from "../actions/Dropdown";
+import { returnFocus, ringOnReturn } from "../internal/focus-return";
+import { useUiMessages } from "../intl/messages";
+
+/** One container a person can switch to, such as a notebook, a space, or a mailbox. */
+
+/** A row below the containers, such as "New notebook" or "All notebooks". */
+
+/** From this many containers the panel scrolls, so it offers a search field. */
+export const APP_WORKSPACE_SWITCHER_SEARCH_FROM = 8;
+
+/** The space between trigger and panel, and the panel's distance from the viewport edges, as for every dropdown. */
+const SWITCHER_GAP = 4;
+const SWITCHER_INSET = 8;
+const iconClass = icon => icon.split(/\s+/).includes("ti") ? icon : `ti ${icon}`;
+const tint = color => color ? {
+  "--k2b-sidebar-switcher-color": color
+} : undefined;
+const plainClick = event => event.button === 0 && !(event.metaKey || event.ctrlKey || event.shiftKey || event.altKey);
+
+/**
+ * The current container at the top of a sidebar: its icon, name, and an optional fact, with a chevron that opens the
+ * other containers, a search field when there are many, and actions such as "New …" and "All …". The rows are links,
+ * so a container also opens in a new tab. In a collapsed rail it shows only the icon and opens beside the rail.
+ */
+export function AppWorkspaceSidebarSwitcher(props) {
+  const messages = useUiMessages();
+  const id = `k2b-sidebar-switcher-${createUniqueId().replace(/[^a-zA-Z0-9_-]/g, "-")}`;
+  const [open, setOpen] = createSignal(false);
+  const [query, setQuery] = createSignal("");
+  let trigger;
+  let panel;
+  let search;
+  let keyboardOpened = true;
+  /** Whether the panel was open when a press on the button began; the press itself light-dismisses it first. */
+  let openAtPress;
+  const searchable = () => (props.options?.length ?? 0) >= APP_WORKSPACE_SWITCHER_SEARCH_FROM;
+  const visible = createMemo(() => {
+    const needle = query().trim().toLocaleLowerCase();
+    const options = props.options ?? [];
+    if (!needle) return options;
+    return options.filter(option => [option.label, option.description].some(part => part?.toLocaleLowerCase().includes(needle)));
+  });
+  const load = () => {
+    if (props.options === undefined) props.onLoad?.();
+  };
+
+  // The collapsed rail is a narrow column from 64 rem, so the panel opens beside it instead of below.
+  const inRail = () => Boolean(trigger?.closest('[data-sidebar-collapsed="true"] .k2b-app-workspace__sidebar[data-workspace-collapsible="true"]') && window.matchMedia("(min-width: 64rem)").matches);
+  /** Whether the panel opens above its trigger; chosen on opening and on a viewport resize only. */
+  let above = false;
+  /**
+   * Places the panel beside its trigger. `choose` picks its side again; otherwise it keeps the side, so arriving
+   * options, an error, or a narrowed search never flip it to the other side while it is open.
+   */
+  const place = (choose = false) => {
+    if (!trigger || !panel) return;
+    const rect = trigger.getBoundingClientRect();
+    const viewport = {
+      width: window.innerWidth,
+      height: window.innerHeight
+    };
+    const rail = inRail();
+    // As wide as the sidebar row and never narrower than a menu, so long names keep their words; fixed while open,
+    // so filtering never changes the panel's width.
+    panel.style.setProperty("--k2b-sidebar-switcher-width", `${rail ? 0 : Math.round(rect.width)}px`);
+    if (rail) {
+      panel.style.removeProperty("--k2b-sidebar-switcher-room");
+      panel.style.removeProperty("min-height");
+      panel.style.bottom = "auto";
+      const position = dropdownPosition(rect, panel.getBoundingClientRect(), "right-start", viewport);
+      panel.style.left = `${position.left}px`;
+      panel.style.top = `${position.top}px`;
+      return;
+    }
+    // Below the trigger, or above it when the panel at its tallest does not fit below and there is more room above,
+    // as in the lower half of the phone menu. Its tallest is its CSS max-height, min(28rem, 80dvh), so the side does
+    // not depend on what the panel shows at the moment. It never covers its trigger: it takes at most the room on its
+    // side, and its list scrolls.
+    const roomBelow = viewport.height - rect.bottom - SWITCHER_GAP - SWITCHER_INSET;
+    const roomAbove = rect.top - SWITCHER_GAP - SWITCHER_INSET;
+    if (choose) {
+      const rem = Number.parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;
+      above = Math.min(28 * rem, 0.8 * viewport.height) > roomBelow && roomAbove > roomBelow;
+      panel.style.removeProperty("min-height");
+    }
+    const room = Math.max(0, above ? roomAbove : roomBelow);
+    panel.style.setProperty("--k2b-sidebar-switcher-room", `${room}px`);
+    panel.style.left = `${dropdownPosition(rect, panel.getBoundingClientRect(), "bottom-right", viewport).left}px`;
+    if (above) {
+      // Its bottom edge stays beside the trigger, and it does not shrink while open, so a narrowed search keeps the
+      // search field where the person is typing.
+      const height = Math.min(room, Math.max(panel.getBoundingClientRect().height, Number.parseFloat(panel.style.minHeight) || 0));
+      panel.style.minHeight = `${height}px`;
+      panel.style.top = "auto";
+      panel.style.bottom = `${document.documentElement.clientHeight - rect.top + SWITCHER_GAP}px`;
+    } else {
+      panel.style.top = `${rect.bottom + SWITCHER_GAP}px`;
+      panel.style.bottom = "auto";
+    }
+  };
+  const reposition = () => open() && place();
+  const resize = () => open() && place(true);
+  // Arriving options, an error, or the search field grow the panel after it opened, so its size places it too.
+  let resizing;
+  const listen = on => {
+    const method = on ? "addEventListener" : "removeEventListener";
+    window[method]("resize", resize);
+    window[method]("scroll", reposition, true);
+    if (on && panel) {
+      resizing ??= new ResizeObserver(reposition);
+      resizing.observe(panel);
+    } else resizing?.disconnect();
+  };
+  // Server rendering cleans up too, where no window exists.
+  onCleanup(() => isServer || listen(false));
+  /** Lets the host dismiss its menu first, then opens the link or runs the action unless the host cancels. */
+  const choose = run => {
+    hide(false);
+    if (!props.beforeSelect) return run();
+    void Promise.resolve(props.beforeSelect()).then(allowed => {
+      if (allowed !== false) run();
+    });
+  };
+  const follow = event => {
+    if (!plainClick(event)) return;
+    if (!props.beforeSelect) return hide(false);
+    event.preventDefault();
+    const href = event.currentTarget.href;
+    choose(() => documentNavigate(href));
+  };
+  const rows = () => panel ? Array.from(panel.querySelectorAll("[data-switcher-row]:not([aria-disabled='true'])")) : [];
+  const focusRow = index => {
+    const all = rows();
+    if (all.length) all[(index + all.length) % all.length]?.focus();
+  };
+  const show = (focus = "start") => {
+    if (!panel || panel.matches(":popover-open")) return;
+    load();
+    keyboardOpened = ringOnReturn(trigger);
+    setQuery("");
+    panel.showPopover();
+    setOpen(true);
+    listen(true);
+    place(true);
+    queueMicrotask(() => {
+      // On touch the search field waits for a tap, so the keyboard does not cover the list on opening.
+      if (searchable() && focus === "start" && !window.matchMedia("(pointer: coarse)").matches) search?.focus();else if (focus === "end") focusRow(-1);
+      // While the list loads, the panel holds focus, so arriving rows do not move it.
+      else (panel?.querySelector('[aria-current="true"]') ?? (props.options ? rows()[0] : panel))?.focus();
+    });
+  };
+  const hide = restoreFocus => {
+    if (restoreFocus) returnFocus(trigger, keyboardOpened);
+    if (panel?.matches(":popover-open")) panel.hidePopover();
+  };
+  const onPanelKeyDown = event => {
+    const target = event.target;
+    const all = rows();
+    const index = all.indexOf(target);
+    if (event.key === "Escape") {
+      // The panel closes alone; an overlay sidebar around it stays open.
+      event.preventDefault();
+      event.stopPropagation();
+      hide(true);
+    } else if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+      event.preventDefault();
+      focusRow(index + (event.key === "ArrowDown" ? 1 : -1));
+    } else if ((event.key === "Home" || event.key === "End") && target !== search) {
+      event.preventDefault();
+      focusRow(event.key === "Home" ? 0 : -1);
+    } else if (event.key === "Enter" && target === search) {
+      event.preventDefault();
+      panel?.querySelector("[data-switcher-option]")?.click();
+    } else if (search && target !== search && event.key.length === 1 && event.key !== " " && !(event.metaKey || event.ctrlKey || event.altKey)) {
+      // Typing anywhere in a long list searches it.
+      event.preventDefault();
+      setQuery(query() + event.key);
+      search.focus();
+    }
+  };
+  return (() => {
+    var _el$ = _$getNextElement(_tmpl$3),
+      _el$2 = _el$.firstChild,
+      _el$3 = _el$2.firstChild,
+      _el$4 = _el$3.firstChild,
+      _el$5 = _el$3.nextSibling,
+      _el$6 = _el$5.firstChild,
+      _el$7 = _el$6.nextSibling,
+      [_el$8, _co$] = _$getNextMarker(_el$7.nextSibling),
+      _el$9 = _el$5.nextSibling,
+      _el$0 = _el$9.nextSibling,
+      _el$1 = _el$2.nextSibling,
+      _el$15 = _el$1.firstChild,
+      [_el$16, _co$2] = _$getNextMarker(_el$15.nextSibling),
+      _el$13 = _el$16.nextSibling,
+      _el$17 = _el$13.nextSibling,
+      [_el$18, _co$3] = _$getNextMarker(_el$17.nextSibling);
+    _el$2.$$keydown = event => {
+      if (event.key !== "ArrowDown" && event.key !== "ArrowUp") return;
+      event.preventDefault();
+      if (open()) focusRow(event.key === "ArrowDown" ? 0 : -1);else show(event.key === "ArrowDown" ? "start" : "end");
+    };
+    _el$2.$$click = () => {
+      const wasOpen = openAtPress ?? panel?.matches(":popover-open");
+      openAtPress = undefined;
+      if (wasOpen) hide(false);else show();
+    };
+    _el$2.$$pointerdown = () => openAtPress = panel?.matches(":popover-open");
+    _el$2.addEventListener("focus", load);
+    _el$2.addEventListener("pointerenter", load);
+    var _ref$ = trigger;
+    typeof _ref$ === "function" ? _$use(_ref$, _el$2) : trigger = _el$2;
+    _$setAttribute(_el$2, "aria-describedby", `${id}-purpose`);
+    _$setAttribute(_el$2, "aria-controls", id);
+    _$insert(_el$6, () => props.label);
+    _$insert(_el$5, _$createComponent(Show, {
+      get when() {
+        return props.description;
+      },
+      children: description => (() => {
+        var _el$19 = _$getNextElement(_tmpl$4);
+        _$insert(_el$19, description);
+        return _el$19;
+      })()
+    }), _el$8, _co$);
+    _$setAttribute(_el$0, "id", `${id}-purpose`);
+    _$insert(_el$0, () => [props.description, props.switchLabel].filter(Boolean).join(", "));
+    _el$1.addEventListener("toggle", event => {
+      if (event.newState === "open") return;
+      setOpen(false);
+      listen(false);
+    });
+    _el$1.$$focusout = event => {
+      const next = event.relatedTarget;
+      // Tabbing out closes the panel; focus that leaves the window keeps it.
+      if (next && !panel?.contains(next) && next !== trigger) hide(false);
+    };
+    _el$1.$$keydown = onPanelKeyDown;
+    var _ref$2 = panel;
+    typeof _ref$2 === "function" ? _$use(_ref$2, _el$1) : panel = _el$1;
+    _$setAttribute(_el$1, "id", id);
+    _$insert(_el$1, _$createComponent(Show, {
+      get when() {
+        return searchable();
+      },
+      get children() {
+        var _el$10 = _$getNextElement(_tmpl$),
+          _el$11 = _el$10.firstChild,
+          _el$12 = _el$11.nextSibling;
+        _el$12.$$input = event => setQuery(event.currentTarget.value);
+        var _ref$3 = search;
+        typeof _ref$3 === "function" ? _$use(_ref$3, _el$12) : search = _el$12;
+        _$setAttribute(_el$12, "aria-controls", `${id}-options`);
+        _$effect(_p$ => {
+          var _v$ = messages().search,
+            _v$2 = messages().searchLabel;
+          _v$ !== _p$.e && _$setAttribute(_el$12, "placeholder", _p$.e = _v$);
+          _v$2 !== _p$.t && _$setAttribute(_el$12, "aria-label", _p$.t = _v$2);
+          return _p$;
+        }, {
+          e: undefined,
+          t: undefined
+        });
+        _$effect(() => _$setProperty(_el$12, "value", query()));
+        _$runHydrationEvents();
+        return _el$10;
+      }
+    }), _el$16, _co$2);
+    _$setAttribute(_el$13, "id", `${id}-options`);
+    _$insert(_el$13, _$createComponent(Show, {
+      get when() {
+        return props.options;
+      },
+      get fallback() {
+        return (() => {
+          var _el$20 = _$getNextElement(_tmpl$5);
+          _$insert(_el$20, _$createComponent(Show, {
+            get when() {
+              return props.error;
+            },
+            get fallback() {
+              return [_$getNextElement(_tmpl$6), (() => {
+                var _el$22 = _$getNextElement(_tmpl$7);
+                _$insert(_el$22, () => messages().loading);
+                return _el$22;
+              })()];
+            },
+            children: error => [(() => {
+              var _el$23 = _$getNextElement(_tmpl$7);
+              _$insert(_el$23, error);
+              return _el$23;
+            })(), (() => {
+              var _el$24 = _$getNextElement(_tmpl$8);
+              _el$24.$$click = () => props.onLoad?.();
+              _$insert(_el$24, () => messages().retry);
+              _$runHydrationEvents();
+              return _el$24;
+            })()]
+          }));
+          _$effect(() => _$setAttribute(_el$20, "data-tone", props.error ? "danger" : undefined));
+          return _el$20;
+        })();
+      },
+      get children() {
+        return _$createComponent(For, {
+          get each() {
+            return visible();
+          },
+          get fallback() {
+            return (() => {
+              var _el$25 = _$getNextElement(_tmpl$5);
+              _$insert(_el$25, () => messages().noResults);
+              return _el$25;
+            })();
+          },
+          children: option => {
+            const current = () => option.id === props.currentId;
+            return (() => {
+              var _el$26 = _$getNextElement(_tmpl$9),
+                _el$27 = _el$26.firstChild,
+                _el$28 = _el$27.firstChild,
+                _el$29 = _el$28.firstChild,
+                _el$30 = _el$28.nextSibling,
+                _el$31 = _el$30.firstChild,
+                _el$32 = _el$31.nextSibling,
+                [_el$33, _co$4] = _$getNextMarker(_el$32.nextSibling),
+                _el$34 = _el$30.nextSibling;
+              _el$27.$$click = event => {
+                // The open container is already here: choosing it only closes the panel.
+                if (current() && plainClick(event)) {
+                  event.preventDefault();
+                  hide(true);
+                } else follow(event);
+              };
+              _$insert(_el$31, () => option.label);
+              _$insert(_el$30, _$createComponent(Show, {
+                get when() {
+                  return option.description;
+                },
+                children: description => (() => {
+                  var _el$35 = _$getNextElement(_tmpl$4);
+                  _$insert(_el$35, description);
+                  return _el$35;
+                })()
+              }), _el$33, _co$4);
+              _$effect(_p$ => {
+                var _v$1 = option.href,
+                  _v$10 = current() ? "true" : undefined,
+                  _v$11 = tint(option.color ?? props.color),
+                  _v$12 = iconClass(option.icon ?? props.icon),
+                  _v$13 = current() ? undefined : "true";
+                _v$1 !== _p$.e && _$setAttribute(_el$27, "href", _p$.e = _v$1);
+                _v$10 !== _p$.t && _$setAttribute(_el$27, "aria-current", _p$.t = _v$10);
+                _p$.a = _$style(_el$28, _v$11, _p$.a);
+                _v$12 !== _p$.o && _$className(_el$29, _p$.o = _v$12);
+                _v$13 !== _p$.i && _$setAttribute(_el$34, "data-hidden", _p$.i = _v$13);
+                return _p$;
+              }, {
+                e: undefined,
+                t: undefined,
+                a: undefined,
+                o: undefined,
+                i: undefined
+              });
+              _$runHydrationEvents();
+              return _el$26;
+            })();
+          }
+        });
+      }
+    }));
+    _$insert(_el$1, _$createComponent(Show, {
+      get when() {
+        return props.actions?.length;
+      },
+      get children() {
+        var _el$14 = _$getNextElement(_tmpl$2);
+        _$insert(_el$14, _$createComponent(For, {
+          get each() {
+            return props.actions;
+          },
+          children: item => (() => {
+            var _el$36 = _$getNextElement(_tmpl$0);
+            _$insert(_el$36, _$createComponent(Show, {
+              get when() {
+                return item.href;
+              },
+              get fallback() {
+                return (() => {
+                  var _el$37 = _$getNextElement(_tmpl$1),
+                    _el$38 = _el$37.firstChild,
+                    _el$39 = _el$38.nextSibling,
+                    _el$40 = _el$39.firstChild;
+                  _el$37.$$click = () => choose(() => item.action?.());
+                  _$insert(_el$40, () => item.label);
+                  _$effect(_p$ => {
+                    var _v$14 = item.disabled,
+                      _v$15 = item.disabled ? "true" : undefined,
+                      _v$16 = iconClass(item.icon);
+                    _v$14 !== _p$.e && _$setProperty(_el$37, "disabled", _p$.e = _v$14);
+                    _v$15 !== _p$.t && _$setAttribute(_el$37, "aria-disabled", _p$.t = _v$15);
+                    _v$16 !== _p$.a && _$className(_el$38, _p$.a = _v$16);
+                    return _p$;
+                  }, {
+                    e: undefined,
+                    t: undefined,
+                    a: undefined
+                  });
+                  _$runHydrationEvents();
+                  return _el$37;
+                })();
+              },
+              children: href => (() => {
+                var _el$41 = _$getNextElement(_tmpl$10),
+                  _el$42 = _el$41.firstChild,
+                  _el$43 = _el$42.nextSibling,
+                  _el$44 = _el$43.firstChild;
+                _el$41.$$click = event => item.disabled || follow(event);
+                _$insert(_el$44, () => item.label);
+                _$effect(_p$ => {
+                  var _v$17 = item.disabled ? undefined : href(),
+                    _v$18 = item.disabled ? "true" : undefined,
+                    _v$19 = iconClass(item.icon);
+                  _v$17 !== _p$.e && _$setAttribute(_el$41, "href", _p$.e = _v$17);
+                  _v$18 !== _p$.t && _$setAttribute(_el$41, "aria-disabled", _p$.t = _v$18);
+                  _v$19 !== _p$.a && _$className(_el$42, _p$.a = _v$19);
+                  return _p$;
+                }, {
+                  e: undefined,
+                  t: undefined,
+                  a: undefined
+                });
+                _$runHydrationEvents();
+                return _el$41;
+              })()
+            }));
+            return _el$36;
+          })()
+        }));
+        return _el$14;
+      }
+    }), _el$18, _co$3);
+    _$effect(_p$ => {
+      var _v$3 = `k2b-sidebar-switcher ${props.class ?? ""}`,
+        _v$4 = props.description ? "" : undefined,
+        _v$5 = props.label,
+        _v$6 = open(),
+        _v$7 = props.label,
+        _v$8 = tint(props.color),
+        _v$9 = iconClass(props.icon),
+        _v$0 = props.switchLabel;
+      _v$3 !== _p$.e && _$className(_el$, _p$.e = _v$3);
+      _v$4 !== _p$.t && _$setAttribute(_el$, "data-description", _p$.t = _v$4);
+      _v$5 !== _p$.a && _$setAttribute(_el$2, "aria-label", _p$.a = _v$5);
+      _v$6 !== _p$.o && _$setAttribute(_el$2, "aria-expanded", _p$.o = _v$6);
+      _v$7 !== _p$.i && _$setAttribute(_el$2, "title", _p$.i = _v$7);
+      _p$.n = _$style(_el$3, _v$8, _p$.n);
+      _v$9 !== _p$.s && _$className(_el$4, _p$.s = _v$9);
+      _v$0 !== _p$.h && _$setAttribute(_el$1, "aria-label", _p$.h = _v$0);
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
+      a: undefined,
+      o: undefined,
+      i: undefined,
+      n: undefined,
+      s: undefined,
+      h: undefined
+    });
+    _$runHydrationEvents();
+    return _el$;
+  })();
+}
+_$delegateEvents(["pointerdown", "click", "keydown", "focusout", "input"]);
+//# sourceMappingURL=SidebarSwitcher.js.map

package/dist/browser/layout/SidebarSwitcher.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["layout/SidebarSwitcher.tsx"],"sourcesContent":["import { documentNavigate } from \"@k2b/ssr/nav\";\nimport { createMemo, createSignal, createUniqueId, For, type JSX, onCleanup, Show } from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\nimport { dropdownPosition } from \"../actions/Dropdown\";\nimport { returnFocus, ringOnReturn } from \"../internal/focus-return\";\nimport { useUiMessages } from \"../intl/messages\";\n\n/** One container a person can switch to, such as a notebook, a space, or a mailbox. */\nexport type AppWorkspaceSwitcherOption = {\n  id: string;\n  label: string;\n  /** One secondary fact, such as a mailbox's address. */\n  description?: string;\n  /** Tabler icon class; without it the row takes the switcher's icon. */\n  icon?: string;\n  /** Tints the icon; without it the app accent does. */\n  color?: string;\n  href: string;\n};\n\n/** A row below the containers, such as \"New notebook\" or \"All notebooks\". */\nexport type AppWorkspaceSwitcherAction = {\n  id: string;\n  label: string;\n  icon: string;\n  disabled?: boolean;\n} & ({ href: string; action?: never } | { action: () => void; href?: never });\n\nexport type AppWorkspaceSidebarSwitcherProps = {\n  /** The current container's ID among `options`. */\n  currentId: string;\n  /** The current container's name. */\n  label: string;\n  /** One secondary fact under the name, such as a mailbox's address. */\n  description?: string;\n  icon: string;\n  /** Tints the icon; without it the app accent does. */\n  color?: string;\n  /** Names the button's purpose and its panel, such as \"Switch notebook\". */\n  switchLabel: string;\n  /** Every container the person can switch to, the current one included; `undefined` until they are loaded. */\n  options?: readonly AppWorkspaceSwitcherOption[];\n  /** Shown in place of the options when loading them failed; the panel offers to try again through `onLoad`. */\n  error?: string;\n  /**\n   * Asks for `options` while they are `undefined`: when a pointer or the focus first reaches the button, so the list\n   * is usually there when the panel opens, on every opening, and from the panel's retry. Ignore repeated calls while a\n   * request runs.\n   */\n  onLoad?: () => void;\n  actions?: readonly AppWorkspaceSwitcherAction[];\n  /**\n   * A host menu around the switcher, such as the phone menu, finishes dismissing itself before a chosen container\n   * opens or an action runs; `false` cancels the choice. Navigation passes its own.\n   */\n  beforeSelect?: () => boolean | void | Promise<boolean | void>;\n  /** Sizes the switcher in its place, such as `flex-1` beside a button in one row. */\n  class?: string;\n};\n\n/** From this many containers the panel scrolls, so it offers a search field. */\nexport const APP_WORKSPACE_SWITCHER_SEARCH_FROM = 8;\n\n/** The space between trigger and panel, and the panel's distance from the viewport edges, as for every dropdown. */\nconst SWITCHER_GAP = 4;\nconst SWITCHER_INSET = 8;\n\nconst iconClass = (icon: string) => (icon.split(/\\s+/).includes(\"ti\") ? icon : `ti ${icon}`);\nconst tint = (color: string | undefined) => (color ? { \"--k2b-sidebar-switcher-color\": color } : undefined);\nconst plainClick = (event: MouseEvent) => event.button === 0 && !(event.metaKey || event.ctrlKey || event.shiftKey || event.altKey);\n\n/**\n * The current container at the top of a sidebar: its icon, name, and an optional fact, with a chevron that opens the\n * other containers, a search field when there are many, and actions such as \"New …\" and \"All …\". The rows are links,\n * so a container also opens in a new tab. In a collapsed rail it shows only the icon and opens beside the rail.\n */\nexport function AppWorkspaceSidebarSwitcher(props: AppWorkspaceSidebarSwitcherProps): JSX.Element {\n  const messages = useUiMessages();\n  const id = `k2b-sidebar-switcher-${createUniqueId().replace(/[^a-zA-Z0-9_-]/g, \"-\")}`;\n  const [open, setOpen] = createSignal(false);\n  const [query, setQuery] = createSignal(\"\");\n  let trigger: HTMLButtonElement | undefined;\n  let panel: HTMLDivElement | undefined;\n  let search: HTMLInputElement | undefined;\n  let keyboardOpened = true;\n  /** Whether the panel was open when a press on the button began; the press itself light-dismisses it first. */\n  let openAtPress: boolean | undefined;\n\n  const searchable = () => (props.options?.length ?? 0) >= APP_WORKSPACE_SWITCHER_SEARCH_FROM;\n  const visible = createMemo(() => {\n    const needle = query().trim().toLocaleLowerCase();\n    const options = props.options ?? [];\n    if (!needle) return options;\n    return options.filter((option) => [option.label, option.description].some((part) => part?.toLocaleLowerCase().includes(needle)));\n  });\n  const load = () => {\n    if (props.options === undefined) props.onLoad?.();\n  };\n\n  // The collapsed rail is a narrow column from 64 rem, so the panel opens beside it instead of below.\n  const inRail = () =>\n    Boolean(\n      trigger?.closest('[data-sidebar-collapsed=\"true\"] .k2b-app-workspace__sidebar[data-workspace-collapsible=\"true\"]') &&\n        window.matchMedia(\"(min-width: 64rem)\").matches,\n    );\n  /** Whether the panel opens above its trigger; chosen on opening and on a viewport resize only. */\n  let above = false;\n  /**\n   * Places the panel beside its trigger. `choose` picks its side again; otherwise it keeps the side, so arriving\n   * options, an error, or a narrowed search never flip it to the other side while it is open.\n   */\n  const place = (choose = false) => {\n    if (!trigger || !panel) return;\n    const rect = trigger.getBoundingClientRect();\n    const viewport = { width: window.innerWidth, height: window.innerHeight };\n    const rail = inRail();\n    // As wide as the sidebar row and never narrower than a menu, so long names keep their words; fixed while open,\n    // so filtering never changes the panel's width.\n    panel.style.setProperty(\"--k2b-sidebar-switcher-width\", `${rail ? 0 : Math.round(rect.width)}px`);\n    if (rail) {\n      panel.style.removeProperty(\"--k2b-sidebar-switcher-room\");\n      panel.style.removeProperty(\"min-height\");\n      panel.style.bottom = \"auto\";\n      const position = dropdownPosition(rect, panel.getBoundingClientRect(), \"right-start\", viewport);\n      panel.style.left = `${position.left}px`;\n      panel.style.top = `${position.top}px`;\n      return;\n    }\n    // Below the trigger, or above it when the panel at its tallest does not fit below and there is more room above,\n    // as in the lower half of the phone menu. Its tallest is its CSS max-height, min(28rem, 80dvh), so the side does\n    // not depend on what the panel shows at the moment. It never covers its trigger: it takes at most the room on its\n    // side, and its list scrolls.\n    const roomBelow = viewport.height - rect.bottom - SWITCHER_GAP - SWITCHER_INSET;\n    const roomAbove = rect.top - SWITCHER_GAP - SWITCHER_INSET;\n    if (choose) {\n      const rem = Number.parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;\n      above = Math.min(28 * rem, 0.8 * viewport.height) > roomBelow && roomAbove > roomBelow;\n      panel.style.removeProperty(\"min-height\");\n    }\n    const room = Math.max(0, above ? roomAbove : roomBelow);\n    panel.style.setProperty(\"--k2b-sidebar-switcher-room\", `${room}px`);\n    panel.style.left = `${dropdownPosition(rect, panel.getBoundingClientRect(), \"bottom-right\", viewport).left}px`;\n    if (above) {\n      // Its bottom edge stays beside the trigger, and it does not shrink while open, so a narrowed search keeps the\n      // search field where the person is typing.\n      const height = Math.min(room, Math.max(panel.getBoundingClientRect().height, Number.parseFloat(panel.style.minHeight) || 0));\n      panel.style.minHeight = `${height}px`;\n      panel.style.top = \"auto\";\n      panel.style.bottom = `${document.documentElement.clientHeight - rect.top + SWITCHER_GAP}px`;\n    } else {\n      panel.style.top = `${rect.bottom + SWITCHER_GAP}px`;\n      panel.style.bottom = \"auto\";\n    }\n  };\n  const reposition = () => open() && place();\n  const resize = () => open() && place(true);\n  // Arriving options, an error, or the search field grow the panel after it opened, so its size places it too.\n  let resizing: ResizeObserver | undefined;\n  const listen = (on: boolean) => {\n    const method = on ? \"addEventListener\" : \"removeEventListener\";\n    window[method](\"resize\", resize);\n    window[method](\"scroll\", reposition, true);\n    if (on && panel) {\n      resizing ??= new ResizeObserver(reposition);\n      resizing.observe(panel);\n    } else resizing?.disconnect();\n  };\n  // Server rendering cleans up too, where no window exists.\n  onCleanup(() => isServer || listen(false));\n  /** Lets the host dismiss its menu first, then opens the link or runs the action unless the host cancels. */\n  const choose = (run: () => void) => {\n    hide(false);\n    if (!props.beforeSelect) return run();\n    void Promise.resolve(props.beforeSelect()).then((allowed) => {\n      if (allowed !== false) run();\n    });\n  };\n  const follow = (event: MouseEvent & { currentTarget: HTMLAnchorElement }) => {\n    if (!plainClick(event)) return;\n    if (!props.beforeSelect) return hide(false);\n    event.preventDefault();\n    const href = event.currentTarget.href;\n    choose(() => documentNavigate(href));\n  };\n\n  const rows = () => (panel ? Array.from(panel.querySelectorAll<HTMLElement>(\"[data-switcher-row]:not([aria-disabled='true'])\")) : []);\n  const focusRow = (index: number) => {\n    const all = rows();\n    if (all.length) all[(index + all.length) % all.length]?.focus();\n  };\n  const show = (focus: \"start\" | \"end\" = \"start\") => {\n    if (!panel || panel.matches(\":popover-open\")) return;\n    load();\n    keyboardOpened = ringOnReturn(trigger);\n    setQuery(\"\");\n    panel.showPopover();\n    setOpen(true);\n    listen(true);\n    place(true);\n    queueMicrotask(() => {\n      // On touch the search field waits for a tap, so the keyboard does not cover the list on opening.\n      if (searchable() && focus === \"start\" && !window.matchMedia(\"(pointer: coarse)\").matches) search?.focus();\n      else if (focus === \"end\") focusRow(-1);\n      // While the list loads, the panel holds focus, so arriving rows do not move it.\n      else (panel?.querySelector<HTMLElement>('[aria-current=\"true\"]') ?? (props.options ? rows()[0] : panel))?.focus();\n    });\n  };\n  const hide = (restoreFocus: boolean) => {\n    if (restoreFocus) returnFocus(trigger, keyboardOpened);\n    if (panel?.matches(\":popover-open\")) panel.hidePopover();\n  };\n\n  const onPanelKeyDown = (event: KeyboardEvent) => {\n    const target = event.target as HTMLElement;\n    const all = rows();\n    const index = all.indexOf(target);\n    if (event.key === \"Escape\") {\n      // The panel closes alone; an overlay sidebar around it stays open.\n      event.preventDefault();\n      event.stopPropagation();\n      hide(true);\n    } else if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      focusRow(index + (event.key === \"ArrowDown\" ? 1 : -1));\n    } else if ((event.key === \"Home\" || event.key === \"End\") && target !== search) {\n      event.preventDefault();\n      focusRow(event.key === \"Home\" ? 0 : -1);\n    } else if (event.key === \"Enter\" && target === search) {\n      event.preventDefault();\n      panel?.querySelector<HTMLElement>(\"[data-switcher-option]\")?.click();\n    } else if (\n      search &&\n      target !== search &&\n      event.key.length === 1 &&\n      event.key !== \" \" &&\n      !(event.metaKey || event.ctrlKey || event.altKey)\n    ) {\n      // Typing anywhere in a long list searches it.\n      event.preventDefault();\n      setQuery(query() + event.key);\n      search.focus();\n    }\n  };\n\n  return (\n    <div class={`k2b-sidebar-switcher ${props.class ?? \"\"}`} data-description={props.description ? \"\" : undefined}>\n      <button\n        ref={trigger}\n        type=\"button\"\n        class=\"k2b-sidebar-switcher__trigger\"\n        aria-label={props.label}\n        aria-describedby={`${id}-purpose`}\n        aria-haspopup=\"dialog\"\n        aria-expanded={open()}\n        aria-controls={id}\n        // The full name for a truncated title and for the icon in a collapsed rail.\n        title={props.label}\n        onPointerEnter={load}\n        onFocus={load}\n        onPointerDown={() => (openAtPress = panel?.matches(\":popover-open\"))}\n        onClick={() => {\n          const wasOpen = openAtPress ?? panel?.matches(\":popover-open\");\n          openAtPress = undefined;\n          if (wasOpen) hide(false);\n          else show();\n        }}\n        onKeyDown={(event) => {\n          if (event.key !== \"ArrowDown\" && event.key !== \"ArrowUp\") return;\n          event.preventDefault();\n          if (open()) focusRow(event.key === \"ArrowDown\" ? 0 : -1);\n          else show(event.key === \"ArrowDown\" ? \"start\" : \"end\");\n        }}\n      >\n        <span class=\"k2b-sidebar-switcher__icon\" style={tint(props.color)} aria-hidden=\"true\">\n          <i class={iconClass(props.icon)} />\n        </span>\n        <span class=\"k2b-sidebar-switcher__copy\" aria-hidden=\"true\">\n          <span>{props.label}</span>\n          <Show when={props.description}>{(description) => <small>{description()}</small>}</Show>\n        </span>\n        <i class=\"ti ti-selector k2b-sidebar-switcher__chevron\" aria-hidden=\"true\" />\n        <span id={`${id}-purpose`} class=\"k2b-sr-only\">\n          {[props.description, props.switchLabel].filter(Boolean).join(\", \")}\n        </span>\n      </button>\n      <div\n        ref={panel}\n        id={id}\n        popover=\"auto\"\n        tabIndex={-1}\n        role=\"dialog\"\n        aria-label={props.switchLabel}\n        class=\"k2b-sidebar-switcher__panel\"\n        onKeyDown={onPanelKeyDown}\n        onFocusOut={(event) => {\n          const next = event.relatedTarget as Node | null;\n          // Tabbing out closes the panel; focus that leaves the window keeps it.\n          if (next && !panel?.contains(next) && next !== trigger) hide(false);\n        }}\n        onToggle={(event) => {\n          if ((event as ToggleEvent).newState === \"open\") return;\n          setOpen(false);\n          listen(false);\n        }}\n      >\n        <Show when={searchable()}>\n          <div class=\"k2b-choice-search k2b-sidebar-switcher__search\">\n            <i class=\"ti ti-search\" aria-hidden=\"true\" />\n            <input\n              ref={search}\n              type=\"search\"\n              data-switcher-row\n              value={query()}\n              placeholder={messages().search}\n              aria-label={messages().searchLabel}\n              aria-controls={`${id}-options`}\n              onInput={(event) => setQuery(event.currentTarget.value)}\n            />\n          </div>\n        </Show>\n        <ul id={`${id}-options`} class=\"k2b-sidebar-switcher__options\">\n          <Show\n            when={props.options}\n            fallback={\n              <li class=\"k2b-choice-status\" role=\"status\" data-tone={props.error ? \"danger\" : undefined}>\n                <Show\n                  when={props.error}\n                  fallback={\n                    <>\n                      <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n                      <span>{messages().loading}</span>\n                    </>\n                  }\n                >\n                  {(error) => (\n                    <>\n                      <span>{error()}</span>\n                      <button type=\"button\" data-switcher-row onClick={() => props.onLoad?.()}>\n                        {messages().retry}\n                      </button>\n                    </>\n                  )}\n                </Show>\n              </li>\n            }\n          >\n            <For\n              each={visible()}\n              fallback={\n                <li class=\"k2b-choice-status\" role=\"status\">\n                  {messages().noResults}\n                </li>\n              }\n            >\n              {(option) => {\n                const current = () => option.id === props.currentId;\n                return (\n                  <li>\n                    <a\n                      href={option.href}\n                      class=\"k2b-dropdown__item k2b-sidebar-switcher__option\"\n                      data-switcher-row\n                      data-switcher-option\n                      aria-current={current() ? \"true\" : undefined}\n                      onClick={(event) => {\n                        // The open container is already here: choosing it only closes the panel.\n                        if (current() && plainClick(event)) {\n                          event.preventDefault();\n                          hide(true);\n                        } else follow(event);\n                      }}\n                    >\n                      <span class=\"k2b-sidebar-switcher__option-icon\" style={tint(option.color ?? props.color)} aria-hidden=\"true\">\n                        <i class={iconClass(option.icon ?? props.icon)} />\n                      </span>\n                      <span class=\"k2b-dropdown__copy\">\n                        <span>{option.label}</span>\n                        <Show when={option.description}>{(description) => <small>{description()}</small>}</Show>\n                      </span>\n                      <i class=\"ti ti-check k2b-dropdown__check\" data-hidden={current() ? undefined : \"true\"} aria-hidden=\"true\" />\n                    </a>\n                  </li>\n                );\n              }}\n            </For>\n          </Show>\n        </ul>\n        <Show when={props.actions?.length}>\n          <ul class=\"k2b-sidebar-switcher__actions\">\n            <For each={props.actions}>\n              {(item) => (\n                <li>\n                  <Show\n                    when={item.href}\n                    fallback={\n                      <button\n                        type=\"button\"\n                        class=\"k2b-dropdown__item\"\n                        data-switcher-row\n                        disabled={item.disabled}\n                        aria-disabled={item.disabled ? \"true\" : undefined}\n                        onClick={() => choose(() => item.action?.())}\n                      >\n                        <i class={iconClass(item.icon)} aria-hidden=\"true\" />\n                        <span class=\"k2b-dropdown__copy\">\n                          <span>{item.label}</span>\n                        </span>\n                      </button>\n                    }\n                  >\n                    {(href) => (\n                      <a\n                        href={item.disabled ? undefined : href()}\n                        class=\"k2b-dropdown__item\"\n                        data-switcher-row\n                        aria-disabled={item.disabled ? \"true\" : undefined}\n                        onClick={(event) => item.disabled || follow(event)}\n                      >\n                        <i class={iconClass(item.icon)} aria-hidden=\"true\" />\n                        <span class=\"k2b-dropdown__copy\">\n                          <span>{item.label}</span>\n                        </span>\n                      </a>\n                    )}\n                  </Show>\n                </li>\n              )}\n            </For>\n          </ul>\n        </Show>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}