@k2b/ui 0.44.0 → 0.46.0

package/dist/browser/actions/ViewTabs.js

@@ -1,7 +1,8 @@
 import { template as _$template } from "solid-js/web";
 import { setProperty as _$setProperty } from "solid-js/web";
-import { setAttribute as _$setAttribute } from "solid-js/web";
 import { getNextMarker as _$getNextMarker } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
 import { use as _$use } from "solid-js/web";
 import { className as _$className } from "solid-js/web";
 import { effect as _$effect } from "solid-js/web";
@@ -11,13 +12,15 @@ import { insert as _$insert } from "solid-js/web";
 var _tmpl$ = /*#__PURE__*/_$template(`<span class=k2b-view-tabs__count>`),
   _tmpl$2 = /*#__PURE__*/_$template(`<span class="k2b-view-tabs__label k2b-truncate-fade">`),
   _tmpl$3 = /*#__PURE__*/_$template(`<i aria-hidden=true>`),
-  _tmpl$4 = /*#__PURE__*/_$template(`<span class=k2b-view-tabs__label>`),
-  _tmpl$5 = /*#__PURE__*/_$template(`<span class=k2b-view-tabs__more-count data-level=wide>+<!$><!/>`),
-  _tmpl$6 = /*#__PURE__*/_$template(`<span class=k2b-view-tabs__more-count data-level=compact>+<!$><!/>`),
-  _tmpl$7 = /*#__PURE__*/_$template(`<i class="ti ti-chevron-down"aria-hidden=true>`),
-  _tmpl$8 = /*#__PURE__*/_$template(`<li class=k2b-view-tabs__more>`),
-  _tmpl$9 = /*#__PURE__*/_$template(`<nav><ul class=k2b-view-tabs__list data-scroll-fade-mode=both data-scroll-fade-axis=horizontal><!$><!/><!$><!/></ul><script>`),
-  _tmpl$0 = /*#__PURE__*/_$template(`<li class=k2b-view-tabs__item><a class=k2b-view-tabs__tab>`);
+  _tmpl$4 = /*#__PURE__*/_$template(`<span class=k2b-view-tabs__badge>`),
+  _tmpl$5 = /*#__PURE__*/_$template(`<li class=k2b-view-tabs__item><a class=k2b-view-tabs__tab>`),
+  _tmpl$6 = /*#__PURE__*/_$template(`<span class=k2b-view-tabs__label>`),
+  _tmpl$7 = /*#__PURE__*/_$template(`<span class=k2b-view-tabs__more-count data-level=wide>+<!$><!/>`),
+  _tmpl$8 = /*#__PURE__*/_$template(`<span class=k2b-view-tabs__more-count data-level=compact>+<!$><!/>`),
+  _tmpl$9 = /*#__PURE__*/_$template(`<span class=k2b-view-tabs__more-count data-level=fit>`),
+  _tmpl$0 = /*#__PURE__*/_$template(`<i class="ti ti-chevron-down"aria-hidden=true>`),
+  _tmpl$1 = /*#__PURE__*/_$template(`<li class=k2b-view-tabs__more>`),
+  _tmpl$10 = /*#__PURE__*/_$template(`<nav><ul class=k2b-view-tabs__list data-scroll-fade-mode=both data-scroll-fade-axis=horizontal><!$><!/><!$><!/><!$><!/></ul><script>`);
 import { createEffect, createMemo, createSignal, For, on, onCleanup, onMount, Show } from "solid-js";
 import { useUiMessages } from "../intl/messages";
 import { createScrollFade, scrollFadeEdges } from "../layout/scroll-fade";
