@k2b/ui 0.27.0 → 0.29.0

package/dist/ssr/actions/GestureMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["actions/GestureMenu.tsx"],"sourcesContent":["import { createSignal, type JSX, onCleanup, onMount, Show } from \"solid-js\";\nimport { dialogCore } from \"../feedback/dialog-core\";\nimport { LocaleProvider, useLocale } from \"../intl/locale\";\nimport BottomSheet, { bottomSheetOptions } from \"../layout/BottomSheet\";\nimport { prefersReducedMotion } from \"../motion\";\nimport { ContextMenu } from \"./ContextMenu\";\nimport {\n  type DropdownAction,\n  type DropdownActionBase,\n  type DropdownChoice,\n  DropdownItems,\n  type DropdownSection,\n  focusRowSegment,\n} from \"./Dropdown\";\n\n/** A finger held this long without moving opens the menu, as the platforms' own long press does. */\nconst LONG_PRESS_MS = 500;\n/** A second tap that starts this soon after the first ended makes a double tap. */\nconst DOUBLE_TAP_MS = 300;\n/** The second tap lands at most this far from the first. */\nconst DOUBLE_TAP_DISTANCE = 32;\n/** Movement up to this is still a tap or a long press. */\nconst SLOP = 10;\n/** A swipe must be this many times wider than tall; anything steeper belongs to the page's scrolling. */\nconst SWIPE_RATIO = 1.5;\n/** Travel at which a released swipe runs its action. */\nconst SWIPE_THRESHOLD = 64;\n/** The content follows the finger up to the threshold, then at a quarter of its travel, up to this. */\nconst SWIPE_MAX = 96;\nconst SWIPE_RESISTANCE = 0.25;\n/** Swipes do not start this close to the screen's side edges, where the system's back and forward gestures are. */\nconst EDGE = 20;\n/** Duration of the snap back in `.k2b-gesture-menu[data-settling]`. */\nconst SETTLE_MS = 160;\n\n/**\n * Gestures never start on these elements: links, controls, fields, code blocks, and anything marked\n * `data-gesture-ignore` keep their own touch and mouse behavior.\n */\nconst IGNORE = [\n  \"a[href]\",\n  \"button\",\n  \"input\",\n  \"textarea\",\n  \"select\",\n  \"summary\",\n  \"label\",\n  \"audio\",\n  \"video\",\n  \"pre\",\n  \"[contenteditable]:not([contenteditable='false'])\",\n  \"[role='button']\",\n  \"[role='link']\",\n  \"[role='checkbox']\",\n  \"[role='switch']\",\n  \"[role='slider']\",\n  \"[role='tab']\",\n  \"[role^='menuitem']\",\n  \"[data-gesture-ignore]\",\n].join(\", \");\n\nexport type GestureKind = \"swipe-right\" | \"swipe-left\" | \"double-tap\";\n\n/** A menu action that a gesture runs as well. */\nexport type GestureMenuAction = DropdownActionBase & {\n  action: () => void;\n  /** The gesture that runs this action. Give each gesture to at most one item; a disabled item disables its gesture. */\n  gesture?: GestureKind;\n};\n\nexport type GestureMenuSection = Omit<DropdownSection, \"items\"> & {\n  items: readonly (GestureMenuAction | DropdownAction | DropdownChoice)[];\n};\n\nexport type GestureMenuItem = GestureMenuAction | DropdownAction | DropdownChoice | GestureMenuSection;\n\nexport type GestureMenuProps = {\n  /**\n   * The menu. A long press opens it as a bottom sheet, a right-click, the Context Menu key, or Shift+F10 as a menu.\n   * An item with `gesture` is also run by that gesture, so every gesture has its entry here.\n   */\n  items: readonly GestureMenuItem[];\n  /** Names the element and its menu, for example \"Message from Nora, 10:42\". */\n  label: string;\n  children: JSX.Element;\n  /** Shown above the menu in the long-press sheet, for example a row of quick reactions. `close` closes the sheet. */\n  sheetTop?: (close: () => void) => JSX.Element;\n  /** Tab order of the element. A list that moves focus between its rows itself passes -1. */\n  tabIndex?: number;\n  /** Runs before the menu or the sheet shows its items, for example to select what was pressed. */\n  onOpen?: () => void;\n  class?: string;\n};\n\ntype SwipeDirection = \"right\" | \"left\";\n\ntype Swipe = {\n  direction: SwipeDirection;\n  icon?: string;\n  /** How far the content is moved, in pixels; always 0 with reduced motion. */\n  offset: number;\n  /** Travel relative to the threshold, from 0 to 1. */\n  progress: number;\n  armed: boolean;\n  settling: boolean;\n};\n\ntype Press = {\n  id: number;\n  x: number;\n  y: number;\n  timer?: ReturnType<typeof setTimeout>;\n  /** The finger left the slop: no tap or long press any more. */\n  moved: boolean;\n  /** The long press opened the sheet. */\n  long: boolean;\n  /** The press started soon after a tap nearby. */\n  second: boolean;\n  /** The press started at a side edge of the screen. */\n  edge: boolean;\n  direction?: SwipeDirection;\n};\n\ntype Entry = GestureMenuAction | DropdownAction | DropdownChoice;\n\nconst gestureAction = (items: readonly GestureMenuItem[], kind: GestureKind): GestureMenuAction | undefined => {\n  for (const item of items)\n    for (const entry of \"items\" in item ? item.items : [item])\n      if (\"gesture\" in entry && entry.gesture === kind) return entry.disabled ? undefined : entry;\n  return undefined;\n};\n\nconst swipeKind = (direction: SwipeDirection): GestureKind => (direction === \"right\" ? \"swipe-right\" : \"swipe-left\");\n\n/**\n * The sheet's items hand their action to `run` instead of running it while the sheet closes: `dialogCore` settles the\n * sheet after it left the history, and only then may an action navigate or open the next dialog.\n * A choice or action that keeps the menu open runs at once.\n */\nconst afterClose = (items: readonly GestureMenuItem[], run: (action: () => void) => void): GestureMenuItem[] => {\n  const entry = (item: Entry): Entry => {\n    const action = item.action;\n    if (!action || (\"closeOnSelect\" in item && item.closeOnSelect === false)) return item;\n    return { ...item, action: () => run(action) };\n  };\n  return items.map((item) => (\"items\" in item ? { ...item, items: item.items.map(entry) } : entry(item)));\n};\n\nconst menuItems = (menu: HTMLElement): HTMLElement[] =>\n  Array.from(menu.querySelectorAll<HTMLElement>(\"[role^='menuitem']:not([aria-disabled='true'])\"));\n\n/**\n * The menu inside the long-press sheet: the same items, at touch size, with arrow keys for a connected keyboard. Focus\n * starts on the sheet itself, which shows no ring on a phone; the first arrow key moves it into the menu.\n */\nfunction SheetMenu(props: { items: readonly GestureMenuItem[]; label: string; close: () => void; dialog: HTMLDialogElement }): JSX.Element {\n  let menu!: HTMLDivElement;\n  const focus = (index: number) => {\n    const items = menuItems(menu);\n    items[(index + items.length) % items.length]?.focus();\n  };\n  const onKeyDown = (event: KeyboardEvent) => {\n    const items = menuItems(menu);\n    const current = items.indexOf(document.activeElement as HTMLElement);\n    if (event.key === \"ArrowDown\") focus(current + 1);\n    else if (event.key === \"ArrowUp\") focus(current < 0 ? -1 : current - 1);\n    else if (event.key === \"Home\" || event.key === \"End\") focus(event.key === \"Home\" ? 0 : -1);\n    else if (!focusRowSegment(items, event.key)) return;\n    event.preventDefault();\n  };\n  // Keys pressed on the sheet itself, while it is the top level of the shared dialog.\n  const onSheetKeyDown = (event: KeyboardEvent) => {\n    if (event.target === props.dialog && props.dialog.lastElementChild?.contains(menu)) onKeyDown(event);\n  };\n  onMount(() => {\n    props.dialog.addEventListener(\"keydown\", onSheetKeyDown);\n    onCleanup(() => props.dialog.removeEventListener(\"keydown\", onSheetKeyDown));\n  });\n  return (\n    <div ref={menu} class=\"k2b-gesture-menu__sheet-menu\" role=\"menu\" aria-label={props.label} onKeyDown={onKeyDown}>\n      <DropdownItems items={props.items} close={() => props.close()} />\n    </div>\n  );\n}\n\n/**\n * Touch gestures for an element, each the shortcut of an entry in its menu: a horizontal swipe, a double tap, and a\n * long press that opens the whole menu as a `BottomSheet`. A mouse double-click runs the double-tap action; a\n * right-click and the keyboard open the menu beside the element. Vertical scrolling never turns into a swipe.\n */\nexport function GestureMenu(props: GestureMenuProps): JSX.Element {\n  const locale = useLocale();\n  const [swipe, setSwipe] = createSignal<Swipe>();\n  let surface!: HTMLDivElement;\n  let press: Press | undefined;\n  let lastTap: { x: number; y: number; at: number } | undefined;\n  let lastPointer = \"mouse\";\n  /**\n   * The touch or pen press that just ended did something: its `touchend` is cancelled, so no click or mouse events\n   * follow, and a pen's click, which comes without touch events, is cancelled itself.\n   */\n  let consumed = false;\n  let sheetOpen = false;\n  /** Closes an open sheet when the element goes, for example when its message is deleted. */\n  const disposed = new AbortController();\n  let reduced = false;\n  let settleTimer: ReturnType<typeof setTimeout> | undefined;\n\n  const active = () => props.items.length > 0;\n  const action = (kind: GestureKind) => gestureAction(props.items, kind);\n  const touchAction = () => (action(\"swipe-right\") || action(\"swipe-left\") ? \"swipe\" : action(\"double-tap\") ? \"tap\" : undefined);\n\n  /** Whether the event started on something with a meaning of its own, inside this element. */\n  const ignored = (target: EventTarget | null) => {\n    const found = target instanceof Element ? target.closest(IGNORE) : null;\n    return found !== null && found !== surface && surface.contains(found);\n  };\n\n  const openSheet = () => {\n    if (sheetOpen || !active()) return;\n    sheetOpen = true;\n    props.onOpen?.();\n    const current = locale();\n    let chosen: (() => void) | undefined;\n    const choose = (action: () => void) => {\n      chosen = action;\n    };\n    void dialogCore\n      .open<void>(\n        (close, context) => (\n          <LocaleProvider locale={current}>\n            <BottomSheet onDismiss={context.requestDismiss}>\n              <BottomSheet.Body>\n                {props.sheetTop?.(() => close())}\n                <SheetMenu items={afterClose(props.items, choose)} label={props.label} close={() => close()} dialog={context.dialog} />\n              </BottomSheet.Body>\n            </BottomSheet>\n          </LocaleProvider>\n        ),\n        { ...bottomSheetOptions, ariaLabel: props.label, history: true, signal: disposed.signal },\n      )\n      .then(() => chosen?.())\n      .finally(() => {\n        sheetOpen = false;\n      });\n  };\n\n  /** Another pointer that goes down anywhere while a finger presses, as in a pinch, ends the gesture. */\n  const onOtherPointer = (event: PointerEvent) => {\n    if (!press || event.pointerId === press.id) return;\n    if (press.direction) settle();\n    endPress();\n  };\n\n  const endPress = () => {\n    clearTimeout(press?.timer);\n    press = undefined;\n    document.removeEventListener(\"pointerdown\", onOtherPointer, true);\n    delete surface.dataset.pressing;\n  };\n\n  const settle = () => {\n    const current = swipe();\n    if (!current) return;\n    clearTimeout(settleTimer);\n    if (reduced || current.offset === 0) {\n      setSwipe(undefined);\n      return;\n    }\n    setSwipe({ ...current, offset: 0, progress: 0, armed: false, settling: true });\n    settleTimer = setTimeout(() => setSwipe(undefined), SETTLE_MS);\n  };\n\n  const moveSwipe = (current: Press, direction: SwipeDirection, dx: number) => {\n    const travel = Math.max(0, direction === \"right\" ? dx : -dx);\n    const moved = travel <= SWIPE_THRESHOLD ? travel : SWIPE_THRESHOLD + (travel - SWIPE_THRESHOLD) * SWIPE_RESISTANCE;\n    const offset = reduced ? 0 : Math.min(SWIPE_MAX, moved) * (direction === \"right\" ? 1 : -1);\n    current.direction = direction;\n    setSwipe({\n      direction,\n      icon: action(swipeKind(direction))?.icon,\n      offset,\n      progress: Math.min(1, travel / SWIPE_THRESHOLD),\n      armed: travel >= SWIPE_THRESHOLD,\n      settling: false,\n    });\n  };\n\n  const longPress = () => {\n    if (!press) return;\n    press.long = true;\n    lastTap = undefined;\n    openSheet();\n  };\n\n  const onPointerDown = (event: PointerEvent) => {\n    lastPointer = event.pointerType;\n    consumed = false;\n    // Any press in between, on a link, with a mouse, or with another finger, ends a pending double tap.\n    const previous = lastTap;\n    lastTap = undefined;\n    // Another finger ends the gesture through `onOtherPointer` and starts none.\n    if (event.pointerType === \"mouse\" || !event.isPrimary) return;\n    endPress();\n    if (!active() || ignored(event.target)) return;\n    const second =\n      previous !== undefined &&\n      performance.now() - previous.at <= DOUBLE_TAP_MS &&\n      Math.hypot(event.clientX - previous.x, event.clientY - previous.y) <= DOUBLE_TAP_DISTANCE;\n    press = {\n      id: event.pointerId,\n      x: event.clientX,\n      y: event.clientY,\n      moved: false,\n      long: false,\n      second,\n      edge: event.clientX < EDGE || event.clientX > window.innerWidth - EDGE,\n      timer: setTimeout(longPress, LONG_PRESS_MS),\n    };\n    document.addEventListener(\"pointerdown\", onOtherPointer, true);\n    // Hybrid devices keep text selection for the mouse; a finger on the element selects nothing.\n    surface.dataset.pressing = \"\";\n  };\n\n  const onPointerMove = (event: PointerEvent) => {\n    const current = press;\n    if (!current || event.pointerId !== current.id || current.long) return;\n    const dx = event.clientX - current.x;\n    const dy = event.clientY - current.y;\n    if (current.direction) {\n      moveSwipe(current, current.direction, dx);\n      return;\n    }\n    if (current.moved || Math.hypot(dx, dy) < SLOP) return;\n    current.moved = true;\n    clearTimeout(current.timer);\n    if (current.edge || Math.abs(dx) < Math.abs(dy) * SWIPE_RATIO) return;\n    const direction: SwipeDirection = dx > 0 ? \"right\" : \"left\";\n    if (!action(swipeKind(direction))) return;\n    clearTimeout(settleTimer);\n    reduced = prefersReducedMotion();\n    moveSwipe(current, direction, dx);\n  };\n\n  const onPointerUp = (event: PointerEvent) => {\n    const current = press;\n    if (!current || event.pointerId !== current.id) return;\n    endPress();\n    if (current.long) {\n      consumed = true;\n      return;\n    }\n    if (current.direction) {\n      // Where the finger lifts decides, and the item as it is now.\n      moveSwipe(current, current.direction, event.clientX - current.x);\n      const swipeAction = swipe()?.armed ? action(swipeKind(current.direction)) : undefined;\n      settle();\n      if (swipeAction) {\n        consumed = true;\n        swipeAction.action();\n      }\n      return;\n    }\n    if (current.moved) return;\n    const doubleTap = action(\"double-tap\");\n    if (!doubleTap) return;\n    if (current.second) {\n      consumed = true;\n      doubleTap.action();\n      return;\n    }\n    lastTap = { x: event.clientX, y: event.clientY, at: performance.now() };\n  };\n\n  // The browser took the touch, for example to scroll the page.\n  const onPointerCancel = (event: PointerEvent) => {\n    if (!press || event.pointerId !== press.id) return;\n    if (press.direction) settle();\n    endPress();\n    lastTap = undefined;\n  };\n\n  const onTouchEnd = (event: TouchEvent) => {\n    if (!consumed) return;\n    consumed = false;\n    if (event.cancelable) event.preventDefault();\n  };\n\n  // A pen sends no touch events; the click after its gesture is cancelled here. A keyboard's click has no detail.\n  const onClick = (event: MouseEvent) => {\n    if (!consumed || event.detail === 0) return;\n    consumed = false;\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  const onContextMenu = (event: MouseEvent) => {\n    // Without items the element has no menu, and the browser keeps its own.\n    if (!active()) return;\n    // Links, fields, and code keep the browser's own menu.\n    if (ignored(event.target)) {\n      event.stopPropagation();\n      return;\n    }\n    // A mouse or the keyboard opens the menu beside the element through ContextMenu.\n    if (!press && !(\"pointerType\" in event && (event.pointerType === \"touch\" || event.pointerType === \"pen\"))) return;\n    // Android and touch screens report a long press as a context-menu event, sometimes before the timer.\n    event.preventDefault();\n    event.stopPropagation();\n    if (press && !press.long && !press.moved) {\n      clearTimeout(press.timer);\n      longPress();\n    }\n  };\n\n  // The second press of a mouse double-click would select a word; in this element it runs the double-tap action.\n  const onMouseDown = (event: MouseEvent) => {\n    if (event.button === 0 && event.detail >= 2 && lastPointer === \"mouse\" && action(\"double-tap\") && !ignored(event.target))\n      event.preventDefault();\n  };\n\n  const onDoubleClick = (event: MouseEvent) => {\n    if (lastPointer !== \"mouse\" || ignored(event.target)) return;\n    const doubleTap = action(\"double-tap\");\n    if (!doubleTap) return;\n    event.preventDefault();\n    doubleTap.action();\n  };\n\n  onMount(() => {\n    surface.addEventListener(\"pointerdown\", onPointerDown);\n    surface.addEventListener(\"pointermove\", onPointerMove);\n    surface.addEventListener(\"pointerup\", onPointerUp);\n    surface.addEventListener(\"pointercancel\", onPointerCancel);\n    surface.addEventListener(\"touchend\", onTouchEnd, { passive: false });\n    surface.addEventListener(\"click\", onClick, true);\n    surface.addEventListener(\"contextmenu\", onContextMenu);\n    surface.addEventListener(\"mousedown\", onMouseDown);\n    surface.addEventListener(\"dblclick\", onDoubleClick);\n    onCleanup(() => {\n      disposed.abort();\n      endPress();\n      clearTimeout(settleTimer);\n      surface.removeEventListener(\"pointerdown\", onPointerDown);\n      surface.removeEventListener(\"pointermove\", onPointerMove);\n      surface.removeEventListener(\"pointerup\", onPointerUp);\n      surface.removeEventListener(\"pointercancel\", onPointerCancel);\n      surface.removeEventListener(\"touchend\", onTouchEnd);\n      surface.removeEventListener(\"click\", onClick, true);\n      surface.removeEventListener(\"contextmenu\", onContextMenu);\n      surface.removeEventListener(\"mousedown\", onMouseDown);\n      surface.removeEventListener(\"dblclick\", onDoubleClick);\n    });\n  });\n\n  return (\n    <ContextMenu\n      items={props.items}\n      label={props.label}\n      tabIndex={props.tabIndex}\n      disabled={!active()}\n      onOpen={props.onOpen}\n      class={props.class}\n    >\n      <div\n        ref={surface}\n        class=\"k2b-gesture-menu\"\n        data-active={active() ? \"\" : undefined}\n        data-touch={touchAction()}\n        data-swipe={swipe()?.direction}\n        data-armed={swipe()?.armed ? \"\" : undefined}\n        data-settling={swipe()?.settling ? \"\" : undefined}\n        style={{\n          \"--k2b-gesture-menu-offset\": `${swipe()?.offset ?? 0}px`,\n          \"--k2b-gesture-menu-progress\": String(swipe()?.progress ?? 0),\n        }}\n      >\n        <Show when={swipe()}>\n          {(current) => (\n            <span class=\"k2b-gesture-menu__swipe\" aria-hidden=\"true\">\n              <i class={current().icon ?? (current().direction === \"right\" ? \"ti ti-arrow-right\" : \"ti ti-arrow-left\")} />\n            </span>\n          )}\n        </Show>\n        <div class=\"k2b-gesture-menu__content\">{props.children}</div>\n      </div>\n    </ContextMenu>\n  );\n}\n\nexport default GestureMenu;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["actions/GestureMenu.tsx"],"sourcesContent":["import { createSignal, type JSX, onCleanup, onMount, Show } from \"solid-js\";\nimport { useLocale } from \"../intl/locale\";\nimport { prefersReducedMotion } from \"../motion\";\nimport { ContextMenuBase } from \"./ContextMenu\";\nimport { type DropdownAction, type DropdownActionBase, type DropdownChoice, DropdownItems, type DropdownSection } from \"./Dropdown\";\nimport { onPointerDragStart } from \"./drag-and-drop\";\nimport { openMenuSheet } from \"./menu-sheet\";\n\n/** A finger held this long without moving opens the menu, as the platforms' own long press does. */\nconst LONG_PRESS_MS = 500;\n/** A second tap that starts this soon after the first ended makes a double tap. */\nconst DOUBLE_TAP_MS = 300;\n/** The second tap lands at most this far from the first. */\nconst DOUBLE_TAP_DISTANCE = 32;\n/** Movement up to this is still a tap or a long press. */\nconst SLOP = 10;\n/** A swipe must be this many times wider than tall; anything steeper belongs to the page's scrolling. */\nconst SWIPE_RATIO = 1.5;\n/** Travel at which a released swipe runs its action. */\nconst SWIPE_THRESHOLD = 64;\n/** The content follows the finger up to the threshold, then at a quarter of its travel, up to this. */\nconst SWIPE_MAX = 96;\nconst SWIPE_RESISTANCE = 0.25;\n/** Swipes do not start this close to the screen's side edges, where the system's back and forward gestures are. */\nconst EDGE = 20;\n/** Duration of the snap back in `.k2b-gesture-menu[data-settling]`. */\nconst SETTLE_MS = 160;\n\n/**\n * Gestures never start on these elements: links, controls, fields, code blocks, and anything marked\n * `data-gesture-ignore` keep their own touch and mouse behavior.\n */\nconst IGNORE = [\n  \"a[href]\",\n  \"button\",\n  \"input\",\n  \"textarea\",\n  \"select\",\n  \"summary\",\n  \"label\",\n  \"audio\",\n  \"video\",\n  \"pre\",\n  \"[contenteditable]:not([contenteditable='false'])\",\n  \"[role='button']\",\n  \"[role='link']\",\n  \"[role='checkbox']\",\n  \"[role='switch']\",\n  \"[role='slider']\",\n  \"[role='tab']\",\n  \"[role^='menuitem']\",\n  \"[data-gesture-ignore]\",\n].join(\", \");\n\nexport type GestureKind = \"swipe-right\" | \"swipe-left\" | \"double-tap\";\n\n/** A menu action that a gesture runs as well. */\nexport type GestureMenuAction = DropdownActionBase & {\n  action: () => void;\n  /** The gesture that runs this action. Give each gesture to at most one item; a disabled item disables its gesture. */\n  gesture?: GestureKind;\n};\n\nexport type GestureMenuSection = Omit<DropdownSection, \"items\"> & {\n  items: readonly (GestureMenuAction | DropdownAction | DropdownChoice)[];\n};\n\nexport type GestureMenuItem = GestureMenuAction | DropdownAction | DropdownChoice | GestureMenuSection;\n\nexport type GestureMenuProps = {\n  /**\n   * The menu. A long press opens a BottomSheet below 48rem and the same menu at the finger from 48rem.\n   * Right-click opens it at the pointer; the Context Menu key and Shift+F10 open it beside the focused element.\n   * An item with `gesture` is also run by that gesture, so every gesture has its entry here.\n   */\n  items: readonly GestureMenuItem[];\n  /** Names the element and its menu, for example \"Message from Nora, 10:42\". */\n  label: string;\n  children: JSX.Element;\n  /** Shown only above the menu in the phone sheet, for example a row of quick reactions. `close` closes the sheet. */\n  sheetTop?: (close: () => void) => JSX.Element;\n  /** Tab order of the element. A list that moves focus between its rows itself passes -1. */\n  tabIndex?: number;\n  /** Runs before the menu or the sheet shows its items, for example to select what was pressed. */\n  onOpen?: () => void;\n  class?: string;\n};\n\ntype SwipeDirection = \"right\" | \"left\";\n\ntype Swipe = {\n  direction: SwipeDirection;\n  icon?: string;\n  /** How far the content is moved, in pixels; always 0 with reduced motion. */\n  offset: number;\n  /** Travel relative to the threshold, from 0 to 1. */\n  progress: number;\n  armed: boolean;\n  settling: boolean;\n};\n\ntype Press = {\n  id: number;\n  x: number;\n  y: number;\n  timer?: ReturnType<typeof setTimeout>;\n  /** The finger left the slop: no tap or long press any more. */\n  moved: boolean;\n  /** The long press opened the menu or the sheet. */\n  long: boolean;\n  /** The press started soon after a tap nearby. */\n  second: boolean;\n  /** The press started at a side edge of the screen. */\n  edge: boolean;\n  direction?: SwipeDirection;\n};\n\nconst gestureAction = (items: readonly GestureMenuItem[], kind: GestureKind): GestureMenuAction | undefined => {\n  for (const item of items)\n    for (const entry of \"items\" in item ? item.items : [item])\n      if (\"gesture\" in entry && entry.gesture === kind) return entry.disabled ? undefined : entry;\n  return undefined;\n};\n\nconst swipeKind = (direction: SwipeDirection): GestureKind => (direction === \"right\" ? \"swipe-right\" : \"swipe-left\");\n\n/**\n * Touch gestures for an element, each the shortcut of an entry in its menu: a horizontal swipe, a double tap, and a\n * long press that opens a `BottomSheet` below 48rem and the same menu at the finger from 48rem. A mouse double-click\n * runs the double-tap action; right-click opens the menu at the pointer, the keyboard beside the focused element.\n * Vertical scrolling never turns into a swipe.\n */\nexport function GestureMenu(props: GestureMenuProps): JSX.Element {\n  const locale = useLocale();\n  const [swipe, setSwipe] = createSignal<Swipe>();\n  let surface!: HTMLDivElement;\n  let openMenuAt: ((x: number, y: number) => void) | undefined;\n  let closeMenu: (() => void) | undefined;\n  let sheetController: AbortController | undefined;\n  let press: Press | undefined;\n  let lastTap: { x: number; y: number; at: number } | undefined;\n  let lastPointer = \"mouse\";\n  /**\n   * The touch or pen press that just ended did something: its `touchend` is cancelled, so no click or mouse events\n   * follow, and a pen's click, which comes without touch events, is cancelled itself.\n   */\n  let consumed = false;\n  let sheetOpen = false;\n  /** Closes an open sheet when the element goes, for example when its message is deleted. */\n  const disposed = new AbortController();\n  let reduced = false;\n  let settleTimer: ReturnType<typeof setTimeout> | undefined;\n\n  const active = () => props.items.length > 0;\n  const wide = () => window.matchMedia?.(\"(min-width: 48rem)\").matches ?? false;\n  /**\n   * A modal dialog makes everything outside it inert, also ContextMenu's menu on the body, so inside one the hold\n   * keeps the sheet, which opens on the same dialog stack. An engine without `:modal` gets the sheet too.\n   */\n  const inModal = () => {\n    const dialog = surface.closest(\"dialog[open]\");\n    if (!dialog) return false;\n    try {\n      return dialog.matches(\":modal\");\n    } catch {\n      return true;\n    }\n  };\n  const action = (kind: GestureKind) => gestureAction(props.items, kind);\n  const touchAction = () => (action(\"swipe-right\") || action(\"swipe-left\") ? \"swipe\" : action(\"double-tap\") ? \"tap\" : undefined);\n\n  /** Whether the event started on something with a meaning of its own, inside this element. */\n  const ignored = (target: EventTarget | null) => {\n    const found = target instanceof Element ? target.closest(IGNORE) : null;\n    return found !== null && found !== surface && surface.contains(found);\n  };\n\n  const openSheet = () => {\n    if (sheetOpen || !active()) return;\n    sheetOpen = true;\n    const controller = new AbortController();\n    sheetController = controller;\n    const abortSheet = () => controller.abort();\n    disposed.signal.addEventListener(\"abort\", abortSheet, { once: true });\n    props.onOpen?.();\n    void openMenuSheet({\n      Items: DropdownItems,\n      items: props.items,\n      label: props.label,\n      locale: locale(),\n      top: props.sheetTop,\n      signal: controller.signal,\n    }).finally(() => {\n      disposed.signal.removeEventListener(\"abort\", abortSheet);\n      if (sheetController === controller) {\n        sheetController = undefined;\n        sheetOpen = false;\n      }\n    });\n  };\n\n  /** Another pointer that goes down anywhere while a finger presses, as in a pinch, ends the gesture. */\n  const onOtherPointer = (event: PointerEvent) => {\n    if (!press || event.pointerId === press.id) return;\n    if (press.direction) settle();\n    endPress();\n  };\n\n  const endPress = () => {\n    clearTimeout(press?.timer);\n    press = undefined;\n    document.removeEventListener(\"pointerdown\", onOtherPointer, true);\n    delete surface.dataset.pressing;\n  };\n\n  const settle = () => {\n    const current = swipe();\n    if (!current) return;\n    clearTimeout(settleTimer);\n    if (reduced || current.offset === 0) {\n      setSwipe(undefined);\n      return;\n    }\n    setSwipe({ ...current, offset: 0, progress: 0, armed: false, settling: true });\n    settleTimer = setTimeout(() => setSwipe(undefined), SETTLE_MS);\n  };\n\n  const moveSwipe = (current: Press, direction: SwipeDirection, dx: number) => {\n    const travel = Math.max(0, direction === \"right\" ? dx : -dx);\n    const moved = travel <= SWIPE_THRESHOLD ? travel : SWIPE_THRESHOLD + (travel - SWIPE_THRESHOLD) * SWIPE_RESISTANCE;\n    const offset = reduced ? 0 : Math.min(SWIPE_MAX, moved) * (direction === \"right\" ? 1 : -1);\n    current.direction = direction;\n    setSwipe({\n      direction,\n      icon: action(swipeKind(direction))?.icon,\n      offset,\n      progress: Math.min(1, travel / SWIPE_THRESHOLD),\n      armed: travel >= SWIPE_THRESHOLD,\n      settling: false,\n    });\n  };\n\n  const longPress = () => {\n    if (!press) return;\n    press.long = true;\n    lastTap = undefined;\n    if (wide() && !inModal()) openMenuAt?.(press.x, press.y);\n    else openSheet();\n  };\n\n  const onPointerDown = (event: PointerEvent) => {\n    lastPointer = event.pointerType;\n    consumed = false;\n    // Any press in between, on a link, with a mouse, or with another finger, ends a pending double tap.\n    const previous = lastTap;\n    lastTap = undefined;\n    // Another finger ends the gesture through `onOtherPointer` and starts none.\n    if (event.pointerType === \"mouse\" || !event.isPrimary) return;\n    endPress();\n    if (!active() || ignored(event.target)) return;\n    const second =\n      previous !== undefined &&\n      performance.now() - previous.at <= DOUBLE_TAP_MS &&\n      Math.hypot(event.clientX - previous.x, event.clientY - previous.y) <= DOUBLE_TAP_DISTANCE;\n    press = {\n      id: event.pointerId,\n      x: event.clientX,\n      y: event.clientY,\n      moved: false,\n      long: false,\n      second,\n      edge: event.clientX < EDGE || event.clientX > window.innerWidth - EDGE,\n      timer: setTimeout(longPress, LONG_PRESS_MS),\n    };\n    document.addEventListener(\"pointerdown\", onOtherPointer, true);\n    // Hybrid devices keep text selection for the mouse; a finger on the element selects nothing.\n    surface.dataset.pressing = \"\";\n  };\n\n  const onPointerMove = (event: PointerEvent) => {\n    const current = press;\n    if (!current || event.pointerId !== current.id) return;\n    // Hold-then-drag hands this press to DragSource through onPointerDragStart.\n    if (current.long) return;\n    const dx = event.clientX - current.x;\n    const dy = event.clientY - current.y;\n    if (current.direction) {\n      moveSwipe(current, current.direction, dx);\n      return;\n    }\n    if (current.moved || Math.hypot(dx, dy) < SLOP) return;\n    current.moved = true;\n    clearTimeout(current.timer);\n    if (current.edge || Math.abs(dx) < Math.abs(dy) * SWIPE_RATIO) return;\n    const direction: SwipeDirection = dx > 0 ? \"right\" : \"left\";\n    if (!action(swipeKind(direction))) return;\n    clearTimeout(settleTimer);\n    reduced = prefersReducedMotion();\n    moveSwipe(current, direction, dx);\n  };\n\n  const onPointerUp = (event: PointerEvent) => {\n    const current = press;\n    if (!current || event.pointerId !== current.id) return;\n    endPress();\n    if (current.long) {\n      consumed = true;\n      return;\n    }\n    if (current.direction) {\n      // Where the finger lifts decides, and the item as it is now.\n      moveSwipe(current, current.direction, event.clientX - current.x);\n      const swipeAction = swipe()?.armed ? action(swipeKind(current.direction)) : undefined;\n      settle();\n      if (swipeAction) {\n        consumed = true;\n        swipeAction.action();\n      }\n      return;\n    }\n    if (current.moved) return;\n    const doubleTap = action(\"double-tap\");\n    if (!doubleTap) return;\n    if (current.second) {\n      consumed = true;\n      doubleTap.action();\n      return;\n    }\n    lastTap = { x: event.clientX, y: event.clientY, at: performance.now() };\n  };\n\n  // The browser took the touch, for example to scroll the page.\n  const onPointerCancel = (event: PointerEvent) => {\n    if (!press || event.pointerId !== press.id) return;\n    if (press.direction) settle();\n    endPress();\n    lastTap = undefined;\n  };\n\n  // Once the hold opens the menu or sheet, further movement must not scroll the page underneath it.\n  const onTouchMove = (event: TouchEvent) => {\n    if (press?.long && event.cancelable) event.preventDefault();\n  };\n\n  const onTouchEnd = (event: TouchEvent) => {\n    if (!consumed) return;\n    consumed = false;\n    if (event.cancelable) event.preventDefault();\n  };\n\n  // A pen sends no touch events; the click after its gesture is cancelled here. A keyboard's click has no detail.\n  const onClick = (event: MouseEvent) => {\n    if (!consumed || event.detail === 0) return;\n    consumed = false;\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  const onContextMenu = (event: MouseEvent) => {\n    // Without items the element has no menu, and the browser keeps its own.\n    if (!active()) return;\n    // Links, fields, and code keep the browser's own menu.\n    if (ignored(event.target)) {\n      event.stopPropagation();\n      return;\n    }\n    // A mouse or the keyboard opens the menu beside the element through ContextMenu.\n    if (!press && !(\"pointerType\" in event && (event.pointerType === \"touch\" || event.pointerType === \"pen\"))) return;\n    // Android and touch screens report a long press as a context-menu event, sometimes before the timer.\n    event.preventDefault();\n    event.stopPropagation();\n    if (press && !press.long && !press.moved) {\n      clearTimeout(press.timer);\n      longPress();\n    }\n  };\n\n  // The second press of a mouse double-click would select a word; in this element it runs the double-tap action.\n  const onMouseDown = (event: MouseEvent) => {\n    if (event.button === 0 && event.detail >= 2 && lastPointer === \"mouse\" && action(\"double-tap\") && !ignored(event.target))\n      event.preventDefault();\n  };\n\n  const onDoubleClick = (event: MouseEvent) => {\n    if (lastPointer !== \"mouse\" || ignored(event.target)) return;\n    const doubleTap = action(\"double-tap\");\n    if (!doubleTap) return;\n    event.preventDefault();\n    doubleTap.action();\n  };\n\n  onMount(() => {\n    const unsubscribeDrag = onPointerDragStart((pointerId) => {\n      if (press?.id !== pointerId) return;\n      consumed = true;\n      lastTap = undefined;\n      closeMenu?.();\n      sheetController?.abort();\n      endPress();\n    });\n    surface.addEventListener(\"pointerdown\", onPointerDown);\n    surface.addEventListener(\"pointermove\", onPointerMove);\n    surface.addEventListener(\"pointerup\", onPointerUp);\n    surface.addEventListener(\"pointercancel\", onPointerCancel);\n    surface.addEventListener(\"touchmove\", onTouchMove, { passive: false });\n    surface.addEventListener(\"touchend\", onTouchEnd, { passive: false });\n    surface.addEventListener(\"click\", onClick, true);\n    surface.addEventListener(\"contextmenu\", onContextMenu);\n    surface.addEventListener(\"mousedown\", onMouseDown);\n    surface.addEventListener(\"dblclick\", onDoubleClick);\n    onCleanup(() => {\n      unsubscribeDrag();\n      disposed.abort();\n      endPress();\n      clearTimeout(settleTimer);\n      surface.removeEventListener(\"pointerdown\", onPointerDown);\n      surface.removeEventListener(\"pointermove\", onPointerMove);\n      surface.removeEventListener(\"pointerup\", onPointerUp);\n      surface.removeEventListener(\"pointercancel\", onPointerCancel);\n      surface.removeEventListener(\"touchmove\", onTouchMove);\n      surface.removeEventListener(\"touchend\", onTouchEnd);\n      surface.removeEventListener(\"click\", onClick, true);\n      surface.removeEventListener(\"contextmenu\", onContextMenu);\n      surface.removeEventListener(\"mousedown\", onMouseDown);\n      surface.removeEventListener(\"dblclick\", onDoubleClick);\n    });\n  });\n\n  return (\n    <ContextMenuBase\n      openAt={(open) => (openMenuAt = open)}\n      closeWith={(close) => (closeMenu = close)}\n      title={props.label}\n      items={props.items}\n      label={props.label}\n      tabIndex={props.tabIndex}\n      disabled={!active()}\n      onOpen={props.onOpen}\n      class={props.class}\n    >\n      <div\n        ref={surface}\n        class=\"k2b-gesture-menu\"\n        data-active={active() ? \"\" : undefined}\n        data-touch={touchAction()}\n        data-swipe={swipe()?.direction}\n        data-armed={swipe()?.armed ? \"\" : undefined}\n        data-settling={swipe()?.settling ? \"\" : undefined}\n        style={{\n          \"--k2b-gesture-menu-offset\": `${swipe()?.offset ?? 0}px`,\n          \"--k2b-gesture-menu-progress\": String(swipe()?.progress ?? 0),\n        }}\n      >\n        <Show when={swipe()}>\n          {(current) => (\n            <span class=\"k2b-gesture-menu__swipe\" aria-hidden=\"true\">\n              <i class={current().icon ?? (current().direction === \"right\" ? \"ti ti-arrow-right\" : \"ti ti-arrow-left\")} />\n            </span>\n          )}\n        </Show>\n        <div class=\"k2b-gesture-menu__content\">{props.children}</div>\n      </div>\n    </ContextMenuBase>\n  );\n}\n\nexport default GestureMenu;\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/actions/Toolbar.js

@@ -2,20 +2,125 @@ import { createComponent as _$createComponent } from "solid-js/web";
 import { ssr as _$ssr } from "solid-js/web";
 import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
 import { escape as _$escape } from "solid-js/web";
-var _tmpl$ = ["<div class=\"", "\" role=\"group\"", ">", "</div>"],
-  _tmpl$2 = ["<span class=\"", "\" role=\"separator\"", "></span>"],
-  _tmpl$3 = "<span class=\"k2b-toolbar__spacer\" aria-hidden=\"true\"></span>",
-  _tmpl$4 = ["<div class=\"", "\" role=\"toolbar\"", ">", "</div>"];
-import { createContext, onCleanup, onMount, useContext } from "solid-js";
+var _tmpl$ = ["<i", " aria-hidden=\"true\"></i>"],
+  _tmpl$2 = ["<span class=\"", "\">", "</span>"],
+  _tmpl$3 = ["<div class=\"", "\" role=\"group\"", ">", "</div>"],
+  _tmpl$4 = ["<span class=\"", "\" role=\"separator\"", "></span>"],
+  _tmpl$5 = "<span class=\"k2b-toolbar__spacer\" aria-hidden=\"true\"></span>",
+  _tmpl$6 = "<i class=\"ti ti-dots\" aria-hidden=\"true\"></i>",
+  _tmpl$7 = ["<div class=\"k2b-toolbar__more\" data-overflow=\"hidden\">", "</div>"],
+  _tmpl$8 = ["<div class=\"", "\" role=\"toolbar\"", ">", "", "</div>"],
+  _tmpl$9 = ["<div class=\"k2b-toolbar-float\">", "</div>"];
+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);
-const ToolbarGroup = props => _$ssr(_tmpl$, `k2b-toolbar__group ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("aria-label", _$escape(props.label, true), false), _$escape(props.children));
+
+// `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, {
+    "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 [_$ssr(_tmpl$, _$ssrAttribute("class", _$escape(props.icon, true), false)), _$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 => _$ssr(_tmpl$2, `k2b-toolbar__label ${_$escape(props.class ?? "", true)}`, _$escape(props.children));
+const ToolbarGroup = props => _$ssr(_tmpl$3, `k2b-toolbar__group ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("aria-label", _$escape(props.label, true), false), _$escape(props.children));
 const ToolbarSeparator = props => {
   const toolbarOrientation = useContext(ToolbarOrientationContext);
   const separatorOrientation = () => toolbarOrientation() === "horizontal" ? "vertical" : "horizontal";
-  return _$ssr(_tmpl$2, `k2b-toolbar__separator ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("aria-orientation", _$escape(separatorOrientation(), true), false) + _$ssrAttribute("data-orientation", _$escape(separatorOrientation(), true), false));
+  return _$ssr(_tmpl$4, `k2b-toolbar__separator ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("aria-orientation", _$escape(separatorOrientation(), true), false) + _$ssrAttribute("data-orientation", _$escape(separatorOrientation(), true), false));
 };
-const ToolbarSpacer = () => _$ssr(_tmpl$3);
+const ToolbarSpacer = () => _$ssr(_tmpl$5);
 const rovingFocus = (root, orientation) => {
   let last;
   const setLast = item => {
@@ -29,7 +134,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]);
@@ -61,7 +166,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);
@@ -69,6 +174,7 @@ const rovingFocus = (root, orientation) => {
   sync();
   return {
     keydown,
+    sync,
     cleanup: () => {
       observer.disconnect();
       resizeObserver.disconnect();
@@ -76,21 +182,195 @@ 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() {
-      return _$ssr(_tmpl$4, `k2b-toolbar ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("aria-label", _$escape(props.label, true), false) + _$ssrAttribute("aria-orientation", _$escape(orientation(), true), false) + _$ssrAttribute("data-orientation", _$escape(orientation(), true), false) + _$ssrAttribute("data-wrap", props.wrap ? "true" : _$escape(undefined, true), false), _$escape(props.children));
+      return _$createComponent(ToolbarActionsContext.Provider, {
+        value: floating ? register : undefined,
+        get children() {
+          return _$ssr(_tmpl$8, `k2b-toolbar ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("aria-label", _$escape(props.label, true), false) + _$ssrAttribute("aria-orientation", _$escape(orientation(), true), false) + _$ssrAttribute("data-orientation", _$escape(orientation(), true), false) + _$ssrAttribute("data-variant", floating ? "floating" : _$escape(undefined, true), false) + _$ssrAttribute("data-wrap", !floating && props.wrap ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-overflow-pending", floating ? "" : _$escape(undefined, true), false), _$escape(props.children), _$escape(_$createComponent(Show, {
+            when: floating,
+            get children() {
+              return _$ssr(_tmpl$7, _$escape(_$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, {
+                    iconOnly: true,
+                    get label() {
+                      return messages().moreActions;
+                    },
+                    get children() {
+                      return _$ssr(_tmpl$6);
+                    }
+                  });
+                }
+              })));
+            }
+          })));
+        }
+      });
     }
   });
+  return floating ? _$ssr(_tmpl$9, _$escape(content)) : content;
 }, {
+  Action: ToolbarAction,
+  Label: ToolbarLabel,
   Group: ToolbarGroup,
   Separator: ToolbarSeparator,
   Spacer: ToolbarSpacer

package/dist/ssr/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":[]}