@k2b/ui 0.27.0 → 0.29.0

package/dist/browser/actions/Toolbar.js

@@ -1,57 +1,192 @@
 import { template as _$template } from "solid-js/web";
 import { delegateEvents as _$delegateEvents } from "solid-js/web";
-import { createComponent as _$createComponent } from "solid-js/web";
 import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { getNextMarker as _$getNextMarker } from "solid-js/web";
 import { use as _$use } from "solid-js/web";
 import { setAttribute as _$setAttribute } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
 import { className as _$className } from "solid-js/web";
 import { effect as _$effect } from "solid-js/web";
 import { getNextElement as _$getNextElement } from "solid-js/web";
-import { insert as _$insert } from "solid-js/web";
-var _tmpl$ = /*#__PURE__*/_$template(`<div role=group>`),
-  _tmpl$2 = /*#__PURE__*/_$template(`<span role=separator>`),
-  _tmpl$3 = /*#__PURE__*/_$template(`<span class=k2b-toolbar__spacer aria-hidden=true>`),
-  _tmpl$4 = /*#__PURE__*/_$template(`<div role=toolbar>`);
-import { createContext, onCleanup, onMount, useContext } from "solid-js";
+var _tmpl$ = /*#__PURE__*/_$template(`<i aria-hidden=true>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<span>`),
+  _tmpl$3 = /*#__PURE__*/_$template(`<div role=group>`),
+  _tmpl$4 = /*#__PURE__*/_$template(`<span role=separator>`),
+  _tmpl$5 = /*#__PURE__*/_$template(`<span class=k2b-toolbar__spacer aria-hidden=true>`),
+  _tmpl$6 = /*#__PURE__*/_$template(`<i class="ti ti-dots"aria-hidden=true>`),
+  _tmpl$7 = /*#__PURE__*/_$template(`<div class=k2b-toolbar__more data-overflow=hidden>`),
+  _tmpl$8 = /*#__PURE__*/_$template(`<div role=toolbar><!$><!/><!$><!/>`),
+  _tmpl$9 = /*#__PURE__*/_$template(`<div class=k2b-toolbar-float>`);
+import { createContext, createEffect, createSignal, onCleanup, onMount, Show, sharedConfig, useContext } from "solid-js";
+import { isServer } from "solid-js/web";
+import { Kbd } from "../content/Kbd";
+import { useLocale } from "../intl/locale";
+import { formatShortcut, keyboardPlatform } from "../intl/shortcut";
+import { IconButton } from "./Button";
+import { Dropdown } from "./Dropdown";
+import { useToolbarMessages } from "./toolbar-messages";
 const defaultToolbarOrientation = () => "horizontal";
 const ToolbarOrientationContext = createContext(defaultToolbarOrientation);
+
+// `item` is created once per action: the More menu keys its rows by identity, so a remeasure keeps a focused row.
+
+const ToolbarActionsContext = createContext();
+const overflowAttribute = "data-overflow";
+const hide = element => element.setAttribute(overflowAttribute, "hidden");
+const reveal = element => element.removeAttribute(overflowAttribute);
+
+// ARIA uses language-independent key names, unlike the translated tooltip and caps.
+const ariaShortcut = (keys, platform) => {
+  if (!keys || !formatShortcut(keys, {
+    platform,
+    locale: "en"
+  }).keys.length) return undefined;
+  const input = keys.trim().toLowerCase();
+  const plus = input === "+" || input.endsWith("++");
+  const parts = (plus ? input.slice(0, -1) : input).split("+");
+  // ARIA separates keys with "+", so the plus key itself is named "plus".
+  const key = plus ? "plus" : parts.pop() || "space";
+  if (plus) parts.pop();
+  const names = {
+    mod: platform === "apple" ? "Meta" : "Control",
+    ctrl: "Control",
+    alt: "Alt",
+    shift: "Shift",
+    meta: "Meta",
+    arrowup: "ArrowUp",
+    arrowdown: "ArrowDown",
+    arrowleft: "ArrowLeft",
+    arrowright: "ArrowRight",
+    escape: "Escape",
+    esc: "Escape",
+    backspace: "Backspace",
+    enter: "Enter",
+    delete: "Delete",
+    space: "Space",
+    tab: "Tab",
+    home: "Home",
+    end: "End",
+    pageup: "PageUp",
+    pagedown: "PageDown",
+    plus: "plus"
+  };
+  const final = key.length === 1 || /^f(?:[1-9]|1[0-2])$/.test(key) ? key.toUpperCase() : names[key];
+  return final ? [...new Set(parts.map(part => names[part])), final].join("+") : undefined;
+};
+const ToolbarAction = props => {
+  const register = useContext(ToolbarActionsContext);
+  const locale = useLocale();
+  const [platform, setPlatform] = createSignal(isServer || sharedConfig.context ? "other" : keyboardPlatform());
+  onMount(() => setPlatform(keyboardPlatform()));
+  const tooltip = () => {
+    const shortcut = props.keys ? formatShortcut(props.keys, {
+      platform: platform(),
+      locale: locale()
+    }).label : "";
+    return shortcut ? `${props.label} (${shortcut})` : props.label;
+  };
+  return _$createComponent(IconButton, {
+    ref: element => {
+      const item = {
+        get label() {
+          return props.label;
+        },
+        get icon() {
+          return props.icon;
+        },
+        get disabled() {
+          return props.disabled;
+        },
+        action: () => props.onClick?.()
+      };
+      const unregister = register?.({
+        element,
+        props,
+        item
+      });
+      if (unregister) onCleanup(unregister);
+    },
+    "class": "k2b-toolbar__action",
+    get label() {
+      return props.label;
+    },
+    variant: "ghost",
+    get tooltip() {
+      return tooltip();
+    },
+    get ["aria-keyshortcuts"]() {
+      return ariaShortcut(props.keys, platform());
+    },
+    get ["data-priority"]() {
+      return props.priority;
+    },
+    get disabled() {
+      return props.disabled;
+    },
+    onClick: () => props.onClick?.(),
+    get children() {
+      return [(() => {
+        var _el$ = _$getNextElement(_tmpl$);
+        _$effect(() => _$className(_el$, props.icon));
+        return _el$;
+      })(), _$createComponent(Show, {
+        get when() {
+          return props.keys;
+        },
+        children: keys => _$createComponent(Kbd, {
+          get keys() {
+            return keys();
+          },
+          "class": "k2b-kbd-hint k2b-toolbar__hint"
+        })
+      })];
+    }
+  });
+};
+const ToolbarLabel = props => (() => {
+  var _el$2 = _$getNextElement(_tmpl$2);
+  _$insert(_el$2, () => props.children);
+  _$effect(() => _$className(_el$2, `k2b-toolbar__label ${props.class ?? ""}`));
+  return _el$2;
+})();
 const ToolbarGroup = props => (() => {
-  var _el$ = _$getNextElement(_tmpl$);
-  _$insert(_el$, () => props.children);
+  var _el$3 = _$getNextElement(_tmpl$3);
+  _$insert(_el$3, () => props.children);
   _$effect(_p$ => {
     var _v$ = `k2b-toolbar__group ${props.class ?? ""}`,
       _v$2 = props.label;
-    _v$ !== _p$.e && _$className(_el$, _p$.e = _v$);
-    _v$2 !== _p$.t && _$setAttribute(_el$, "aria-label", _p$.t = _v$2);
+    _v$ !== _p$.e && _$className(_el$3, _p$.e = _v$);
+    _v$2 !== _p$.t && _$setAttribute(_el$3, "aria-label", _p$.t = _v$2);
     return _p$;
   }, {
     e: undefined,
     t: undefined
   });
-  return _el$;
+  return _el$3;
 })();
 const ToolbarSeparator = props => {
   const toolbarOrientation = useContext(ToolbarOrientationContext);
   const separatorOrientation = () => toolbarOrientation() === "horizontal" ? "vertical" : "horizontal";
   return (() => {
-    var _el$2 = _$getNextElement(_tmpl$2);
+    var _el$4 = _$getNextElement(_tmpl$4);
     _$effect(_p$ => {
       var _v$3 = `k2b-toolbar__separator ${props.class ?? ""}`,
         _v$4 = separatorOrientation(),
         _v$5 = separatorOrientation();
-      _v$3 !== _p$.e && _$className(_el$2, _p$.e = _v$3);
-      _v$4 !== _p$.t && _$setAttribute(_el$2, "aria-orientation", _p$.t = _v$4);
-      _v$5 !== _p$.a && _$setAttribute(_el$2, "data-orientation", _p$.a = _v$5);
+      _v$3 !== _p$.e && _$className(_el$4, _p$.e = _v$3);
+      _v$4 !== _p$.t && _$setAttribute(_el$4, "aria-orientation", _p$.t = _v$4);
+      _v$5 !== _p$.a && _$setAttribute(_el$4, "data-orientation", _p$.a = _v$5);
       return _p$;
     }, {
       e: undefined,
       t: undefined,
       a: undefined
     });
-    return _el$2;
+    return _el$4;
   })();
 };