@@ -26,10 +29,14 @@ import Dropdown from "./Dropdown";
 export function viewTabsLayout(items, current, max = 5) {
   // At least one slot keeps the current view visible, including for an invalid limit.
   const limit = Number.isFinite(max) ? Math.max(1, Math.floor(max)) : 5;
+  // Pinned views never overflow, so they take no slot.
+  const flowing = items.flatMap((item, index) => item.pinned ? [] : [index]);
+  const pinned = items.flatMap((item, index) => item.pinned ? [index] : []);
   const currentIndex = items.findIndex(item => item.id === current);
+  const currentPosition = flowing.indexOf(currentIndex);
   const visible = size => {
-    const indices = items.slice(0, size).map((_, index) => index);
-    if (currentIndex >= size) indices[indices.length - 1] = currentIndex;
+    const indices = flowing.slice(0, size);
+    if (currentPosition >= size) indices[indices.length - 1] = currentIndex;
     return indices;
   };
   const wide = visible(limit);
@@ -37,14 +44,50 @@ export function viewTabsLayout(items, current, max = 5) {
   return {
     wide,
     compact,
-    wideHidden: items.length - wide.length,
-    compactHidden: items.length - compact.length
+    pinned,
+    wideHidden: flowing.length - wide.length,
+    compactHidden: flowing.length - compact.length
   };
 }
 
-/** Self-contained: the server script embeds this before hydration. */
+/**
+ * Self-contained: the server script embeds this before hydration. A fitting strip first keeps only the views that fit
+ * its room and counts the rest in More; then the open or focused view scrolls into the strip.
+ */
 function settleViewTabs(list, edges, focused) {
   if (!(list instanceof HTMLElement)) return;
+  const more = list.querySelector(":scope > .k2b-view-tabs__more");
+  const fitCount = more?.querySelector('.k2b-view-tabs__more-count[data-level="fit"]');
+  const flowing = Array.from(list.querySelectorAll(":scope > .k2b-view-tabs__item:not([data-pinned])"));
+  for (const item of flowing) item.removeAttribute("data-fit-hidden");
+  more?.removeAttribute("data-fit");
+  // The shown entries against the strip's inner room, whatever its scroll and padding.
+  const overflows = () => {
+    const boxes = Array.from(list.children).filter(child => child instanceof HTMLElement && child.tagName === "LI" && child.getClientRects().length > 0).map(child => child.getBoundingClientRect());
+    if (boxes.length === 0) return false;
+    const style = getComputedStyle(list);
+    const room = list.clientWidth - (parseFloat(style.paddingLeft) || 0) - (parseFloat(style.paddingRight) || 0);
+    return Math.max(...boxes.map(box => box.right)) - Math.min(...boxes.map(box => box.left)) > room + 0.5;
+  };
+  // The phone head row keeps its scrolling strip: its CSS turns fitting off.
+  const fits = list.hasAttribute("data-fit-room") && getComputedStyle(list).getPropertyValue("--k2b-view-tabs-fit").trim() !== "none";
+  if (fits && more && fitCount && overflows()) {
+    // Count from the level on screen: the compact strip already keeps fewer views than the wide one.
+    const compact = more.querySelector('.k2b-view-tabs__more-count[data-level="compact"]');
+    const compactShown = Boolean(compact && getComputedStyle(compact).display !== "none");
+    const behind = Number(compactShown ? more.dataset.behindCompact : more.dataset.behindWide) || 0;
+    // The last views on screen leave first; the open view stays.
+    const candidates = flowing.filter(item => item.getClientRects().length > 0 && !item.querySelector("[aria-current=page]")).reverse();
+    more.setAttribute("data-fit", "");
+    let hidden = 0;
+    for (const item of candidates) {
+      item.setAttribute("data-fit-hidden", "");
+      hidden += 1;
+      fitCount.textContent = `+${behind + hidden}`;
+      if (!overflows()) break;
+    }
+    if (hidden === 0) more.removeAttribute("data-fit");
+  }
   const current = focused ?? list.querySelector(".k2b-view-tabs__tab[aria-current=page]");
   if (current && current.getClientRects().length > 0 && list.scrollWidth - list.clientWidth > 1) {
     const bounds = list.getBoundingClientRect();
@@ -69,9 +112,20 @@ function settleViewTabs(list, edges, focused) {
   const fade = edges(list);
   if (fade) list.setAttribute("data-scroll-fade", fade);else list.removeAttribute("data-scroll-fade");
 }
-/** Also embedded, so it must not close over module state. */
+/**
+ * Also embedded, so it must not close over module state.
+ *
+ * A fitting strip converges by construction. It fits again only when the strip renders, web fonts finish loading, or
+ * a notification finds another width of the head lead or of an entry that the last fit left shown. A fit only shows
+ * and hides entries: the lead is an inline-size container that takes no width from the strip, and every entry keeps
+ * its own width (`flex: none`), so the notifications a fit causes find the widths it ended with and stop there.
+ */
 function watchViewTabs(list, settle, edges) {
   if (!(list instanceof HTMLElement)) return;
+  const fits = list.hasAttribute("data-fit-room");
+  const roomOf = () => list.closest(".k2b-app-workspace__head-lead");
+  // What a fit depends on: the lead's width and each shown entry's width, which fonts, icons and labels change.
+  const measured = () => [roomOf()?.clientWidth ?? -1, ...Array.from(list.children, child => child.getBoundingClientRect().width)].join(" ");
   // A DOM property survives hydration: one observer and focus listener per reused list.
   let watch = list.__k2bViewTabsWatch;
   if (!watch) {
@@ -82,29 +136,66 @@ function watchViewTabs(list, settle, edges) {
         settle(list, edges, event.target);
       }
     };
+    const settleNow = () => {
+      const focused = document.activeElement;
+      if (watch?.preferCurrent === false && focused instanceof HTMLElement && list.contains(focused) && focused.matches(".k2b-view-tabs__tab:focus-visible")) settle(list, edges, focused);else settle(list, edges);
+    };
+    // Head actions parse after the views; settle again after their layout, before paint, and on later resizes.
+    const connect = () => {
+      if (!watch) return;
+      watch.resize.disconnect();
+      watch.resize.observe(list);
+      for (const child of Array.from(list.children)) watch.resize.observe(child);
+      const room = roomOf();
+      if (fits && room) watch.resize.observe(room);
+    };
+    // Fitting resizes the strip and possibly the head, which other observers may watch. Inside a ResizeObserver
+    // callback that would leave their notifications undelivered, so a fit runs in the next frame, still before it paints.
+    const schedule = () => {
+      if (!watch || watch.frame) return;
+      watch.frame = requestAnimationFrame(() => {
+        if (!watch) return;
+        watch.frame = 0;
+        if (!list.isConnected) return;
+        settleNow();
+        watch.room = measured();
+      });
+    };
     watch = {
       resize: new ResizeObserver(() => {
-        const focused = document.activeElement;
-        if (watch?.preferCurrent === false && focused instanceof HTMLElement && list.contains(focused) && focused.matches(".k2b-view-tabs__tab:focus-visible")) settle(list, edges, focused);else settle(list, edges);
+        // A scrolling strip only scrolls and settles at once.
+        if (!fits) return settleNow();
+        // Heights follow the fit, and hidden entries measure 0 by its own doing: only another measure counts.
+        if (watch && measured() !== watch.room) watch.schedule();
       }),
       focus,
-      preferCurrent: true
+      preferCurrent: true,
+      connect,
+      schedule,
+      frame: 0,
+      room: "",
+      fonts: () => watch?.schedule()
     };
     Object.defineProperty(list, "__k2bViewTabsWatch", {
       value: watch,
       configurable: true
     });
     list.addEventListener("focusin", focus);
+    // A first visit can paint before the web fonts load; the server frame and the client then fit the same metrics.
+    if (fits && document.fonts) {
+      document.fonts.addEventListener("loadingdone", watch.fonts);
+      void document.fonts.ready.then(watch.fonts);
+    }
   }
   watch.preferCurrent = true;
-  const {
-    resize
-  } = watch;
-  resize.disconnect();
-  // Head actions parse after the views; settle again after their layout, before paint, and on later resizes.
-  resize.observe(list);
-  for (const child of Array.from(list.children)) resize.observe(child);
+  watch.connect();
   settle(list, edges);
+  if (fits) {
+    watch.room = measured();
+    // The head's actions parse after the views. A frame's animation callbacks run before its first layout and
+    // paint, so this fit also counts their room in the first frame.
+    watch.schedule();
+  }
   return watch;
 }
 const VIEW_TABS_SCRIPT = `(${watchViewTabs})(document.currentScript&&document.currentScript.previousElementSibling,${settleViewTabs},${scrollFadeEdges})`;
@@ -131,6 +222,8 @@ export function ViewTabs(props) {
     onCleanup(() => {
       disposed = true;
       watch?.resize.disconnect();
+      if (watch?.frame) cancelAnimationFrame(watch.frame);
+      if (watch) document.fonts?.removeEventListener("loadingdone", watch.fonts);
       if (list && watch) {
         list.removeEventListener("focusin", watch.focus);
         Reflect.deleteProperty(list, "__k2bViewTabsWatch");
@@ -138,14 +231,17 @@ export function ViewTabs(props) {
     });
   });
   // User effects run after Solid's render effects, including For and aria-current, in the same task.
-  createEffect(on(() => props.current, () => watchViewTabs(list ?? null, settleViewTabs, scrollFadeEdges), {
+  // What the strip shows: another open view, view, label, count or badge can change what fits. Equal content in a new
+  // array settles nothing again.
+  const shown = createMemo(() => [props.current ?? "", layout().wide.join(","), ...props.items.map(item => `${item.id}\u0000${item.label}\u0000${item.count ?? ""}\u0000${item.badge ?? ""}`)].join("\u0001"));
+  createEffect(on(shown, () => watchViewTabs(list ?? null, settleViewTabs, scrollFadeEdges), {
     defer: true
   }));
   const [open, setOpen] = createSignal(false);
   const [menuItems, setMenuItems] = createSignal([]);
   const onOpenChange = next => {
     if (next) {
-      setMenuItems(props.items.filter((item, index) => item.id !== props.current && (!layout().wide.includes(index) || stripItems.get(index)?.getClientRects().length === 0)).map(item => ({
+      setMenuItems(props.items.filter((item, index) => !item.pinned && item.id !== props.current && (!layout().wide.includes(index) || stripItems.get(index)?.getClientRects().length === 0)).map(item => ({
         href: item.href,
         label: item.label,
         icon: item.icon,
@@ -180,56 +276,71 @@ export function ViewTabs(props) {
       _$insert(_el$3, () => item.count);
       return _el$3;
     }
+  }), _$createComponent(Show, {
+    get when() {
+      return item.badge;
+    },
+    children: badge => (() => {
+      var _el$5 = _$getNextElement(_tmpl$4);
+      _$insert(_el$5, badge);
+      return _el$5;
+    })()
   })];
+  const stripItem = index => {
+    const item = () => props.items[index];
+    onCleanup(() => stripItems.delete(index));
+    return (() => {
+      var _el$6 = _$getNextElement(_tmpl$5),
+        _el$7 = _el$6.firstChild;
+      _$use(element => stripItems.set(index, element), _el$6);
+      _$insert(_el$7, () => tabContent(item()));
+      _$effect(_p$ => {
+        var _v$ = item().id,
+          _v$2 = item().pinned ? "" : undefined,
+          _v$3 = !item().pinned && !layout().compact.includes(index) ? "" : undefined,
+          _v$4 = item().href,
+          _v$5 = item().id === props.current ? "page" : undefined;
+        _v$ !== _p$.e && _$setAttribute(_el$6, "data-view-tab", _p$.e = _v$);
+        _v$2 !== _p$.t && _$setAttribute(_el$6, "data-pinned", _p$.t = _v$2);
+        _v$3 !== _p$.a && _$setAttribute(_el$6, "data-compact-hidden", _p$.a = _v$3);
+        _v$4 !== _p$.o && _$setAttribute(_el$7, "href", _p$.o = _v$4);
+        _v$5 !== _p$.i && _$setAttribute(_el$7, "aria-current", _p$.i = _v$5);
+        return _p$;
+      }, {
+        e: undefined,
+        t: undefined,
+        a: undefined,
+        o: undefined,
+        i: undefined
+      });
+      return _el$6;
+    })();
+  };
   return (() => {
-    var _el$5 = _$getNextElement(_tmpl$9),
-      _el$6 = _el$5.firstChild,
-      _el$16 = _el$6.firstChild,
-      [_el$17, _co$3] = _$getNextMarker(_el$16.nextSibling),
-      _el$18 = _el$17.nextSibling,
-      [_el$19, _co$4] = _$getNextMarker(_el$18.nextSibling),
-      _el$20 = _el$6.nextSibling;
+    var _el$8 = _$getNextElement(_tmpl$10),
+      _el$9 = _el$8.firstChild,
+      _el$20 = _el$9.firstChild,
+      [_el$21, _co$3] = _$getNextMarker(_el$20.nextSibling),
+      _el$22 = _el$21.nextSibling,
+      [_el$23, _co$4] = _$getNextMarker(_el$22.nextSibling),
+      _el$24 = _el$23.nextSibling,
+      [_el$25, _co$5] = _$getNextMarker(_el$24.nextSibling),
+      _el$26 = _el$9.nextSibling;
     var _ref$ = list;
-    typeof _ref$ === "function" ? _$use(_ref$, _el$6) : list = _el$6;
-    _$insert(_el$6, _$createComponent(For, {
+    typeof _ref$ === "function" ? _$use(_ref$, _el$9) : list = _el$9;
+    _$insert(_el$9, _$createComponent(For, {
       get each() {
         return layout().wide;
       },
-      children: index => {
-        const item = () => props.items[index];
-        onCleanup(() => stripItems.delete(index));
-        return (() => {
-          var _el$21 = _$getNextElement(_tmpl$0),
-            _el$22 = _el$21.firstChild;
-          _$use(element => stripItems.set(index, element), _el$21);
-          _$insert(_el$22, () => tabContent(item()));
-          _$effect(_p$ => {
-            var _v$3 = item().id,
-              _v$4 = !layout().compact.includes(index) ? "" : undefined,
-              _v$5 = item().href,
-              _v$6 = item().id === props.current ? "page" : undefined;
-            _v$3 !== _p$.e && _$setAttribute(_el$21, "data-view-tab", _p$.e = _v$3);
-            _v$4 !== _p$.t && _$setAttribute(_el$21, "data-compact-hidden", _p$.t = _v$4);
-            _v$5 !== _p$.a && _$setAttribute(_el$22, "href", _p$.a = _v$5);
-            _v$6 !== _p$.o && _$setAttribute(_el$22, "aria-current", _p$.o = _v$6);
-            return _p$;
-          }, {
-            e: undefined,
-            t: undefined,
-            a: undefined,
-            o: undefined
-          });
-          return _el$21;
-        })();
-      }
-    }), _el$17, _co$3);
-    _$insert(_el$6, _$createComponent(Show, {
+      children: stripItem
+    }), _el$21, _co$3);
+    _$insert(_el$9, _$createComponent(Show, {
       get when() {
-        return layout().compactHidden + layout().wideHidden > 0;
+        return layout().compactHidden + layout().wideHidden > 0 || props.fit && layout().wide.length > 1;
       },
       get children() {
-        var _el$7 = _$getNextElement(_tmpl$8);
-        _$insert(_el$7, _$createComponent(Dropdown.Root, {
+        var _el$0 = _$getNextElement(_tmpl$1);
+        _$insert(_el$0, _$createComponent(Dropdown.Root, {
           get items() {
             return menuItems();
           },
@@ -249,54 +360,75 @@ export function ViewTabs(props) {
               },
               get children() {
                 return [(() => {
-                  var _el$8 = _$getNextElement(_tmpl$4);
-                  _$insert(_el$8, () => messages().more);
-                  return _el$8;
+                  var _el$1 = _$getNextElement(_tmpl$6);
+                  _$insert(_el$1, () => messages().more);
+                  return _el$1;
                 })(), _$createComponent(Show, {
                   get when() {
                     return layout().wideHidden > 0;
                   },
                   get children() {
-                    var _el$9 = _$getNextElement(_tmpl$5),
-                      _el$0 = _el$9.firstChild,
-                      _el$1 = _el$0.nextSibling,
-                      [_el$10, _co$] = _$getNextMarker(_el$1.nextSibling);
-                    _$insert(_el$9, () => layout().wideHidden, _el$10, _co$);
-                    return _el$9;
+                    var _el$10 = _$getNextElement(_tmpl$7),
+                      _el$11 = _el$10.firstChild,
+                      _el$12 = _el$11.nextSibling,
+                      [_el$13, _co$] = _$getNextMarker(_el$12.nextSibling);
+                    _$insert(_el$10, () => layout().wideHidden, _el$13, _co$);
+                    return _el$10;
                   }
                 }), _$createComponent(Show, {
                   get when() {
                     return layout().compactHidden > 0;
                   },
                   get children() {
-                    var _el$11 = _$getNextElement(_tmpl$6),
-                      _el$12 = _el$11.firstChild,
-                      _el$13 = _el$12.nextSibling,
-                      [_el$14, _co$2] = _$getNextMarker(_el$13.nextSibling);
-                    _$insert(_el$11, () => layout().compactHidden, _el$14, _co$2);
-                    return _el$11;
+                    var _el$14 = _$getNextElement(_tmpl$8),
+                      _el$15 = _el$14.firstChild,
+                      _el$16 = _el$15.nextSibling,
+                      [_el$17, _co$2] = _$getNextMarker(_el$16.nextSibling);
+                    _$insert(_el$14, () => layout().compactHidden, _el$17, _co$2);
+                    return _el$14;
                   }
-                }), _$getNextElement(_tmpl$7)];
+                }), _$getNextElement(_tmpl$9), _$getNextElement(_tmpl$0)];
               }
             });
           }
         }));
-        _$effect(() => _$setAttribute(_el$7, "data-wide", layout().wideHidden > 0 ? "" : undefined));
-        return _el$7;
+        _$effect(_p$ => {
+          var _v$6 = layout().wideHidden > 0 ? "" : undefined,
+            _v$7 = layout().wideHidden,
+            _v$8 = layout().compactHidden;
+          _v$6 !== _p$.e && _$setAttribute(_el$0, "data-wide", _p$.e = _v$6);
+          _v$7 !== _p$.t && _$setAttribute(_el$0, "data-behind-wide", _p$.t = _v$7);
+          _v$8 !== _p$.a && _$setAttribute(_el$0, "data-behind-compact", _p$.a = _v$8);
+          return _p$;
+        }, {
+          e: undefined,
+          t: undefined,
+          a: undefined
+        });
+        return _el$0;
       }
-    }), _el$19, _co$4);
-    _$setProperty(_el$20, "innerHTML", VIEW_TABS_SCRIPT);
+    }), _el$23, _co$4);
+    _$insert(_el$9, _$createComponent(For, {
+      get each() {
+        return layout().pinned;
+      },
+      children: stripItem
+    }), _el$25, _co$5);
+    _$setProperty(_el$26, "innerHTML", VIEW_TABS_SCRIPT);
     _$effect(_p$ => {
-      var _v$ = `k2b-view-tabs ${props.class ?? ""}`,
-        _v$2 = props.label;
-      _v$ !== _p$.e && _$className(_el$5, _p$.e = _v$);
-      _v$2 !== _p$.t && _$setAttribute(_el$5, "aria-label", _p$.t = _v$2);
+      var _v$9 = `k2b-view-tabs ${props.class ?? ""}`,
+        _v$0 = props.label,
+        _v$1 = props.fit ? "" : undefined;
+      _v$9 !== _p$.e && _$className(_el$8, _p$.e = _v$9);
+      _v$0 !== _p$.t && _$setAttribute(_el$8, "aria-label", _p$.t = _v$0);
+      _v$1 !== _p$.a && _$setAttribute(_el$9, "data-fit-room", _p$.a = _v$1);
       return _p$;
     }, {
       e: undefined,
-      t: undefined
+      t: undefined,
+      a: undefined
     });
-    return _el$5;
+    return _el$8;
   })();
 }
 //# sourceMappingURL=ViewTabs.js.map

package/dist/browser/actions/ViewTabs.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["actions/ViewTabs.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, For, type JSX, on, onCleanup, onMount, Show } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { createScrollFade, scrollFadeEdges } from \"../layout/scroll-fade\";\nimport Dropdown, { type DropdownItem } from \"./Dropdown\";\n\nexport type ViewTab = { id: string; label: string; href: string; icon?: string; count?: number | string };\nexport type ViewTabsProps = {\n  /** Accessible name of the navigation landmark, e.g. \"Views\". */\n  label: string;\n  items: readonly ViewTab[];\n  /** Id of the open view; the server reads it from `?view=`. Unknown ids select nothing. */\n  current: string | undefined;\n  /** Tabs shown before More (default 5). */\n  max?: number;\n  class?: string;\n};\n\n/** Two deterministic strip levels; only opening the menu reads CSS visibility. */\nexport function viewTabsLayout(items: readonly ViewTab[], current: string | undefined, max = 5) {\n  // At least one slot keeps the current view visible, including for an invalid limit.\n  const limit = Number.isFinite(max) ? Math.max(1, Math.floor(max)) : 5;\n  const currentIndex = items.findIndex((item) => item.id === current);\n  const visible = (size: number) => {\n    const indices = items.slice(0, size).map((_, index) => index);\n    if (currentIndex >= size) indices[indices.length - 1] = currentIndex;\n    return indices;\n  };\n  const wide = visible(limit);\n  const compact = visible(Math.min(limit, 3));\n  return { wide, compact, wideHidden: items.length - wide.length, compactHidden: items.length - compact.length };\n}\n\n/** Self-contained: the server script embeds this before hydration. */\nfunction settleViewTabs(list: Element | null, edges: (element: HTMLElement) => string | undefined, focused?: HTMLElement) {\n  if (!(list instanceof HTMLElement)) return;\n  const current = focused ?? list.querySelector(\".k2b-view-tabs__tab[aria-current=page]\");\n  if (current && current.getClientRects().length > 0 && list.scrollWidth - list.clientWidth > 1) {\n    const bounds = list.getBoundingClientRect();\n    const item = current.getBoundingClientRect();\n    const fade = edges(list);\n    const style = getComputedStyle(list);\n    const left = fade === \"top\" || fade === \"both\" ? parseFloat(style.scrollPaddingLeft) || 0 : 0;\n    const right = fade === \"bottom\" || fade === \"both\" ? parseFloat(style.scrollPaddingRight) || 0 : 0;\n    if (item.left < bounds.left + left || item.right > bounds.right - right) {\n      let offset = item.left - bounds.left - (bounds.width - item.width) / 2;\n      if (focused) {\n        // Reserve padding at the destination edge; native clamping drops it when that end is reached.\n        offset =\n          item.left < bounds.left + left\n            ? item.left - bounds.left - (parseFloat(style.scrollPaddingLeft) || 0)\n            : item.right - bounds.right + (parseFloat(style.scrollPaddingRight) || 0);\n      }\n      // Only the strip moves: scrollIntoView would also scroll the page. Instant keeps the first frame free of animation.\n      list.scrollTo({ left: list.scrollLeft + offset, behavior: \"instant\" });\n    }\n  }\n  const fade = edges(list);\n  if (fade) list.setAttribute(\"data-scroll-fade\", fade);\n  else list.removeAttribute(\"data-scroll-fade\");\n}\n\ntype WatchedViewTabs = HTMLElement & {\n  __k2bViewTabsWatch?: { resize: ResizeObserver; focus: (event: FocusEvent) => void; preferCurrent: boolean };\n};\n\n/** Also embedded, so it must not close over module state. */\nfunction watchViewTabs(list: WatchedViewTabs | null, settle: typeof settleViewTabs, edges: (element: HTMLElement) => string | undefined) {\n  if (!(list instanceof HTMLElement)) return;\n  // A DOM property survives hydration: one observer and focus listener per reused list.\n  let watch = list.__k2bViewTabsWatch;\n  if (!watch) {\n    const focus = (event: FocusEvent) => {\n      // Pointer focus must not move the target under the pointer.\n      if (watch && event.target instanceof HTMLElement && event.target.matches(\".k2b-view-tabs__tab:focus-visible\")) {\n        watch.preferCurrent = false;\n        settle(list, edges, event.target);\n      }\n    };\n    watch = {\n      resize: new ResizeObserver(() => {\n        const focused = document.activeElement;\n        if (\n          watch?.preferCurrent === false &&\n          focused instanceof HTMLElement &&\n          list.contains(focused) &&\n          focused.matches(\".k2b-view-tabs__tab:focus-visible\")\n        )\n          settle(list, edges, focused);\n        else settle(list, edges);\n      }),\n      focus,\n      preferCurrent: true,\n    };\n    Object.defineProperty(list, \"__k2bViewTabsWatch\", { value: watch, configurable: true });\n    list.addEventListener(\"focusin\", focus);\n  }\n  watch.preferCurrent = true;\n  const { resize } = watch;\n  resize.disconnect();\n  // Head actions parse after the views; settle again after their layout, before paint, and on later resizes.\n  resize.observe(list);\n  for (const child of Array.from(list.children)) resize.observe(child);\n  settle(list, edges);\n  return watch;\n}\nconst VIEW_TABS_SCRIPT = `(${watchViewTabs})(document.currentScript&&document.currentScript.previousElementSibling,${settleViewTabs},${scrollFadeEdges})`;\n\n/**\n * URL-backed object views. Every view is an ordinary document link, in the strip and under More, so reload, back,\n * and forward keep the view the URL names.\n */\nexport function ViewTabs(props: ViewTabsProps): JSX.Element {\n  const messages = useUiMessages();\n  const layout = createMemo(() => viewTabsLayout(props.items, props.current, props.max));\n  const stripItems = new Map<number, HTMLLIElement>();\n  let list: HTMLUListElement | undefined;\n  createScrollFade(\n    () => list,\n    () => true,\n  );\n  onMount(() => {\n    const watch = watchViewTabs(list ?? null, settleViewTabs, scrollFadeEdges);\n    let disposed = false;\n    // Later mount effects can invalidate WebKit's scroll layout after this\n    // initial settle. Finish once the mount task is complete, before its first\n    // frame; ResizeObserver alone runs too late for that frame.\n    queueMicrotask(() => {\n      if (!disposed && watch?.preferCurrent) settleViewTabs(list ?? null, scrollFadeEdges);\n    });\n    onCleanup(() => {\n      disposed = true;\n      watch?.resize.disconnect();\n      if (list && watch) {\n        list.removeEventListener(\"focusin\", watch.focus);\n        Reflect.deleteProperty(list, \"__k2bViewTabsWatch\");\n      }\n    });\n  });\n  // User effects run after Solid's render effects, including For and aria-current, in the same task.\n  createEffect(\n    on(\n      () => props.current,\n      () => watchViewTabs(list ?? null, settleViewTabs, scrollFadeEdges),\n      { defer: true },\n    ),\n  );\n  const [open, setOpen] = createSignal(false);\n  const [menuItems, setMenuItems] = createSignal<DropdownItem[]>([]);\n  const onOpenChange = (next: boolean) => {\n    if (next) {\n      setMenuItems(\n        props.items\n          .filter(\n            (item, index) =>\n              item.id !== props.current && (!layout().wide.includes(index) || stripItems.get(index)?.getClientRects().length === 0),\n          )\n          .map((item) => ({\n            href: item.href,\n            label: item.label,\n            icon: item.icon,\n            trailing: item.count !== undefined ? <span class=\"k2b-view-tabs__count\">{item.count}</span> : undefined,\n          })),\n      );\n    }\n    setOpen(next);\n  };\n  const tabContent = (item: ViewTab) => (\n    <>\n      <Show when={item.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n      <span class=\"k2b-view-tabs__label k2b-truncate-fade\">{item.label}</span>\n      <Show when={item.count !== undefined}>\n        <span class=\"k2b-view-tabs__count\">{item.count}</span>\n      </Show>\n    </>\n  );\n  return (\n    <nav class={`k2b-view-tabs ${props.class ?? \"\"}`} aria-label={props.label}>\n      <ul ref={list} class=\"k2b-view-tabs__list\" data-scroll-fade-mode=\"both\" data-scroll-fade-axis=\"horizontal\">\n        <For each={layout().wide}>\n          {(index) => {\n            const item = () => props.items[index]!;\n            onCleanup(() => stripItems.delete(index));\n            return (\n              <li\n                ref={(element) => stripItems.set(index, element)}\n                class=\"k2b-view-tabs__item\"\n                data-view-tab={item().id}\n                data-compact-hidden={!layout().compact.includes(index) ? \"\" : undefined}\n              >\n                <a class=\"k2b-view-tabs__tab\" href={item().href} aria-current={item().id === props.current ? \"page\" : undefined}>\n                  {tabContent(item())}\n                </a>\n              </li>\n            );\n          }}\n        </For>\n        <Show when={layout().compactHidden + layout().wideHidden > 0}>\n          <li class=\"k2b-view-tabs__more\" data-wide={layout().wideHidden > 0 ? \"\" : undefined}>\n            <Dropdown.Root items={menuItems()} open={open()} onOpenChange={onOpenChange} label={messages().moreViews}>\n              <Dropdown.Trigger appearance=\"plain\" class=\"k2b-view-tabs__tab k2b-view-tabs__more-trigger\" label={messages().moreViews}>\n                <span class=\"k2b-view-tabs__label\">{messages().more}</span>\n                <Show when={layout().wideHidden > 0}>\n                  <span class=\"k2b-view-tabs__more-count\" data-level=\"wide\">\n                    +{layout().wideHidden}\n                  </span>\n                </Show>\n                <Show when={layout().compactHidden > 0}>\n                  <span class=\"k2b-view-tabs__more-count\" data-level=\"compact\">\n                    +{layout().compactHidden}\n                  </span>\n                </Show>\n                <i class=\"ti ti-chevron-down\" aria-hidden=\"true\" />\n              </Dropdown.Trigger>\n            </Dropdown.Root>\n          </li>\n        </Show>\n      </ul>\n      <script innerHTML={VIEW_TABS_SCRIPT} />\n    </nav>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["actions/ViewTabs.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, For, type JSX, on, onCleanup, onMount, Show } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { createScrollFade, scrollFadeEdges } from \"../layout/scroll-fade\";\nimport Dropdown, { type DropdownItem } from \"./Dropdown\";\n\nexport type ViewTab = {\n  id: string;\n  label: string;\n  href: string;\n  icon?: string;\n  count?: number | string;\n  /** A short quiet label after the count, such as \"New\" for a view people have not opened yet. */\n  badge?: string;\n  /** Stays in the strip after More at every width, for a view of another kind than the ones that overflow. */\n  pinned?: boolean;\n};\nexport type ViewTabsProps = {\n  /** Accessible name of the navigation landmark, e.g. \"Views\". */\n  label: string;\n  items: readonly ViewTab[];\n  /** Id of the open view; the server reads it from `?view=`. Unknown ids select nothing. */\n  current: string | undefined;\n  /** At most this many views before More (default 5). */\n  max?: number;\n  /**\n   * The strip shows only the views that fit its room and counts the rest in More, instead of scrolling them. The open\n   * view and pinned views stay. Pair it with a larger `max` so a wide head shows more views.\n   */\n  fit?: boolean;\n  class?: string;\n};\n\n/** Two deterministic strip levels; only opening the menu reads CSS visibility. */\nexport function viewTabsLayout(items: readonly ViewTab[], current: string | undefined, max = 5) {\n  // At least one slot keeps the current view visible, including for an invalid limit.\n  const limit = Number.isFinite(max) ? Math.max(1, Math.floor(max)) : 5;\n  // Pinned views never overflow, so they take no slot.\n  const flowing = items.flatMap((item, index) => (item.pinned ? [] : [index]));\n  const pinned = items.flatMap((item, index) => (item.pinned ? [index] : []));\n  const currentIndex = items.findIndex((item) => item.id === current);\n  const currentPosition = flowing.indexOf(currentIndex);\n  const visible = (size: number) => {\n    const indices = flowing.slice(0, size);\n    if (currentPosition >= size) indices[indices.length - 1] = currentIndex;\n    return indices;\n  };\n  const wide = visible(limit);\n  const compact = visible(Math.min(limit, 3));\n  return { wide, compact, pinned, wideHidden: flowing.length - wide.length, compactHidden: flowing.length - compact.length };\n}\n\n/**\n * Self-contained: the server script embeds this before hydration. A fitting strip first keeps only the views that fit\n * its room and counts the rest in More; then the open or focused view scrolls into the strip.\n */\nfunction settleViewTabs(list: Element | null, edges: (element: HTMLElement) => string | undefined, focused?: HTMLElement) {\n  if (!(list instanceof HTMLElement)) return;\n  const more = list.querySelector<HTMLElement>(\":scope > .k2b-view-tabs__more\");\n  const fitCount = more?.querySelector<HTMLElement>('.k2b-view-tabs__more-count[data-level=\"fit\"]');\n  const flowing = Array.from(list.querySelectorAll<HTMLElement>(\":scope > .k2b-view-tabs__item:not([data-pinned])\"));\n\n  for (const item of flowing) item.removeAttribute(\"data-fit-hidden\");\n  more?.removeAttribute(\"data-fit\");\n  // The shown entries against the strip's inner room, whatever its scroll and padding.\n  const overflows = () => {\n    const boxes = Array.from(list.children)\n      .filter((child) => child instanceof HTMLElement && child.tagName === \"LI\" && child.getClientRects().length > 0)\n      .map((child) => child.getBoundingClientRect());\n    if (boxes.length === 0) return false;\n    const style = getComputedStyle(list);\n    const room = list.clientWidth - (parseFloat(style.paddingLeft) || 0) - (parseFloat(style.paddingRight) || 0);\n    return Math.max(...boxes.map((box) => box.right)) - Math.min(...boxes.map((box) => box.left)) > room + 0.5;\n  };\n  // The phone head row keeps its scrolling strip: its CSS turns fitting off.\n  const fits = list.hasAttribute(\"data-fit-room\") && getComputedStyle(list).getPropertyValue(\"--k2b-view-tabs-fit\").trim() !== \"none\";\n  if (fits && more && fitCount && overflows()) {\n    // Count from the level on screen: the compact strip already keeps fewer views than the wide one.\n    const compact = more.querySelector<HTMLElement>('.k2b-view-tabs__more-count[data-level=\"compact\"]');\n    const compactShown = Boolean(compact && getComputedStyle(compact).display !== \"none\");\n    const behind = Number(compactShown ? more.dataset.behindCompact : more.dataset.behindWide) || 0;\n    // The last views on screen leave first; the open view stays.\n    const candidates = flowing.filter((item) => item.getClientRects().length > 0 && !item.querySelector(\"[aria-current=page]\")).reverse();\n    more.setAttribute(\"data-fit\", \"\");\n    let hidden = 0;\n    for (const item of candidates) {\n      item.setAttribute(\"data-fit-hidden\", \"\");\n      hidden += 1;\n      fitCount.textContent = `+${behind + hidden}`;\n      if (!overflows()) break;\n    }\n    if (hidden === 0) more.removeAttribute(\"data-fit\");\n  }\n  const current = focused ?? list.querySelector(\".k2b-view-tabs__tab[aria-current=page]\");\n  if (current && current.getClientRects().length > 0 && list.scrollWidth - list.clientWidth > 1) {\n    const bounds = list.getBoundingClientRect();\n    const item = current.getBoundingClientRect();\n    const fade = edges(list);\n    const style = getComputedStyle(list);\n    const left = fade === \"top\" || fade === \"both\" ? parseFloat(style.scrollPaddingLeft) || 0 : 0;\n    const right = fade === \"bottom\" || fade === \"both\" ? parseFloat(style.scrollPaddingRight) || 0 : 0;\n    if (item.left < bounds.left + left || item.right > bounds.right - right) {\n      let offset = item.left - bounds.left - (bounds.width - item.width) / 2;\n      if (focused) {\n        // Reserve padding at the destination edge; native clamping drops it when that end is reached.\n        offset =\n          item.left < bounds.left + left\n            ? item.left - bounds.left - (parseFloat(style.scrollPaddingLeft) || 0)\n            : item.right - bounds.right + (parseFloat(style.scrollPaddingRight) || 0);\n      }\n      // Only the strip moves: scrollIntoView would also scroll the page. Instant keeps the first frame free of animation.\n      list.scrollTo({ left: list.scrollLeft + offset, behavior: \"instant\" });\n    }\n  }\n  const fade = edges(list);\n  if (fade) list.setAttribute(\"data-scroll-fade\", fade);\n  else list.removeAttribute(\"data-scroll-fade\");\n}\n\ntype WatchedViewTabs = HTMLElement & {\n  __k2bViewTabsWatch?: {\n    resize: ResizeObserver;\n    focus: (event: FocusEvent) => void;\n    preferCurrent: boolean;\n    connect: () => void;\n    /** Runs one fit in the next frame; calls before it runs share it. */\n    schedule: () => void;\n    frame: number;\n    /** The head lead's width and the widths of the shown entries when the last fit ended. */\n    room: string;\n    /** Fits again once web fonts finish loading: their metrics change every view's width, not the lead's. */\n    fonts: () => void;\n  };\n};\n\n/**\n * Also embedded, so it must not close over module state.\n *\n * A fitting strip converges by construction. It fits again only when the strip renders, web fonts finish loading, or\n * a notification finds another width of the head lead or of an entry that the last fit left shown. A fit only shows\n * and hides entries: the lead is an inline-size container that takes no width from the strip, and every entry keeps\n * its own width (`flex: none`), so the notifications a fit causes find the widths it ended with and stop there.\n */\nfunction watchViewTabs(list: WatchedViewTabs | null, settle: typeof settleViewTabs, edges: (element: HTMLElement) => string | undefined) {\n  if (!(list instanceof HTMLElement)) return;\n  const fits = list.hasAttribute(\"data-fit-room\");\n  const roomOf = () => list.closest<HTMLElement>(\".k2b-app-workspace__head-lead\");\n  // What a fit depends on: the lead's width and each shown entry's width, which fonts, icons and labels change.\n  const measured = () =>\n    [roomOf()?.clientWidth ?? -1, ...Array.from(list.children, (child) => child.getBoundingClientRect().width)].join(\" \");\n  // A DOM property survives hydration: one observer and focus listener per reused list.\n  let watch = list.__k2bViewTabsWatch;\n  if (!watch) {\n    const focus = (event: FocusEvent) => {\n      // Pointer focus must not move the target under the pointer.\n      if (watch && event.target instanceof HTMLElement && event.target.matches(\".k2b-view-tabs__tab:focus-visible\")) {\n        watch.preferCurrent = false;\n        settle(list, edges, event.target);\n      }\n    };\n    const settleNow = () => {\n      const focused = document.activeElement;\n      if (\n        watch?.preferCurrent === false &&\n        focused instanceof HTMLElement &&\n        list.contains(focused) &&\n        focused.matches(\".k2b-view-tabs__tab:focus-visible\")\n      )\n        settle(list, edges, focused);\n      else settle(list, edges);\n    };\n    // Head actions parse after the views; settle again after their layout, before paint, and on later resizes.\n    const connect = () => {\n      if (!watch) return;\n      watch.resize.disconnect();\n      watch.resize.observe(list);\n      for (const child of Array.from(list.children)) watch.resize.observe(child);\n      const room = roomOf();\n      if (fits && room) watch.resize.observe(room);\n    };\n    // Fitting resizes the strip and possibly the head, which other observers may watch. Inside a ResizeObserver\n    // callback that would leave their notifications undelivered, so a fit runs in the next frame, still before it paints.\n    const schedule = () => {\n      if (!watch || watch.frame) return;\n      watch.frame = requestAnimationFrame(() => {\n        if (!watch) return;\n        watch.frame = 0;\n        if (!list.isConnected) return;\n        settleNow();\n        watch.room = measured();\n      });\n    };\n    watch = {\n      resize: new ResizeObserver(() => {\n        // A scrolling strip only scrolls and settles at once.\n        if (!fits) return settleNow();\n        // Heights follow the fit, and hidden entries measure 0 by its own doing: only another measure counts.\n        if (watch && measured() !== watch.room) watch.schedule();\n      }),\n      focus,\n      preferCurrent: true,\n      connect,\n      schedule,\n      frame: 0,\n      room: \"\",\n      fonts: () => watch?.schedule(),\n    };\n    Object.defineProperty(list, \"__k2bViewTabsWatch\", { value: watch, configurable: true });\n    list.addEventListener(\"focusin\", focus);\n    // A first visit can paint before the web fonts load; the server frame and the client then fit the same metrics.\n    if (fits && document.fonts) {\n      document.fonts.addEventListener(\"loadingdone\", watch.fonts);\n      void document.fonts.ready.then(watch.fonts);\n    }\n  }\n  watch.preferCurrent = true;\n  watch.connect();\n  settle(list, edges);\n  if (fits) {\n    watch.room = measured();\n    // The head's actions parse after the views. A frame's animation callbacks run before its first layout and\n    // paint, so this fit also counts their room in the first frame.\n    watch.schedule();\n  }\n  return watch;\n}\nconst VIEW_TABS_SCRIPT = `(${watchViewTabs})(document.currentScript&&document.currentScript.previousElementSibling,${settleViewTabs},${scrollFadeEdges})`;\n\n/**\n * URL-backed object views. Every view is an ordinary document link, in the strip and under More, so reload, back,\n * and forward keep the view the URL names.\n */\nexport function ViewTabs(props: ViewTabsProps): JSX.Element {\n  const messages = useUiMessages();\n  const layout = createMemo(() => viewTabsLayout(props.items, props.current, props.max));\n  const stripItems = new Map<number, HTMLLIElement>();\n  let list: HTMLUListElement | undefined;\n  createScrollFade(\n    () => list,\n    () => true,\n  );\n  onMount(() => {\n    const watch = watchViewTabs(list ?? null, settleViewTabs, scrollFadeEdges);\n    let disposed = false;\n    // Later mount effects can invalidate WebKit's scroll layout after this\n    // initial settle. Finish once the mount task is complete, before its first\n    // frame; ResizeObserver alone runs too late for that frame.\n    queueMicrotask(() => {\n      if (!disposed && watch?.preferCurrent) settleViewTabs(list ?? null, scrollFadeEdges);\n    });\n    onCleanup(() => {\n      disposed = true;\n      watch?.resize.disconnect();\n      if (watch?.frame) cancelAnimationFrame(watch.frame);\n      if (watch) document.fonts?.removeEventListener(\"loadingdone\", watch.fonts);\n      if (list && watch) {\n        list.removeEventListener(\"focusin\", watch.focus);\n        Reflect.deleteProperty(list, \"__k2bViewTabsWatch\");\n      }\n    });\n  });\n  // User effects run after Solid's render effects, including For and aria-current, in the same task.\n  // What the strip shows: another open view, view, label, count or badge can change what fits. Equal content in a new\n  // array settles nothing again.\n  const shown = createMemo(() =>\n    [\n      props.current ?? \"\",\n      layout().wide.join(\",\"),\n      ...props.items.map((item) => `${item.id}\\u0000${item.label}\\u0000${item.count ?? \"\"}\\u0000${item.badge ?? \"\"}`),\n    ].join(\"\\u0001\"),\n  );\n  createEffect(on(shown, () => watchViewTabs(list ?? null, settleViewTabs, scrollFadeEdges), { defer: true }));\n  const [open, setOpen] = createSignal(false);\n  const [menuItems, setMenuItems] = createSignal<DropdownItem[]>([]);\n  const onOpenChange = (next: boolean) => {\n    if (next) {\n      setMenuItems(\n        props.items\n          .filter(\n            (item, index) =>\n              !item.pinned &&\n              item.id !== props.current &&\n              (!layout().wide.includes(index) || stripItems.get(index)?.getClientRects().length === 0),\n          )\n          .map((item) => ({\n            href: item.href,\n            label: item.label,\n            icon: item.icon,\n            trailing: item.count !== undefined ? <span class=\"k2b-view-tabs__count\">{item.count}</span> : undefined,\n          })),\n      );\n    }\n    setOpen(next);\n  };\n  const tabContent = (item: ViewTab) => (\n    <>\n      <Show when={item.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n      <span class=\"k2b-view-tabs__label k2b-truncate-fade\">{item.label}</span>\n      <Show when={item.count !== undefined}>\n        <span class=\"k2b-view-tabs__count\">{item.count}</span>\n      </Show>\n      <Show when={item.badge}>{(badge) => <span class=\"k2b-view-tabs__badge\">{badge()}</span>}</Show>\n    </>\n  );\n  const stripItem = (index: number) => {\n    const item = () => props.items[index]!;\n    onCleanup(() => stripItems.delete(index));\n    return (\n      <li\n        ref={(element) => stripItems.set(index, element)}\n        class=\"k2b-view-tabs__item\"\n        data-view-tab={item().id}\n        data-pinned={item().pinned ? \"\" : undefined}\n        data-compact-hidden={!item().pinned && !layout().compact.includes(index) ? \"\" : undefined}\n      >\n        <a class=\"k2b-view-tabs__tab\" href={item().href} aria-current={item().id === props.current ? \"page\" : undefined}>\n          {tabContent(item())}\n        </a>\n      </li>\n    );\n  };\n  return (\n    <nav class={`k2b-view-tabs ${props.class ?? \"\"}`} aria-label={props.label}>\n      <ul\n        ref={list}\n        class=\"k2b-view-tabs__list\"\n        data-scroll-fade-mode=\"both\"\n        data-scroll-fade-axis=\"horizontal\"\n        data-fit-room={props.fit ? \"\" : undefined}\n      >\n        <For each={layout().wide}>{stripItem}</For>\n        {/* A fitting strip keeps More ready, hidden until a view leaves the strip. */}\n        <Show when={layout().compactHidden + layout().wideHidden > 0 || (props.fit && layout().wide.length > 1)}>\n          <li\n            class=\"k2b-view-tabs__more\"\n            data-wide={layout().wideHidden > 0 ? \"\" : undefined}\n            data-behind-wide={layout().wideHidden}\n            data-behind-compact={layout().compactHidden}\n          >\n            <Dropdown.Root items={menuItems()} open={open()} onOpenChange={onOpenChange} label={messages().moreViews}>\n              <Dropdown.Trigger appearance=\"plain\" class=\"k2b-view-tabs__tab k2b-view-tabs__more-trigger\" label={messages().moreViews}>\n                <span class=\"k2b-view-tabs__label\">{messages().more}</span>\n                <Show when={layout().wideHidden > 0}>\n                  <span class=\"k2b-view-tabs__more-count\" data-level=\"wide\">\n                    +{layout().wideHidden}\n                  </span>\n                </Show>\n                <Show when={layout().compactHidden > 0}>\n                  <span class=\"k2b-view-tabs__more-count\" data-level=\"compact\">\n                    +{layout().compactHidden}\n                  </span>\n                </Show>\n                {/* Written by the strip's fit, never by the render, so a rerender keeps the count it measured. */}\n                <span class=\"k2b-view-tabs__more-count\" data-level=\"fit\" />\n                <i class=\"ti ti-chevron-down\" aria-hidden=\"true\" />\n              </Dropdown.Trigger>\n            </Dropdown.Root>\n          </li>\n        </Show>\n        <For each={layout().pinned}>{stripItem}</For>\n      </ul>\n      <script innerHTML={VIEW_TABS_SCRIPT} />\n    </nav>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/actions/menu-sheet.js

@@ -18,9 +18,8 @@ import BottomSheet, { bottomSheetOptions } from "../layout/BottomSheet";
 import { focusMenuRow, focusRowSegment } from "./menu-rows";
 import { filterDropdownItems, MenuSearch } from "./menu-search";
 
-/** Phones, where a menu opens as a bottom sheet instead of beside its trigger. */
-export const PHONE_SHEET_QUERY = "(max-width: 47.999rem)";
-export const prefersMenuSheet = () => typeof matchMedia === "function" && matchMedia(PHONE_SHEET_QUERY).matches;
+// Kept apart so a control can check for phones without loading the sheet and its dialog imports.
+export { PHONE_SHEET_QUERY, prefersMenuSheet } from "./phone-sheet";
 /**
  * Follows a link the way a click on it would, so a page's own link handling, such as progressive navigation, still
  * applies; it runs only after the sheet has left the history.