-const ToolbarSpacer = () => _$getNextElement(_tmpl$3);
+const ToolbarSpacer = () => _$getNextElement(_tmpl$5);
 const rovingFocus = (root, orientation) => {
   let last;
   const setLast = item => {
@@ -65,7 +200,7 @@ const rovingFocus = (root, orientation) => {
     const nested = item.closest('[role="menu"], [role="listbox"], [role="dialog"], [popover]');
     return !nested || !root.contains(nested);
   });
-  const items = () => controls().filter(item => !item.matches(":disabled") && item.getClientRects().length > 0);
+  const items = () => controls().filter(item => !item.matches(":disabled") && !item.closest('[data-overflow="hidden"]') && item.getClientRects().length > 0);
   const sync = () => {
     const available = items();
     if (!last || !available.includes(last)) setLast(available[0]);
@@ -97,7 +232,7 @@ const rovingFocus = (root, orientation) => {
     childList: true,
     subtree: true,
     attributes: true,
-    attributeFilter: ["disabled", "hidden", "class", "style"]
+    attributeFilter: ["disabled", "hidden", "class", "style", overflowAttribute]
   });
   const resizeObserver = new ResizeObserver(sync);
   resizeObserver.observe(root);
@@ -105,6 +240,7 @@ const rovingFocus = (root, orientation) => {
   sync();
   return {
     keydown,
+    sync,
     cleanup: () => {
       observer.disconnect();
       resizeObserver.disconnect();
@@ -112,46 +248,241 @@ const rovingFocus = (root, orientation) => {
     }
   };
 };
+
+/**
+ * All measurement writes are DOM attributes: reactive writes do not flush during onMount. More is never toggled while
+ * measuring: hiding it, even for a moment, can make the browser drop focus from it or from its open menu. An idle More
+ * stays out of the flow but keeps its box, so its width is always known.
+ */
+const measureOverflow = (root, more, actions, available) => {
+  for (const element of root.querySelectorAll(`[${overflowAttribute}]`)) if (element !== more) reveal(element);
+  const children = Array.from(root.children).filter(element => element instanceof HTMLElement && element !== more);
+  const visible = element => !element.matches("[popover]") && element.getClientRects().length > 0;
+  const separator = element => element.classList.contains("k2b-toolbar__separator");
+  const item = element => !separator(element) && !element.classList.contains("k2b-toolbar__spacer");
+  // Separators are tidied in DOM order with More, the last control, counted as shown when `withMore` is set.
+  const all = Array.from(root.children).filter(element => element instanceof HTMLElement);
+  const tidy = withMore => {
+    for (const group of root.querySelectorAll(".k2b-toolbar__group")) {
+      reveal(group);
+      if (!Array.from(group.children).some(visible)) hide(group);
+    }
+    for (const child of children) if (separator(child)) reveal(child);
+    const shown = element => element === more ? withMore : visible(element);
+    let preceding = false;
+    for (let index = 0; index < all.length; index++) {
+      const child = all[index];
+      if (!shown(child)) continue;
+      if (separator(child)) {
+        const following = all.slice(index + 1).some(next => item(next) && shown(next));
+        if (!preceding || !following) hide(child);else preceding = false;
+      } else if (item(child)) preceding = true;
+    }
+  };
+  const style = getComputedStyle(root);
+  const edges = [style.paddingLeft, style.paddingRight, style.borderLeftWidth, style.borderRightWidth].reduce((sum, value) => sum + (Number.parseFloat(value) || 0), 0);
+  const gap = Number.parseFloat(style.columnGap) || 0;
+  // A label may shrink in an overfull pill; measure its untruncated width (up to its cap) so actions move before the
+  // count or title truncates.
+  const width = child => {
+    // Separators carry inline margins, which bounding boxes leave out.
+    const childStyle = getComputedStyle(child);
+    const box = child.getBoundingClientRect().width + (Number.parseFloat(childStyle.marginLeft) || 0) + (Number.parseFloat(childStyle.marginRight) || 0);
+    if (!child.classList.contains("k2b-toolbar__label")) return box;
+    const cap = Number.parseFloat(childStyle.maxWidth);
+    return Math.max(box, Math.min(child.scrollWidth, Number.isNaN(cap) ? Number.POSITIVE_INFINITY : cap));
+  };
+  const moreWidth = width(more) + gap;
+  const used = withMore => {
+    const shown = children.filter(visible);
+    return shown.reduce((sum, child) => sum + width(child), edges) + gap * Math.max(0, shown.length - 1) + (withMore ? moreWidth : 0);
+  };
+  // Stable sort retains DOM order for the menu, but removes later actions first on a priority tie.
+  const candidates = actions
+  // An action its application hides, even with `visibility: hidden`, must not reappear as a More row.
+  .filter(action => action.props.priority !== undefined && visible(action.element) && getComputedStyle(action.element).visibility !== "hidden").reverse().sort((a, b) => b.props.priority - a.props.priority);
+  let movedAny = false;
+  tidy(false);
+  for (const action of candidates) {
+    if (used(movedAny) <= available) break;
+    hide(action.element);
+    movedAny = true;
+    tidy(true);
+  }
+  // More changes only here, and only when its state changes.
+  if (movedAny) reveal(more);else if (!more.hasAttribute(overflowAttribute)) hide(more);
+  return actions.filter(action => action.element.hasAttribute(overflowAttribute));
+};
 export const Toolbar = Object.assign(props => {
-  const orientation = () => props.orientation ?? "horizontal";
+  // The variant decides the DOM shape, so it is read once.
+  const floating = props.variant === "floating";
+  const orientation = () => floating ? "horizontal" : props.orientation ?? "horizontal";
+  const messages = useToolbarMessages();
+  const actions = new Set();
+  const [revision, setRevision] = createSignal(0);
+  const [moved, setMoved] = createSignal([]);
   let root;
+  let strip;
+  let more;
+  let trigger;
+  let mounted = false;
   let navigation;
+  // Only the floating variant moves actions into More; inline toolbars keep every action in place.
+  const measure = () => {
+    if (!mounted || !strip || !more) return;
+    const style = getComputedStyle(strip);
+    const available = strip.clientWidth - Number.parseFloat(style.paddingLeft) - Number.parseFloat(style.paddingRight);
+    if (available <= 0) return;
+    const ordered = [...actions].sort((a, b) => a.element.compareDocumentPosition(b.element) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1);
+    const focused = document.activeElement;
+    // Cleared before measuring so the pending `visibility: hidden` does not hide every action from the check
+    // below; the whole measurement still runs before the next paint.
+    root.removeAttribute("data-overflow-pending");
+    const next = measureOverflow(root, more, ordered, available);
+    setMoved(previous => previous.length === next.length && previous.every((action, index) => action === next[index]) ? previous : next);
+    navigation?.sync();
+    // Focus on an action that moved, on a menu row whose action came back, or on a More that disappeared goes to
+    // More, or to the toolbar's tab stop when nothing is left in More. Inside an effect the menu rows update after
+    // this function returns, so the check waits for that flush; a microtask still runs before the next paint.
+    queueMicrotask(() => {
+      const lost = next.some(action => action.element === focused) || focused instanceof HTMLElement && !focused.isConnected || focused === trigger && !next.length;
+      if (lost) (next.length ? trigger : root.querySelector('[tabindex="0"]'))?.focus();
+    });
+  };
+  const register = action => {
+    actions.add(action);
+    setRevision(value => value + 1);
+    return () => {
+      actions.delete(action);
+      setRevision(value => value + 1);
+    };
+  };
+  if (floating) createEffect(() => {
+    revision();
+    for (const action of actions) {
+      // Content and priority changes can affect intrinsic widths as well as menu rows.
+      void action.props.priority;
+      void action.props.label;
+      void action.props.icon;
+      void action.props.keys;
+    }
+    measure();
+  });
   onMount(() => {
+    mounted = true;
     navigation = rovingFocus(root, orientation);
-    onCleanup(navigation.cleanup);
+    onCleanup(() => {
+      mounted = false;
+      navigation?.cleanup();
+    });
+    if (!strip) return;
+    measure();
+    const observer = new ResizeObserver(measure);
+    observer.observe(strip);
+    observer.observe(root);
+    const mutations = new MutationObserver(measure);
+    // Visibility an application sets also counts. Measurement writes only data attributes, which stay unobserved.
+    mutations.observe(root, {
+      childList: true,
+      subtree: true,
+      characterData: true,
+      attributes: true,
+      attributeFilter: ["hidden", "class", "style"]
+    });
+    onCleanup(() => {
+      observer.disconnect();
+      mutations.disconnect();
+    });
   });
-  return _$createComponent(ToolbarOrientationContext.Provider, {
+  const menuItems = () => moved().map(action => action.item);
+  const content = _$createComponent(ToolbarOrientationContext.Provider, {
     value: orientation,
     get children() {
-      var _el$4 = _$getNextElement(_tmpl$4);
-      _el$4.$$keydown = event => navigation?.keydown(event);
-      var _ref$ = root;
-      typeof _ref$ === "function" ? _$use(_ref$, _el$4) : root = _el$4;
-      _$insert(_el$4, () => props.children);
-      _$effect(_p$ => {
-        var _v$6 = `k2b-toolbar ${props.class ?? ""}`,
-          _v$7 = props.label,
-          _v$8 = orientation(),
-          _v$9 = orientation(),
-          _v$0 = props.wrap ? "true" : undefined;
-        _v$6 !== _p$.e && _$className(_el$4, _p$.e = _v$6);
-        _v$7 !== _p$.t && _$setAttribute(_el$4, "aria-label", _p$.t = _v$7);
-        _v$8 !== _p$.a && _$setAttribute(_el$4, "aria-orientation", _p$.a = _v$8);
-        _v$9 !== _p$.o && _$setAttribute(_el$4, "data-orientation", _p$.o = _v$9);
-        _v$0 !== _p$.i && _$setAttribute(_el$4, "data-wrap", _p$.i = _v$0);
-        return _p$;
-      }, {
-        e: undefined,
-        t: undefined,
-        a: undefined,
-        o: undefined,
-        i: undefined
+      return _$createComponent(ToolbarActionsContext.Provider, {
+        value: floating ? register : undefined,
+        get children() {
+          var _el$6 = _$getNextElement(_tmpl$8),
+            _el$9 = _el$6.firstChild,
+            [_el$0, _co$] = _$getNextMarker(_el$9.nextSibling),
+            _el$1 = _el$0.nextSibling,
+            [_el$10, _co$2] = _$getNextMarker(_el$1.nextSibling);
+          _el$6.$$keydown = event => navigation?.keydown(event);
+          var _ref$ = root;
+          typeof _ref$ === "function" ? _$use(_ref$, _el$6) : root = _el$6;
+          _$setAttribute(_el$6, "data-variant", floating ? "floating" : undefined);
+          _$setAttribute(_el$6, "data-overflow-pending", floating ? "" : undefined);
+          _$insert(_el$6, () => props.children, _el$0, _co$);
+          _$insert(_el$6, _$createComponent(Show, {
+            when: floating,
+            get children() {
+              var _el$7 = _$getNextElement(_tmpl$7);
+              var _ref$2 = more;
+              typeof _ref$2 === "function" ? _$use(_ref$2, _el$7) : more = _el$7;
+              _$insert(_el$7, _$createComponent(Dropdown.Root, {
+                get items() {
+                  return menuItems();
+                },
+                position: "top-left",
+                get label() {
+                  return messages().moreActions;
+                },
+                get disabled() {
+                  return moved().length === 0;
+                },
+                get children() {
+                  return _$createComponent(Dropdown.Trigger, {
+                    ref(r$) {
+                      var _ref$3 = trigger;
+                      typeof _ref$3 === "function" ? _ref$3(r$) : trigger = r$;
+                    },
+                    iconOnly: true,
+                    get label() {
+                      return messages().moreActions;
+                    },
+                    get children() {
+                      return _$getNextElement(_tmpl$6);
+                    }
+                  });
+                }
+              }));
+              return _el$7;
+            }
+          }), _el$10, _co$2);
+          _$effect(_p$ => {
+            var _v$6 = `k2b-toolbar ${props.class ?? ""}`,
+              _v$7 = props.label,
+              _v$8 = orientation(),
+              _v$9 = orientation(),
+              _v$0 = !floating && props.wrap ? "true" : undefined;
+            _v$6 !== _p$.e && _$className(_el$6, _p$.e = _v$6);
+            _v$7 !== _p$.t && _$setAttribute(_el$6, "aria-label", _p$.t = _v$7);
+            _v$8 !== _p$.a && _$setAttribute(_el$6, "aria-orientation", _p$.a = _v$8);
+            _v$9 !== _p$.o && _$setAttribute(_el$6, "data-orientation", _p$.o = _v$9);
+            _v$0 !== _p$.i && _$setAttribute(_el$6, "data-wrap", _p$.i = _v$0);
+            return _p$;
+          }, {
+            e: undefined,
+            t: undefined,
+            a: undefined,
+            o: undefined,
+            i: undefined
+          });
+          _$runHydrationEvents();
+          return _el$6;
+        }
       });
-      _$runHydrationEvents();
-      return _el$4;
     }
   });
+  return floating ? (() => {
+    var _el$11 = _$getNextElement(_tmpl$9);
+    var _ref$4 = strip;
+    typeof _ref$4 === "function" ? _$use(_ref$4, _el$11) : strip = _el$11;
+    _$insert(_el$11, content);
+    return _el$11;
+  })() : content;
 }, {
+  Action: ToolbarAction,
+  Label: ToolbarLabel,
   Group: ToolbarGroup,
   Separator: ToolbarSeparator,
   Spacer: ToolbarSpacer

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["actions/Toolbar.tsx"],"sourcesContent":["import { createContext, type JSX, onCleanup, onMount, useContext } from \"solid-js\";\n\nexport type ToolbarProps = {\n  children: JSX.Element;\n  label: string;\n  orientation?: \"horizontal\" | \"vertical\";\n  wrap?: boolean;\n  class?: string;\n};\n\nexport type ToolbarGroupProps = { children: JSX.Element; label?: string; class?: string };\nexport type ToolbarSeparatorProps = { class?: string };\n\ntype ToolbarComponent = ((props: ToolbarProps) => JSX.Element) & {\n  Group: (props: ToolbarGroupProps) => JSX.Element;\n  Separator: (props: ToolbarSeparatorProps) => JSX.Element;\n  Spacer: () => JSX.Element;\n};\n\ntype ToolbarOrientation = NonNullable<ToolbarProps[\"orientation\"]>;\n\nconst defaultToolbarOrientation: () => ToolbarOrientation = () => \"horizontal\";\nconst ToolbarOrientationContext = createContext(defaultToolbarOrientation);\n\nconst ToolbarGroup = (props: ToolbarGroupProps): JSX.Element => (\n  <div class={`k2b-toolbar__group ${props.class ?? \"\"}`} role=\"group\" aria-label={props.label}>\n    {props.children}\n  </div>\n);\n\nconst ToolbarSeparator = (props: ToolbarSeparatorProps): JSX.Element => {\n  const toolbarOrientation = useContext(ToolbarOrientationContext);\n  const separatorOrientation = () => (toolbarOrientation() === \"horizontal\" ? \"vertical\" : \"horizontal\");\n\n  return (\n    <span\n      class={`k2b-toolbar__separator ${props.class ?? \"\"}`}\n      role=\"separator\"\n      aria-orientation={separatorOrientation()}\n      data-orientation={separatorOrientation()}\n    />\n  );\n};\n\nconst ToolbarSpacer = (): JSX.Element => <span class=\"k2b-toolbar__spacer\" aria-hidden=\"true\" />;\n\nconst rovingFocus = (root: HTMLDivElement, orientation: () => ToolbarOrientation) => {\n  let last: HTMLElement | undefined;\n  const setLast = (item: HTMLElement | undefined) => {\n    if (item === last) return;\n    if (last) resizeObserver.unobserve(last);\n    last = item;\n    if (last) resizeObserver.observe(last);\n  };\n  const controls = () =>\n    Array.from(root.querySelectorAll<HTMLElement>(\"button, a[href], input, select, textarea, [tabindex]\")).filter((item) => {\n      if (\n        item.matches(\"textarea, select\") ||\n        item.isContentEditable ||\n        (item.matches(\"input\") && !/^(button|checkbox|reset|submit|image|color|file)$/i.test(item.getAttribute(\"type\") ?? \"text\"))\n      )\n        return false;\n      const nested = item.closest('[role=\"menu\"], [role=\"listbox\"], [role=\"dialog\"], [popover]');\n      return !nested || !root.contains(nested);\n    });\n  const items = () => controls().filter((item) => !item.matches(\":disabled\") && item.getClientRects().length > 0);\n  const sync = () => {\n    const available = items();\n    if (!last || !available.includes(last)) setLast(available[0]);\n    for (const item of controls()) item.tabIndex = item === last ? 0 : -1;\n  };\n  const focusin = (event: FocusEvent) => {\n    if (event.target instanceof HTMLElement && items().includes(event.target)) {\n      setLast(event.target);\n      sync();\n    }\n  };\n  const keydown = (event: KeyboardEvent) => {\n    if (event.defaultPrevented || event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) return;\n    const available = items();\n    const target = event.target;\n    if (!(target instanceof HTMLElement) || !available.includes(target)) return;\n    const forward = orientation() === \"vertical\" ? \"ArrowDown\" : getComputedStyle(root).direction === \"rtl\" ? \"ArrowLeft\" : \"ArrowRight\";\n    const backward = orientation() === \"vertical\" ? \"ArrowUp\" : forward === \"ArrowRight\" ? \"ArrowLeft\" : \"ArrowRight\";\n    const index = available.indexOf(target);\n    const next =\n      event.key === \"Home\"\n        ? 0\n        : event.key === \"End\"\n          ? available.length - 1\n          : event.key === forward\n            ? (index + 1) % available.length\n            : event.key === backward\n              ? (index + available.length - 1) % available.length\n              : -1;\n    if (next < 0) return;\n    event.preventDefault();\n    setLast(available[next]);\n    sync();\n    last?.focus();\n  };\n  const observer = new MutationObserver(sync);\n  observer.observe(root, { childList: true, subtree: true, attributes: true, attributeFilter: [\"disabled\", \"hidden\", \"class\", \"style\"] });\n  const resizeObserver = new ResizeObserver(sync);\n  resizeObserver.observe(root);\n  root.addEventListener(\"focusin\", focusin);\n  sync();\n  return {\n    keydown,\n    cleanup: () => {\n      observer.disconnect();\n      resizeObserver.disconnect();\n      root.removeEventListener(\"focusin\", focusin);\n    },\n  };\n};\n\nexport const Toolbar = Object.assign(\n  (props: ToolbarProps): JSX.Element => {\n    const orientation = () => props.orientation ?? \"horizontal\";\n    let root!: HTMLDivElement;\n    let navigation: ReturnType<typeof rovingFocus> | undefined;\n    onMount(() => {\n      navigation = rovingFocus(root, orientation);\n      onCleanup(navigation.cleanup);\n    });\n\n    return (\n      <ToolbarOrientationContext.Provider value={orientation}>\n        <div\n          ref={root}\n          onKeyDown={(event) => navigation?.keydown(event)}\n          class={`k2b-toolbar ${props.class ?? \"\"}`}\n          role=\"toolbar\"\n          aria-label={props.label}\n          aria-orientation={orientation()}\n          data-orientation={orientation()}\n          data-wrap={props.wrap ? \"true\" : undefined}\n        >\n          {props.children}\n        </div>\n      </ToolbarOrientationContext.Provider>\n    );\n  },\n  { Group: ToolbarGroup, Separator: ToolbarSeparator, Spacer: ToolbarSpacer },\n) as ToolbarComponent;\n\nexport default Toolbar;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["actions/Toolbar.tsx"],"sourcesContent":["import { createContext, createEffect, createSignal, type JSX, onCleanup, onMount, Show, sharedConfig, useContext } from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\nimport { Kbd } from \"../content/Kbd\";\nimport { useLocale } from \"../intl/locale\";\nimport { formatShortcut, type KeyboardPlatform, keyboardPlatform } from \"../intl/shortcut\";\nimport { IconButton } from \"./Button\";\nimport { Dropdown, type DropdownAction } from \"./Dropdown\";\nimport { useToolbarMessages } from \"./toolbar-messages\";\n\nexport type ToolbarProps = {\n  children: JSX.Element;\n  label: string;\n  orientation?: \"horizontal\" | \"vertical\";\n  wrap?: boolean;\n  /** `floating` floats the toolbar at the bottom of its column. Defaults to `inline`. */\n  variant?: \"inline\" | \"floating\";\n  class?: string;\n};\n\nexport type ToolbarActionProps = {\n  /** Accessible name, tooltip text, and the row label in the More menu. */\n  label: string;\n  /** Icon class, such as \"ti ti-archive\". */\n  icon: string;\n  /** Shortcut hint, tooltip suffix, and aria-keyshortcuts; does not register a shortcut handler. */\n  keys?: string;\n  /** 1 is most important. Larger numbers move first; ties move later DOM actions first. Omit to keep fixed. */\n  priority?: number;\n  disabled?: boolean;\n  onClick?: () => void;\n};\nexport type ToolbarLabelProps = { children: JSX.Element; class?: string };\n\nexport type ToolbarGroupProps = { children: JSX.Element; label?: string; class?: string };\nexport type ToolbarSeparatorProps = { class?: string };\n\ntype ToolbarComponent = ((props: ToolbarProps) => JSX.Element) & {\n  Action: (props: ToolbarActionProps) => JSX.Element;\n  Label: (props: ToolbarLabelProps) => JSX.Element;\n  Group: (props: ToolbarGroupProps) => JSX.Element;\n  Separator: (props: ToolbarSeparatorProps) => JSX.Element;\n  Spacer: () => JSX.Element;\n};\n\ntype ToolbarOrientation = NonNullable<ToolbarProps[\"orientation\"]>;\n\nconst defaultToolbarOrientation: () => ToolbarOrientation = () => \"horizontal\";\nconst ToolbarOrientationContext = createContext(defaultToolbarOrientation);\n\n// `item` is created once per action: the More menu keys its rows by identity, so a remeasure keeps a focused row.\ntype RegisteredAction = { element: HTMLButtonElement; props: ToolbarActionProps; item: DropdownAction };\nconst ToolbarActionsContext = createContext<(action: RegisteredAction) => () => void>();\nconst overflowAttribute = \"data-overflow\";\nconst hide = (element: Element) => element.setAttribute(overflowAttribute, \"hidden\");\nconst reveal = (element: Element) => element.removeAttribute(overflowAttribute);\n\n// ARIA uses language-independent key names, unlike the translated tooltip and caps.\nconst ariaShortcut = (keys: string | undefined, platform: KeyboardPlatform): string | undefined => {\n  if (!keys || !formatShortcut(keys, { platform, locale: \"en\" }).keys.length) return undefined;\n  const input = keys.trim().toLowerCase();\n  const plus = input === \"+\" || input.endsWith(\"++\");\n  const parts = (plus ? input.slice(0, -1) : input).split(\"+\");\n  // ARIA separates keys with \"+\", so the plus key itself is named \"plus\".\n  const key = plus ? \"plus\" : parts.pop() || \"space\";\n  if (plus) parts.pop();\n  const names: Record<string, string> = {\n    mod: platform === \"apple\" ? \"Meta\" : \"Control\",\n    ctrl: \"Control\",\n    alt: \"Alt\",\n    shift: \"Shift\",\n    meta: \"Meta\",\n    arrowup: \"ArrowUp\",\n    arrowdown: \"ArrowDown\",\n    arrowleft: \"ArrowLeft\",\n    arrowright: \"ArrowRight\",\n    escape: \"Escape\",\n    esc: \"Escape\",\n    backspace: \"Backspace\",\n    enter: \"Enter\",\n    delete: \"Delete\",\n    space: \"Space\",\n    tab: \"Tab\",\n    home: \"Home\",\n    end: \"End\",\n    pageup: \"PageUp\",\n    pagedown: \"PageDown\",\n    plus: \"plus\",\n  };\n  const final = key.length === 1 || /^f(?:[1-9]|1[0-2])$/.test(key) ? key.toUpperCase() : names[key];\n  return final ? [...new Set(parts.map((part) => names[part])), final].join(\"+\") : undefined;\n};\n\nconst ToolbarAction = (props: ToolbarActionProps): JSX.Element => {\n  const register = useContext(ToolbarActionsContext);\n  const locale = useLocale();\n  const [platform, setPlatform] = createSignal<KeyboardPlatform>(isServer || sharedConfig.context ? \"other\" : keyboardPlatform());\n  onMount(() => setPlatform(keyboardPlatform()));\n  const tooltip = () => {\n    const shortcut = props.keys ? formatShortcut(props.keys, { platform: platform(), locale: locale() }).label : \"\";\n    return shortcut ? `${props.label} (${shortcut})` : props.label;\n  };\n  return (\n    <IconButton\n      ref={(element) => {\n        const item: DropdownAction = {\n          get label() {\n            return props.label;\n          },\n          get icon() {\n            return props.icon;\n          },\n          get disabled() {\n            return props.disabled;\n          },\n          action: () => props.onClick?.(),\n        };\n        const unregister = register?.({ element, props, item });\n        if (unregister) onCleanup(unregister);\n      }}\n      class=\"k2b-toolbar__action\"\n      label={props.label}\n      variant=\"ghost\"\n      tooltip={tooltip()}\n      aria-keyshortcuts={ariaShortcut(props.keys, platform())}\n      data-priority={props.priority}\n      disabled={props.disabled}\n      onClick={() => props.onClick?.()}\n    >\n      <i class={props.icon} aria-hidden=\"true\" />\n      <Show when={props.keys}>{(keys) => <Kbd keys={keys()} class=\"k2b-kbd-hint k2b-toolbar__hint\" />}</Show>\n    </IconButton>\n  );\n};\n\nconst ToolbarLabel = (props: ToolbarLabelProps): JSX.Element => (\n  <span class={`k2b-toolbar__label ${props.class ?? \"\"}`}>{props.children}</span>\n);\n\nconst ToolbarGroup = (props: ToolbarGroupProps): JSX.Element => (\n  <div class={`k2b-toolbar__group ${props.class ?? \"\"}`} role=\"group\" aria-label={props.label}>\n    {props.children}\n  </div>\n);\n\nconst ToolbarSeparator = (props: ToolbarSeparatorProps): JSX.Element => {\n  const toolbarOrientation = useContext(ToolbarOrientationContext);\n  const separatorOrientation = () => (toolbarOrientation() === \"horizontal\" ? \"vertical\" : \"horizontal\");\n\n  return (\n    <span\n      class={`k2b-toolbar__separator ${props.class ?? \"\"}`}\n      role=\"separator\"\n      aria-orientation={separatorOrientation()}\n      data-orientation={separatorOrientation()}\n    />\n  );\n};\n\nconst ToolbarSpacer = (): JSX.Element => <span class=\"k2b-toolbar__spacer\" aria-hidden=\"true\" />;\n\nconst rovingFocus = (root: HTMLDivElement, orientation: () => ToolbarOrientation) => {\n  let last: HTMLElement | undefined;\n  const setLast = (item: HTMLElement | undefined) => {\n    if (item === last) return;\n    if (last) resizeObserver.unobserve(last);\n    last = item;\n    if (last) resizeObserver.observe(last);\n  };\n  const controls = () =>\n    Array.from(root.querySelectorAll<HTMLElement>(\"button, a[href], input, select, textarea, [tabindex]\")).filter((item) => {\n      if (\n        item.matches(\"textarea, select\") ||\n        item.isContentEditable ||\n        (item.matches(\"input\") && !/^(button|checkbox|reset|submit|image|color|file)$/i.test(item.getAttribute(\"type\") ?? \"text\"))\n      )\n        return false;\n      const nested = item.closest('[role=\"menu\"], [role=\"listbox\"], [role=\"dialog\"], [popover]');\n      return !nested || !root.contains(nested);\n    });\n  const items = () =>\n    controls().filter(\n      (item) => !item.matches(\":disabled\") && !item.closest('[data-overflow=\"hidden\"]') && item.getClientRects().length > 0,\n    );\n  const sync = () => {\n    const available = items();\n    if (!last || !available.includes(last)) setLast(available[0]);\n    for (const item of controls()) item.tabIndex = item === last ? 0 : -1;\n  };\n  const focusin = (event: FocusEvent) => {\n    if (event.target instanceof HTMLElement && items().includes(event.target)) {\n      setLast(event.target);\n      sync();\n    }\n  };\n  const keydown = (event: KeyboardEvent) => {\n    if (event.defaultPrevented || event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) return;\n    const available = items();\n    const target = event.target;\n    if (!(target instanceof HTMLElement) || !available.includes(target)) return;\n    const forward = orientation() === \"vertical\" ? \"ArrowDown\" : getComputedStyle(root).direction === \"rtl\" ? \"ArrowLeft\" : \"ArrowRight\";\n    const backward = orientation() === \"vertical\" ? \"ArrowUp\" : forward === \"ArrowRight\" ? \"ArrowLeft\" : \"ArrowRight\";\n    const index = available.indexOf(target);\n    const next =\n      event.key === \"Home\"\n        ? 0\n        : event.key === \"End\"\n          ? available.length - 1\n          : event.key === forward\n            ? (index + 1) % available.length\n            : event.key === backward\n              ? (index + available.length - 1) % available.length\n              : -1;\n    if (next < 0) return;\n    event.preventDefault();\n    setLast(available[next]);\n    sync();\n    last?.focus();\n  };\n  const observer = new MutationObserver(sync);\n  observer.observe(root, {\n    childList: true,\n    subtree: true,\n    attributes: true,\n    attributeFilter: [\"disabled\", \"hidden\", \"class\", \"style\", overflowAttribute],\n  });\n  const resizeObserver = new ResizeObserver(sync);\n  resizeObserver.observe(root);\n  root.addEventListener(\"focusin\", focusin);\n  sync();\n  return {\n    keydown,\n    sync,\n    cleanup: () => {\n      observer.disconnect();\n      resizeObserver.disconnect();\n      root.removeEventListener(\"focusin\", focusin);\n    },\n  };\n};\n\n/**\n * All measurement writes are DOM attributes: reactive writes do not flush during onMount. More is never toggled while\n * measuring: hiding it, even for a moment, can make the browser drop focus from it or from its open menu. An idle More\n * stays out of the flow but keeps its box, so its width is always known.\n */\nconst measureOverflow = (\n  root: HTMLDivElement,\n  more: HTMLDivElement,\n  actions: RegisteredAction[],\n  available: number,\n): RegisteredAction[] => {\n  for (const element of root.querySelectorAll(`[${overflowAttribute}]`)) if (element !== more) reveal(element);\n  const children = Array.from(root.children).filter(\n    (element): element is HTMLElement => element instanceof HTMLElement && element !== more,\n  );\n  const visible = (element: Element) => !element.matches(\"[popover]\") && element.getClientRects().length > 0;\n  const separator = (element: Element) => element.classList.contains(\"k2b-toolbar__separator\");\n  const item = (element: Element) => !separator(element) && !element.classList.contains(\"k2b-toolbar__spacer\");\n  // Separators are tidied in DOM order with More, the last control, counted as shown when `withMore` is set.\n  const all = Array.from(root.children).filter((element): element is HTMLElement => element instanceof HTMLElement);\n  const tidy = (withMore: boolean) => {\n    for (const group of root.querySelectorAll(\".k2b-toolbar__group\")) {\n      reveal(group);\n      if (!Array.from(group.children).some(visible)) hide(group);\n    }\n    for (const child of children) if (separator(child)) reveal(child);\n    const shown = (element: HTMLElement) => (element === more ? withMore : visible(element));\n    let preceding = false;\n    for (let index = 0; index < all.length; index++) {\n      const child = all[index]!;\n      if (!shown(child)) continue;\n      if (separator(child)) {\n        const following = all.slice(index + 1).some((next) => item(next) && shown(next));\n        if (!preceding || !following) hide(child);\n        else preceding = false;\n      } else if (item(child)) preceding = true;\n    }\n  };\n  const style = getComputedStyle(root);\n  const edges = [style.paddingLeft, style.paddingRight, style.borderLeftWidth, style.borderRightWidth].reduce(\n    (sum, value) => sum + (Number.parseFloat(value) || 0),\n    0,\n  );\n  const gap = Number.parseFloat(style.columnGap) || 0;\n  // A label may shrink in an overfull pill; measure its untruncated width (up to its cap) so actions move before the\n  // count or title truncates.\n  const width = (child: HTMLElement) => {\n    // Separators carry inline margins, which bounding boxes leave out.\n    const childStyle = getComputedStyle(child);\n    const box =\n      child.getBoundingClientRect().width +\n      (Number.parseFloat(childStyle.marginLeft) || 0) +\n      (Number.parseFloat(childStyle.marginRight) || 0);\n    if (!child.classList.contains(\"k2b-toolbar__label\")) return box;\n    const cap = Number.parseFloat(childStyle.maxWidth);\n    return Math.max(box, Math.min(child.scrollWidth, Number.isNaN(cap) ? Number.POSITIVE_INFINITY : cap));\n  };\n  const moreWidth = width(more) + gap;\n  const used = (withMore: boolean) => {\n    const shown = children.filter(visible);\n    return shown.reduce((sum, child) => sum + width(child), edges) + gap * Math.max(0, shown.length - 1) + (withMore ? moreWidth : 0);\n  };\n  // Stable sort retains DOM order for the menu, but removes later actions first on a priority tie.\n  const candidates = actions\n    // An action its application hides, even with `visibility: hidden`, must not reappear as a More row.\n    .filter(\n      (action) =>\n        action.props.priority !== undefined && visible(action.element) && getComputedStyle(action.element).visibility !== \"hidden\",\n    )\n    .reverse()\n    .sort((a, b) => b.props.priority! - a.props.priority!);\n  let movedAny = false;\n  tidy(false);\n  for (const action of candidates) {\n    if (used(movedAny) <= available) break;\n    hide(action.element);\n    movedAny = true;\n    tidy(true);\n  }\n  // More changes only here, and only when its state changes.\n  if (movedAny) reveal(more);\n  else if (!more.hasAttribute(overflowAttribute)) hide(more);\n  return actions.filter((action) => action.element.hasAttribute(overflowAttribute));\n};\n\nexport const Toolbar = Object.assign(\n  (props: ToolbarProps): JSX.Element => {\n    // The variant decides the DOM shape, so it is read once.\n    const floating = props.variant === \"floating\";\n    const orientation = () => (floating ? \"horizontal\" : (props.orientation ?? \"horizontal\"));\n    const messages = useToolbarMessages();\n    const actions = new Set<RegisteredAction>();\n    const [revision, setRevision] = createSignal(0);\n    const [moved, setMoved] = createSignal<RegisteredAction[]>([]);\n    let root!: HTMLDivElement;\n    let strip: HTMLDivElement | undefined;\n    let more: HTMLDivElement | undefined;\n    let trigger: HTMLButtonElement | undefined;\n    let mounted = false;\n    let navigation: ReturnType<typeof rovingFocus> | undefined;\n    // Only the floating variant moves actions into More; inline toolbars keep every action in place.\n    const measure = () => {\n      if (!mounted || !strip || !more) return;\n      const style = getComputedStyle(strip);\n      const available = strip.clientWidth - Number.parseFloat(style.paddingLeft) - Number.parseFloat(style.paddingRight);\n      if (available <= 0) return;\n      const ordered = [...actions].sort((a, b) =>\n        a.element.compareDocumentPosition(b.element) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1,\n      );\n      const focused = document.activeElement;\n      // Cleared before measuring so the pending `visibility: hidden` does not hide every action from the check\n      // below; the whole measurement still runs before the next paint.\n      root.removeAttribute(\"data-overflow-pending\");\n      const next = measureOverflow(root, more, ordered, available);\n      setMoved((previous) =>\n        previous.length === next.length && previous.every((action, index) => action === next[index]) ? previous : next,\n      );\n      navigation?.sync();\n      // Focus on an action that moved, on a menu row whose action came back, or on a More that disappeared goes to\n      // More, or to the toolbar's tab stop when nothing is left in More. Inside an effect the menu rows update after\n      // this function returns, so the check waits for that flush; a microtask still runs before the next paint.\n      queueMicrotask(() => {\n        const lost =\n          next.some((action) => action.element === focused) ||\n          (focused instanceof HTMLElement && !focused.isConnected) ||\n          (focused === trigger && !next.length);\n        if (lost) (next.length ? trigger : root.querySelector<HTMLElement>('[tabindex=\"0\"]'))?.focus();\n      });\n    };\n    const register = (action: RegisteredAction) => {\n      actions.add(action);\n      setRevision((value) => value + 1);\n      return () => {\n        actions.delete(action);\n        setRevision((value) => value + 1);\n      };\n    };\n    if (floating)\n      createEffect(() => {\n        revision();\n        for (const action of actions) {\n          // Content and priority changes can affect intrinsic widths as well as menu rows.\n          void action.props.priority;\n          void action.props.label;\n          void action.props.icon;\n          void action.props.keys;\n        }\n        measure();\n      });\n    onMount(() => {\n      mounted = true;\n      navigation = rovingFocus(root, orientation);\n      onCleanup(() => {\n        mounted = false;\n        navigation?.cleanup();\n      });\n      if (!strip) return;\n      measure();\n      const observer = new ResizeObserver(measure);\n      observer.observe(strip);\n      observer.observe(root);\n      const mutations = new MutationObserver(measure);\n      // Visibility an application sets also counts. Measurement writes only data attributes, which stay unobserved.\n      mutations.observe(root, {\n        childList: true,\n        subtree: true,\n        characterData: true,\n        attributes: true,\n        attributeFilter: [\"hidden\", \"class\", \"style\"],\n      });\n      onCleanup(() => {\n        observer.disconnect();\n        mutations.disconnect();\n      });\n    });\n    const menuItems = (): DropdownAction[] => moved().map((action) => action.item);\n    const content = (\n      <ToolbarOrientationContext.Provider value={orientation}>\n        <ToolbarActionsContext.Provider value={floating ? register : undefined}>\n          <div\n            ref={root}\n            onKeyDown={(event) => navigation?.keydown(event)}\n            class={`k2b-toolbar ${props.class ?? \"\"}`}\n            role=\"toolbar\"\n            aria-label={props.label}\n            aria-orientation={orientation()}\n            data-orientation={orientation()}\n            data-variant={floating ? \"floating\" : undefined}\n            data-wrap={!floating && props.wrap ? \"true\" : undefined}\n            data-overflow-pending={floating ? \"\" : undefined}\n          >\n            {props.children}\n            <Show when={floating}>\n              <div ref={more} class=\"k2b-toolbar__more\" data-overflow=\"hidden\">\n                <Dropdown.Root\n                  items={menuItems()}\n                  position=\"top-left\"\n                  label={messages().moreActions}\n                  // An open menu closes when its last row returns to the toolbar.\n                  disabled={moved().length === 0}\n                >\n                  <Dropdown.Trigger ref={trigger} iconOnly label={messages().moreActions}>\n                    <i class=\"ti ti-dots\" aria-hidden=\"true\" />\n                  </Dropdown.Trigger>\n                </Dropdown.Root>\n              </div>\n            </Show>\n          </div>\n        </ToolbarActionsContext.Provider>\n      </ToolbarOrientationContext.Provider>\n    );\n    return floating ? (\n      <div ref={strip} class=\"k2b-toolbar-float\">\n        {content}\n      </div>\n    ) : (\n      content\n    );\n  },\n  { Action: ToolbarAction, Label: ToolbarLabel, Group: ToolbarGroup, Separator: ToolbarSeparator, Spacer: ToolbarSpacer },\n) as ToolbarComponent;\n\nexport default Toolbar;\n"],"mappings":"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","ignoreList":[]}