@ixfx/components 0.5.14 → 0.5.16

package/dist/crumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"crumbs.js","names":["#getTickledItems","#onTickled","#onMenuKeyNav","#currentOpenTrigger","#menuOpenedByKeyboard","#findPath","#hasChildOptions","#shiftFocusToNarrowedText","#handleOpenCaretMenu","#handleEnter","#shiftFocusToPath","#scrollTickledIntoView","#pendingNode","#propagateInputModeToMenu","#setSelected","#modelUnsubscribe","#runLayoutUpdate","#onHostClick","#previousSelectionKey","#scrollToValue","#pendingController","#abortPending","#invokeLoadChildren","#onChildClick","#findNodePath","#onLabelClick","#onSegmentMenuCommand","#renderChildOptions","#onFocus","#onBlur","#onKeyDown","#onMenuTriggerClose","#onMenuCommand","#getChildOptionsWidth","#onNarrowedTextChange","#onNarrowedTextBlur","#onNarrowedTextShiftTab","customElement"],"sources":["../src/crumbs/crumb-navigation.ts"],"sourcesContent":["/* eslint-disable ts/no-unsafe-declaration-merging */\nimport type { PropertyValues } from 'lit';\nimport type {\n  TreeActivateEvent,\n  TreeComponent,\n  TreeComponentEventMap,\n  TreeExpandEvent,\n  TreeItemClickEvent,\n  TreeSelectDetail,\n  TreeSelectEvent,\n  TreeTickleDetail,\n  TreeTickleEvent,\n} from '../common/tree-component.js';\nimport type { TreeDataModel } from '../common/tree-data-model.js';\nimport type {\n  TreeExclusivity,\n  TreeFilterPredicate,\n  TreeSelectionFilter,\n} from '../common/types.js';\nimport type { MenuTrigger } from '../menu/menu-trigger.js';\nimport type { LoadChildrenCallback, TreeNode } from '../tree/types.js';\nimport { css, html, LitElement, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { collectDataResult } from '../common/data-provider.js';\n\nimport { TickledController, tickledItemStyles, tickledStyles } from '../interaction/index.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\nimport '../menu/menu-trigger.js';\nimport '../menu/menu-container.js';\nimport '../menu/menu-item.js';\n\nimport '../narrowed-text/index.js';\n\n/** @deprecated Use TreeSelectDetail from src/common/tree-component.ts */\nexport type CrumbNavigationChangeDetail = {\n  readonly selected: TreeNode;\n  readonly previous: TreeNode | undefined;\n};\n\nexport type CrumbNavigationChangeEvent = CustomEvent<CrumbNavigationChangeDetail>;\n\nexport type CrumbNavigationItemClickDetail = { node: TreeNode; depth: number };\nexport type CrumbNavigationItemClickEvent = CustomEvent<CrumbNavigationItemClickDetail>;\n\nexport type CrumbNavigationExpandDetail = { node: TreeNode; depth: number };\nexport type CrumbNavigationExpandEvent = CustomEvent<CrumbNavigationExpandDetail>;\n\n/**\n * Breadcrumb navigation with lazy-loading support.\n *\n * Uses the same `TreeNode` / `TreeItem` data model as `ixfx-tree-list`,\n * so the two components can be swapped with minimal code changes.\n *\n * Events\n * - `navigate`: fired when user clicks a breadcrumb label. detail: `{ node: TreeNode }`\n * - `change`: fired when selected node changes. detail: `{ selected: TreeNode, previous: TreeNode | undefined }`\n * - `expand`: fired when user clicks a caret whose node has no children yet.\n *             detail: `{ node: TreeNode, depth: number, signal: AbortSignal }`\n *             Populate `node.children` then call `requestUpdate()` on the element.\n *\n * CSS variables\n * --text-highlight: var(--accent); // highlight on mouse hover\n * --separator: var(--surface-muted-text);   // text colour of separator character\n * --padding-s: var(--space-xs);   // padding between items\n */\n@customElement(`ixfx-crumb-navigation`)\nexport class CrumbNavigationElement extends LitElement implements TreeComponent {\n  @property({ type: Object })\n  root: TreeNode | undefined;\n\n  @property({ attribute: false })\n  model: TreeDataModel | undefined;\n\n  @property({ type: Object })\n  selectedNode: TreeNode | undefined;\n\n  @state()\n  private _selectedNodes = new Set<TreeNode>();\n\n  get selectedNodes(): ReadonlySet<TreeNode> {\n    return this._selectedNodes;\n  }\n\n  /** Callback to lazily load children for a node. When set, replaces event-based lazy loading. */\n  @property({ attribute: false })\n  loadChildren: LoadChildrenCallback | undefined;\n\n  @property({ attribute: false })\n  filterPredicate: TreeFilterPredicate | undefined;\n\n  @property({ reflect: true, attribute: `exclusivity` })\n  exclusivity: TreeExclusivity = `none`;\n\n  @property({ reflect: true, attribute: `selection-filter` })\n  selectionFilter: TreeSelectionFilter = `leaf`;\n\n  @state()\n  private _openIdx = -1;\n\n  @state()\n  private _isFocused = false;\n\n  @state()\n  private _menuOpen = false;\n\n  @state()\n  private _focusOnNarrowedText = false;\n\n  @property({ reflect: true, attribute: `input-mode` })\n  inputMode: string = ``;\n\n  #pendingNode: TreeNode | undefined;\n  #pendingController: AbortController | undefined;\n  #modelUnsubscribe: (() => void) | undefined;\n\n  #previousSelectionKey = ``;\n  #menuOpenedByKeyboard = false;\n  #currentOpenTrigger: MenuTrigger | null = null;\n\n  private tickled = new TickledController<number>(this, {\n    getItems: () => this.#getTickledItems(),\n    onTickle: (index) => {\n      if (index !== undefined) {\n        this.#onTickled(index);\n      }\n    },\n  });\n\n  #getTickledItems() {\n    const r = this.root;\n    const sel = this.selectedNode;\n    if (!r || !sel)\n      return [];\n\n    const pathNodes = this.#findPath(r, sel) ?? [r];\n    const items: Array<{ id: number; enabled: boolean }> = [];\n\n    pathNodes.forEach((_node, i) => {\n      items.push({ id: i, enabled: true });\n    });\n\n    if (this.#hasChildOptions()) {\n      items.push({ id: pathNodes.length, enabled: true });\n    }\n\n    return items;\n  }\n\n  #onTickled(index: number) {\n    const r = this.root;\n    const sel = this.selectedNode;\n    if (!r || !sel)\n      return;\n\n    const pathNodes = this.#findPath(r, sel) ?? [r];\n    const hasChildOptions = this.#hasChildOptions();\n\n    if (index < pathNodes.length) {\n      this._openIdx = index;\n    } else if (hasChildOptions && index === pathNodes.length) {\n      this._openIdx = pathNodes.length - 1;\n    }\n\n    if (this.tickled.inputMode === `keyboard`) {\n      this.#scrollTickledIntoView(index);\n    }\n  }\n\n  #scrollTickledIntoView(index: number): void {\n    const r = this.root;\n    const sel = this.selectedNode;\n    if (!r || !sel)\n      return;\n\n    const pathNodes = this.#findPath(r, sel) ?? [r];\n    let el: HTMLElement | null = null;\n\n    if (index < pathNodes.length) {\n      el = this.shadowRoot?.querySelectorAll<HTMLElement>(`.crumb-segment`)[index] ?? null;\n    } else if (index === pathNodes.length) {\n      el = this.shadowRoot?.querySelector<HTMLElement>(`#child-options-trigger`) ?? null;\n    }\n\n    el?.scrollIntoView({ inline: `nearest`, block: `nearest`, behavior: `smooth` });\n  }\n\n  #hasChildOptions(): boolean {\n    const s = this.selectedNode;\n    if (s === undefined)\n      return false;\n\n    const isPending = this.#pendingNode === s;\n    const children = s.children ?? [];\n\n    return children.length > 0 || isPending;\n  }\n\n  #onFocus = (): void => {\n    this._isFocused = true;\n  };\n\n  #onBlur = (): void => {\n    this._isFocused = false;\n  };\n\n  #onHostClick = (): void => {\n    this.shadowRoot?.querySelector<HTMLElement>(`.host-container`)?.focus();\n  };\n\n  #handleOpenCaretMenu() {\n    const currentTickled = this.tickled.tickledId;\n    if (currentTickled === undefined)\n      return;\n\n    const r = this.root;\n    const sel = this.selectedNode;\n    if (!r || !sel)\n      return;\n\n    const pathNodes = this.#findPath(r, sel) ?? [r];\n\n    // For non-last segments: open the inline caret menu for that segment\n    if (currentTickled < pathNodes.length - 1) {\n      const segments = this.shadowRoot?.querySelectorAll<HTMLElement>(`.crumb-segment`);\n      const trigger = segments?.[currentTickled]?.querySelector<MenuTrigger>(`.caret ixfx-menu-trigger`);\n      if (trigger) {\n        this.#menuOpenedByKeyboard = true;\n        this.#currentOpenTrigger = trigger;\n        document.addEventListener(`keydown`, this.#onMenuKeyNav, { capture: true });\n        trigger.openMenu();\n        this.#propagateInputModeToMenu();\n        return;\n      }\n    }\n\n    // Last segment or the child-options separator: open the child-options menu\n    if (this.#hasChildOptions()) {\n      const trigger = this.shadowRoot?.querySelector<MenuTrigger>(`#child-options-trigger`);\n      if (trigger) {\n        this.#menuOpenedByKeyboard = true;\n        this.#currentOpenTrigger = trigger;\n        document.addEventListener(`keydown`, this.#onMenuKeyNav, { capture: true });\n        trigger.openMenu();\n        this.#propagateInputModeToMenu();\n      }\n    }\n  }\n\n  #propagateInputModeToMenu(): void {\n    const inputMode = this.tickled.inputMode;\n    requestAnimationFrame(() => {\n      const container = this.#currentOpenTrigger?.querySelector(`ixfx-menu-container`);\n      if (container) {\n        container.setAttribute(`data-input-mode`, inputMode);\n      }\n    });\n  }\n\n  #onMenuTriggerClose = (): void => {\n    document.removeEventListener(`keydown`, this.#onMenuKeyNav, { capture: true });\n    this.#currentOpenTrigger = null;\n    this.#menuOpenedByKeyboard = false;\n    requestAnimationFrame(() => {\n      this.shadowRoot?.querySelector<HTMLElement>(`.host-container`)?.focus();\n    });\n  };\n\n  #onMenuKeyNav = (e: KeyboardEvent): void => {\n    // Only handle ArrowLeft/ArrowRight - close menu and navigate to previous/next breadcrumb segment\n    // ArrowDown/ArrowUp should pass through to let the menu handle them\n    const container = this.#currentOpenTrigger?.querySelector(`ixfx-menu-container`);\n    if (!container || !this.#currentOpenTrigger?.isOpen)\n      return;\n\n    switch (e.key) {\n      case `ArrowLeft`:\n      case `ArrowRight`: {\n        e.preventDefault();\n        e.stopPropagation();\n        this.#currentOpenTrigger.closeMenu();\n        const r = this.root;\n        const sel = this.selectedNode;\n        if (!r || !sel)\n          break;\n        const pathNodes = this.#findPath(r, sel) ?? [r];\n        const totalItems = pathNodes.length + (this.#hasChildOptions() ? 1 : 0);\n        const currentTickled = this.tickled.tickledId ?? -1;\n        if (e.key === `ArrowLeft`) {\n          if (currentTickled > 0) {\n            this.tickled.handleKeyboardNavigation(`previous`);\n          }\n        } else {\n          if (currentTickled < totalItems - 1) {\n            this.tickled.handleKeyboardNavigation(`next`);\n          }\n        }\n        break;\n      }\n    }\n  };\n\n  #onKeyDown = (e: KeyboardEvent): void => {\n    const r = this.root;\n    const sel = this.selectedNode;\n    if (!r || !sel)\n      return;\n\n    const pathNodes = this.#findPath(r, sel) ?? [r];\n    const totalItems = pathNodes.length + (this.#hasChildOptions() ? 1 : 0);\n    const currentTickled = this.tickled.tickledId ?? -1;\n\n    switch (e.key) {\n      case `ArrowRight`: {\n        e.preventDefault();\n        if (currentTickled < totalItems - 1) {\n          this.tickled.handleKeyboardNavigation(`next`);\n        } else if (currentTickled === totalItems - 1) {\n          this.#shiftFocusToNarrowedText();\n        }\n        break;\n      }\n      case `ArrowLeft`: {\n        e.preventDefault();\n        if (currentTickled > 0) {\n          this.tickled.handleKeyboardNavigation(`previous`);\n        }\n        break;\n      }\n      case `ArrowDown`:\n      case `ArrowUp`: {\n        if (this.tickled.tickledId !== undefined) {\n          e.preventDefault();\n          if (this.#currentOpenTrigger?.isOpen) {\n            // Menu is already open - dispatch ArrowDown to the popover element for it to handle\n            const container = this.#currentOpenTrigger.querySelector(`ixfx-menu-container`);\n            const popover = container?.shadowRoot?.querySelector(`.popover`);\n            if (popover) {\n              popover.dispatchEvent(new KeyboardEvent(`keydown`, { key: e.key, bubbles: true }));\n            }\n          } else {\n            this.#handleOpenCaretMenu();\n          }\n        }\n        break;\n      }\n      case `Enter`: {\n        e.preventDefault();\n        this.#handleEnter();\n        break;\n      }\n      case `Escape`: {\n        e.preventDefault();\n        this._menuOpen = false;\n        this.tickled.clearTickled();\n        this.blur();\n        break;\n      }\n      case `Tab`: {\n        if (e.shiftKey) {\n          e.preventDefault();\n          this.#shiftFocusToPath();\n        } else if (currentTickled === totalItems - 1) {\n          e.preventDefault();\n          this._menuOpen = false;\n          this._focusOnNarrowedText = true;\n          const narrowedText = this.shadowRoot?.querySelector(`ixfx-narrowed-text`);\n          if (narrowedText) {\n            narrowedText.focus();\n          }\n        }\n        break;\n      }\n    }\n  };\n\n  #handleEnter() {\n    const r = this.root;\n    const sel = this.selectedNode;\n    if (!r || !sel)\n      return;\n\n    const pathNodes = this.#findPath(r, sel) ?? [r];\n    const hasChildOptions = this.#hasChildOptions();\n    const currentTickled = this.tickled.tickledId ?? -1;\n\n    if (currentTickled < pathNodes.length) {\n      const node = pathNodes[currentTickled];\n      this.#setSelected(node);\n      this._menuOpen = false;\n      this.dispatchEvent(new CustomEvent<CrumbNavigationItemClickDetail>(`item-click`, {\n        detail: { node, depth: currentTickled },\n        bubbles: true,\n        composed: true,\n      }));\n    } else if (hasChildOptions && currentTickled === pathNodes.length) {\n      this._menuOpen = true;\n      this.#menuOpenedByKeyboard = true;\n      const trigger = this.shadowRoot?.querySelector<MenuTrigger>(`#child-options-trigger`);\n      if (trigger) {\n        this.#currentOpenTrigger = trigger;\n        document.addEventListener(`keydown`, this.#onMenuKeyNav, { capture: true });\n        trigger.openMenu();\n        this.#propagateInputModeToMenu();\n      }\n    }\n  }\n\n  #shiftFocusToNarrowedText() {\n    const narrowedText = this.shadowRoot?.querySelector(`ixfx-narrowed-text`);\n    if (narrowedText) {\n      this._focusOnNarrowedText = true;\n      narrowedText.focus();\n    }\n  }\n\n  #shiftFocusToPath() {\n    this._focusOnNarrowedText = false;\n    const hostContainer = this.shadowRoot?.querySelector<HTMLElement>(`.host-container`);\n    if (hostContainer) {\n      hostContainer.focus();\n    }\n  }\n\n  #onNarrowedTextBlur = (): void => {\n    this._focusOnNarrowedText = false;\n    this.#shiftFocusToPath();\n  };\n\n  #onNarrowedTextShiftTab = (): void => {\n    this._focusOnNarrowedText = false;\n    this.#shiftFocusToPath();\n  };\n\n  // --- TreeComponent methods ---\n\n  select(node: TreeNode): void {\n    this.#setSelected(node);\n  }\n\n  deselect(_node: TreeNode): void {\n    // Crumb navigation is single-selection; deselect navigates to parent or root\n  }\n\n  clearSelection(): void {\n    if (this.root)\n      this.#setSelected(this.root);\n  }\n\n  /** Not implemented on crumb-navigation. */\n  selectAll(): void {\n    // no-op\n  }\n\n  /** Not implemented on crumb-navigation. */\n  deselectAll(): void {\n    // no-op\n  }\n\n  getNodes(): ReadonlyArray<{ node: TreeNode; depth: number }> {\n    if (!this.root)\n      return [];\n    const result: Array<{ node: TreeNode; depth: number }> = [];\n    const visit = (node: TreeNode, depth: number) => {\n      result.push({ node, depth });\n      if (node.children) {\n        for (const child of node.children) visit(child, depth + 1);\n      }\n    };\n    for (const child of this.root.children ?? []) visit(child, 0);\n    return result;\n  }\n\n  // --- Lifecycle ---\n\n  override updated(changedProps: PropertyValues): void {\n    if (changedProps.has(`model`)) {\n      this.#modelUnsubscribe?.();\n      this.#modelUnsubscribe = undefined;\n      const model = this.model;\n      if (model) {\n        this.root = model.root;\n        this.#modelUnsubscribe = model._subscribe((event) => {\n          if (event.type === `root`) {\n            this.root = event.root;\n            this.requestUpdate();\n          }\n        });\n      }\n    }\n    this.#runLayoutUpdate(changedProps);\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener(`click`, this.#onHostClick);\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener(`click`, this.#onHostClick);\n    this.#modelUnsubscribe?.();\n    this.#modelUnsubscribe = undefined;\n    document.removeEventListener(`keydown`, this.#onMenuKeyNav, { capture: true });\n    this.#currentOpenTrigger = null;\n  }\n\n  #runLayoutUpdate(_changedProperties: PropertyValues): void {\n    if (!this.shadowRoot)\n      return;\n\n    const hsiElement: HTMLElement | null = this.shadowRoot.querySelector(`.horiz-select-items`);\n    if (!hsiElement)\n      return;\n\n    const ulElement: HTMLElement | null = hsiElement.querySelector(`ul`);\n    if (!ulElement)\n      return;\n\n    const menuTrigger: HTMLElement | null = this.shadowRoot.querySelector(`ixfx-menu-trigger`);\n    if (!menuTrigger)\n      return;\n\n    if (ulElement.getBoundingClientRect().width > hsiElement.getBoundingClientRect().width) {\n      menuTrigger.style.display = `inline-flex`;\n    } else {\n      menuTrigger.style.display = `none`;\n    }\n\n    for (const li of ulElement.querySelectorAll(`li`)) {\n      const key = li.getAttribute(`data-key`) ?? ``;\n      if (key === this.#previousSelectionKey) {\n        this.#scrollToValue(li);\n        break;\n      }\n    }\n  }\n\n  #scrollToValue(li: HTMLLIElement) {\n    let l = li.offsetLeft;\n\n    const ul = li.parentElement;\n    if (!ul)\n      return;\n    l -= ul.offsetLeft;\n\n    const horizSelectItems = ul.parentElement;\n    if (!horizSelectItems)\n      return;\n    horizSelectItems.scroll({ left: l, top: 0, behavior: `smooth` });\n\n    const horizSelect = horizSelectItems.parentElement;\n    if (!horizSelect)\n      return;\n    horizSelect.style.minWidth = `${li.getBoundingClientRect().width}px`;\n  }\n\n  #abortPending() {\n    if (this.#pendingController) {\n      this.#pendingController.abort();\n      this.#pendingController = undefined;\n      this.#pendingNode = undefined;\n    }\n  }\n\n  #findPath(node: TreeNode, target: TreeNode, acc: TreeNode[] = []): TreeNode[] | undefined {\n    const path = [...acc, node];\n    if (node === target)\n      return path;\n    if (!node.children)\n      return undefined;\n    for (const child of node.children) {\n      const result = this.#findPath(child, target, path);\n      if (result)\n        return result;\n    }\n    return undefined;\n  }\n\n  #setSelected(node: TreeNode) {\n    const previous = this.selectedNode;\n    if (previous) {\n      this.#previousSelectionKey = previous.item?.key ?? ``;\n    } else {\n      this.#previousSelectionKey = ``;\n    }\n    const previousSet: ReadonlySet<TreeNode> = previous ? new Set([previous]) : new Set();\n    this.selectedNode = node;\n    this._selectedNodes = new Set([node]);\n\n    this.dispatchEvent(new CustomEvent<TreeSelectDetail>(`select`, {\n      detail: { selected: new Set([node]), previous: previousSet },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  #onLabelClick(node: TreeNode, depth: number) {\n    this._openIdx = -1;\n    this.#setSelected(node);\n    this.dispatchEvent(new CustomEvent<CrumbNavigationItemClickDetail>(`item-click`, {\n      detail: { node, depth },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  #onCaretClick(node: TreeNode, depth: number, e: MouseEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n\n    if (this._openIdx === depth) {\n      this._openIdx = -1;\n      return;\n    }\n    this._openIdx = depth;\n\n    if (node.children === undefined && this.#pendingNode !== node) {\n      this.#abortPending();\n      this.#pendingNode = node;\n      const controller = new AbortController();\n      this.#pendingController = controller;\n\n      if (this.loadChildren) {\n        this.#invokeLoadChildren(node, depth, controller).catch(() => {});\n      }\n    }\n\n    this.requestUpdate();\n  }\n\n  async #invokeLoadChildren(node: TreeNode, depth: number, controller: AbortController): Promise<void> {\n    try {\n      const children = [...await collectDataResult(\n        this.loadChildren!({ node, depth }, controller.signal),\n        controller.signal,\n      )];\n      if (controller.signal.aborted)\n        return;\n      node.children = children;\n      this.#pendingNode = undefined;\n      this.#pendingController = undefined;\n      this.dispatchEvent(new CustomEvent<CrumbNavigationExpandDetail>(`expand`, {\n        detail: { node, depth },\n        bubbles: true,\n        composed: true,\n      }));\n      this.requestUpdate();\n    } catch {\n      if (controller.signal.aborted)\n        return;\n      node.children = [];\n      this.#pendingNode = undefined;\n      this.#pendingController = undefined;\n      this.requestUpdate();\n    }\n  }\n\n  #onSegmentMenuCommand(e: CustomEvent, node: TreeNode, depth: number) {\n    const key = e.detail.command;\n    const child = node.children?.find(c => c.item.key === key);\n    if (child) {\n      this.#onChildClick(child, depth + 1);\n    }\n  }\n\n  #onChildClick(node: TreeNode, depth: number) {\n    this._openIdx = -1;\n    this.#setSelected(node);\n    this.dispatchEvent(new CustomEvent<CrumbNavigationItemClickDetail>(`item-click`, {\n      detail: { node, depth },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  /** Navigate to a node by key path. Returns false if any key is not found in already-loaded children. */\n  navigateTo(keys: readonly string[]): boolean {\n    if (!this.root?.children)\n      return false;\n    let current: TreeNode | undefined = this.root;\n    for (const key of keys) {\n      const found: TreeNode | undefined = current?.children?.find(n => n.item.key === key);\n      if (!found)\n        return false;\n      current = found;\n    }\n    if (current && current !== this.root) {\n      this.#setSelected(current);\n    }\n    return true;\n  }\n\n  /** Navigate to the first node matching the predicate. Returns false if not found. */\n  navigateToNode(predicate: (node: TreeNode) => boolean): boolean {\n    if (!this.root)\n      return false;\n    const keyPath = this.#findNodePath(this.root.children ?? [], predicate);\n    if (!keyPath)\n      return false;\n    return this.navigateTo(keyPath);\n  }\n\n  #findNodePath(\n    nodes: TreeNode[],\n    predicate: (node: TreeNode) => boolean,\n    prefix: string[] = [],\n  ): string[] | undefined {\n    for (const node of nodes) {\n      const path = [...prefix, node.item.key];\n      if (predicate(node))\n        return path;\n      if (node.children?.length) {\n        const result = this.#findNodePath(node.children, predicate, path);\n        if (result)\n          return result;\n      }\n    }\n    return undefined;\n  }\n\n  #onMenuCommand(e: CustomEvent) {\n    const node = this.selectedNode;\n    if (!node?.children)\n      return;\n\n    const key = e.detail.command;\n    const child = node.children.find(c => c.item.key === key);\n    if (child) {\n      const depth = this.root ? (this.#findPath(this.root, node)?.length ?? 1) : 1;\n      this.#onChildClick(child, depth);\n    }\n  }\n\n  render() {\n    const r = this.root;\n    const sel = this.selectedNode;\n\n    if (!r || !sel) {\n      return html``;\n    }\n\n    this.inputMode = this.tickled.inputMode;\n\n    const pathNodes = this.#findPath(r, sel) ?? [r];\n    const _hasChildOptions = this.#hasChildOptions();\n\n    const parts = pathNodes.map((node, i) => {\n      const isLast = i === pathNodes.length - 1;\n      const isPending = this.#pendingNode === node;\n      const isOpen = this._openIdx === i;\n      const hasChildren = node.item.isLeaf !== true && (node.children === undefined || node.children.length > 0);\n      const showCaret = !isLast && hasChildren;\n      const isTickled = this.tickled.isTickled(i);\n\n      const menuItems = (node.children ?? []).map(c => html`\n        <ixfx-menu-item \n          label=\"${c.item.label}\" \n          command=\"${c.item.key}\"\n          icon-name=\"${c.item.icon ?? nothing}\"\n        ></ixfx-menu-item>\n      `);\n\n      return html`\n        <div class=\"item crumb-segment ${isTickled ? `tickled` : ``}\"\n          @pointerenter=${() => {\n            this.tickled.handlePointerEnter(i);\n            this.dispatchEvent(new CustomEvent<TreeTickleDetail>(`tickle`, { detail: { node, depth: i }, bubbles: true, composed: true }));\n          }}\n        >\n          <span class=\"label\" @click=${() => this.#onLabelClick(node, i)}>${node.item.label}</span>\n          ${showCaret\n              ? html`\n            <span class=\"caret ${isOpen ? `open` : ``} ${isPending ? `pending` : ``}\">\n              ${isPending\n                  ? html`<span class=\"loading-spinner\"></span>`\n                  : html`\n                <ixfx-menu-trigger mode=\"trigger\" label=\"›\" @menu-command=${(e: CustomEvent) => this.#onSegmentMenuCommand(e, node, i)}>\n                  <ixfx-menu-container slot=\"menu\">\n                    ${menuItems}\n                  </ixfx-menu-container>\n                </ixfx-menu-trigger>\n                `\n              }\n            </span>\n            `\n              : nothing\n          }\n        </div>\n      `;\n    });\n\n    const childOptions = this.#renderChildOptions();\n    const isLastItemTickled = this.tickled.isTickled(pathNodes.length);\n    return html`\n      <div\n        class=\"host-container\"\n        tabindex=\"0\"\n        @focus=${this.#onFocus}\n        @blur=${this.#onBlur}\n        @keydown=${this.#onKeyDown}\n        @click=${this.#onHostClick}\n        @menu-trigger-close=${this.#onMenuTriggerClose}\n        @pointerleave=${(e: PointerEvent) => this.tickled.handlePointerLeave(e)}\n      >\n        <div class=\"parts\">${parts}<div class=\"trailing\"></div></div>\n        ${childOptions\n          ? html`\n          <ixfx-menu-trigger\n            id=\"child-options-trigger\"\n            class=\"item separator-trigger ${isLastItemTickled ? `tickled` : ``}\"\n            mode=\"trigger\"\n            label=\"›\"\n            @menu-command=${this.#onMenuCommand}\n            @pointerenter=${() => this.tickled.handlePointerEnter(pathNodes.length)}\n          >\n            <ixfx-menu-container slot=\"menu\">\n              ${(this.selectedNode?.children ?? []).map(c => html`\n                <ixfx-menu-item \n                  label=\"${c.item.label}\" \n                  command=\"${c.item.key}\"\n                  icon-name=\"${c.item.icon ?? nothing}\"\n                ></ixfx-menu-item>\n              `)}\n            </ixfx-menu-container>\n          </ixfx-menu-trigger>\n        `\n          : nothing}\n        ${childOptions}\n      </div>\n    `;\n  }\n\n  #renderChildOptions() {\n    const s = this.selectedNode;\n    if (s === undefined) {\n      return nothing;\n    }\n\n    const isPending = this.#pendingNode === s;\n    const children = s.children ?? [];\n\n    if (children.length === 0 && !isPending) {\n      return nothing;\n    }\n\n    if (isPending) {\n      return html`\n        <div class=\"horiz-select\">\n          <div class=\"horiz-select-items\">\n            <span class=\"loading-spinner\"></span>\n          </div>\n        </div>\n      `;\n    }\n\n    return html`\n      <ixfx-narrowed-text\n        class=\"horiz-select\"\n        selection-mode=\"single\"\n        orientation=\"horizontal\"\n        nowrap\n        width=${this.#getChildOptionsWidth()}\n        @change=${this.#onNarrowedTextChange}\n        @narrowed-text-blur=${this.#onNarrowedTextBlur}\n        @narrowed-text-shift-tab=${this.#onNarrowedTextShiftTab}\n      >\n        ${children.map(c => html`\n          <span data-value=\"${c.item.key}\" data-label=\"${c.item.label}\"></span>\n        `)}\n      </ixfx-narrowed-text>\n    `;\n  }\n\n  #onNarrowedTextChange(e: CustomEvent) {\n    e.stopPropagation();\n    const detail = e.detail as { item: { value: string } };\n    const node = this.selectedNode;\n    if (!node?.children)\n      return;\n\n    const child = node.children.find(c => c.item.key === detail.item.value);\n    if (child) {\n      const depth = this.root ? (this.#findPath(this.root, node)?.length ?? 1) : 1;\n      this.#onChildClick(child, depth);\n    }\n  }\n\n  #getChildOptionsWidth(): string {\n    return `var(--child-options-width, 50ch)`;\n  }\n\n  static styles = [themeFallbacks, tickledStyles, tickledItemStyles, css`\n    :host {\n      --text-highlight: var(--accent);\n      --separator: var(--surface-muted-text);\n      --padding-s: var(--space-xs);\n      display: flex;\n      overflow: scroll;\n      width: 100%;\n      scroll-snap-type: x mandatory;\n      scrollbar-width: none;\n\n      /* Breadcrumb tickled overrides — no layout shift: keep transparent border at rest */\n      --item-padding: 0;\n    }\n\n    :host(.focused) {\n      outline: none;\n    }\n\n    :host(:focus-within) .host-container {\n      outline: 2px solid var(--accent);\n      outline-offset: 2px;\n    }\n\n    .host-container {\n      display: flex;\n      width: 100%;\n      outline: none;\n    }\n\n    .parts {\n      display: flex;\n    }\n\n    .trailing {\n      flex: 1;\n      min-width: 1em;\n      cursor: pointer;\n    }\n\n    .crumb-segment {\n      display: flex;\n      align-items: center;\n    }\n\n    .label {\n      cursor: pointer;\n      margin-right: var(--padding-s);\n      white-space: nowrap;\n    }\n\n    .caret {\n      position: relative;\n      cursor: pointer;\n      padding: var(--padding-m);\n      margin-left: var(--padding-s);\n      margin-right: var(--padding-s);\n      color: var(--separator);\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.2s ease-in-out;\n    }\n\n    .caret.open {\n      background: color-mix(in srgb, var(--surface-5) 40%, transparent);\n    }\n\n    .caret.pending {\n      display: inline-flex;\n    }\n\n    .caret > ixfx-menu-trigger {\n      display: inline-flex;\n      margin: 0;\n      --_trigger-hover-bg: transparent;\n      --_trigger-hover-opacity: 0.6;\n    }\n\n    .caret > ixfx-menu-trigger::part(base) {\n      background: none;\n      border: none;\n      color: inherit;\n      padding: 0;\n      cursor: pointer;\n      font-size: inherit;\n      line-height: 1;\n    }\n\n    .caret > ixfx-menu-trigger::part(base):hover {\n      background: none;\n      opacity: 0.6;\n    }\n\n    .separator {\n      margin-left: var(--padding-s);\n      margin-right: var(--padding-s);\n      color: var(--separator);\n    }\n\n    .separator-trigger {\n      display: inline-flex;\n      margin-left: var(--padding-s);\n      margin-right: var(--padding-s);\n      --_trigger-hover-bg: transparent;\n      --_trigger-hover-opacity: 0.6;\n    }\n\n    .separator-trigger::part(base) {\n      background: none;\n      border: none;\n      color: var(--separator);\n      padding: 0;\n      cursor: pointer;\n      font-size: inherit;\n      line-height: 1;\n    }\n\n    .separator-trigger::part(base):hover {\n      background: none;\n      opacity: 0.6;\n    }\n\n    .separator-trigger.tickled::part(base) {\n    }\n\n    ixfx-menu-trigger {\n      display: none;\n    }\n\n    .horiz-select > ixfx-menu-trigger {\n      display: inline-flex;\n    }\n\n    .horiz-select {\n      display: flex;\n      min-width: 5ch;\n    }\n\n    .loading-spinner {\n      display: inline-block;\n      width: 12px;\n      height: 12px;\n      border: 2px solid var(--surface-5);\n      border-top-color: var(--accent);\n      border-radius: 50%;\n      animation: crumb-spin 0.7s linear infinite;\n    }\n\n    @keyframes crumb-spin {\n      to { transform: rotate(360deg); }\n    }\n\n    ::slotted(*), option {\n      user-select: none;\n      scroll-snap-align: start;\n    }\n  `];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"ixfx-crumb-navigation\": CrumbNavigationElement;\n  }\n}\n\nexport interface CrumbNavigationElementEventMap extends TreeComponentEventMap {\n  'item-click': TreeItemClickEvent;\n  'expand': TreeExpandEvent;\n  'select': TreeSelectEvent;\n  'tickle': TreeTickleEvent;\n  'activate': TreeActivateEvent;\n}\n\nexport interface CrumbNavigationElement {\n  addEventListener: (<K extends keyof CrumbNavigationElementEventMap>(\n    type: K,\n    listener: (this: CrumbNavigationElement, event: CrumbNavigationElementEventMap[K]) => void,\n    options?: boolean | AddEventListenerOptions,\n  ) => void) & ((\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions,\n  ) => void);\n}\n"],"mappings":"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"}
+{"version":3,"file":"crumbs.js","names":["#getTickledItems","#onTickled","#onMenuKeyNav","#currentOpenTrigger","#menuOpenedByKeyboard","#findPath","#hasChildOptions","#shiftFocusToNarrowedText","#handleOpenCaretMenu","#handleEnter","#shiftFocusToPath","#isWheelScrolling","#wheelScrollTimeout","#updateFade","#scrollTickledIntoView","#pendingNode","#propagateInputModeToMenu","#setSelected","#modelUnsubscribe","#runLayoutUpdate","#onHostClick","#onWheel","#onScroll","#onKeyDown","#onMenuTriggerClose","#onMouseOut","#previousSelectionKey","#scrollToValue","#pendingController","#scrollSegmentIntoView","#abortPending","#invokeLoadChildren","#onChildClick","#currentLeadingSiblings","#findNodePath","#getSiblingMenuItems","#onLabelClick","#onSegmentMenuCommand","#renderChildOptions","#getChildOptionsWidth","#onNarrowedTextChange","#onNarrowedTextBlur","#onNarrowedTextShiftTab","customElement"],"sources":["../src/crumbs/crumb-navigation.ts"],"sourcesContent":["/* eslint-disable ts/no-unsafe-declaration-merging */\nimport type { PropertyValues } from 'lit';\nimport type {\n  TreeActivateEvent,\n  TreeComponent,\n  TreeComponentEventMap,\n  TreeExpandEvent,\n  TreeItemClickEvent,\n  TreeSelectDetail,\n  TreeSelectEvent,\n  TreeTickleDetail,\n  TreeTickleEvent,\n} from '../common/tree-component.js';\nimport type { TreeDataModel } from '../common/tree-data-model.js';\nimport type {\n  TreeExclusivity,\n  TreeFilterPredicate,\n  TreeSelectionFilter,\n} from '../common/types.js';\nimport type { MenuTrigger } from '../menu/menu-trigger.js';\nimport type { LoadChildrenCallback, TreeNode } from '../tree/types.js';\nimport { css, html, LitElement, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { collectDataResult } from '../common/data-provider.js';\n\nimport { TickledController, tickledItemStyles, tickledStyles } from '../interaction/index.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\nimport '../menu/menu-trigger.js';\nimport '../menu/menu-container.js';\nimport '../menu/menu-item.js';\n\nimport '../narrowed-text/index.js';\n\n/** @deprecated Use TreeSelectDetail from src/common/tree-component.ts */\nexport type CrumbNavigationChangeDetail = {\n  readonly selected: TreeNode;\n  readonly previous: TreeNode | undefined;\n};\n\nexport type CrumbNavigationChangeEvent = CustomEvent<CrumbNavigationChangeDetail>;\n\nexport type CrumbNavigationItemClickDetail = { node: TreeNode; depth: number };\nexport type CrumbNavigationItemClickEvent = CustomEvent<CrumbNavigationItemClickDetail>;\n\nexport type CrumbNavigationExpandDetail = { node: TreeNode; depth: number };\nexport type CrumbNavigationExpandEvent = CustomEvent<CrumbNavigationExpandDetail>;\n\n/**\n * Breadcrumb navigation with lazy-loading support.\n *\n * Uses the same `TreeNode` / `TreeItem` data model as `ixfx-tree-list`,\n * so the two components can be swapped with minimal code changes.\n *\n * Events\n * - `navigate`: fired when user clicks a breadcrumb label. detail: `{ node: TreeNode }`\n * - `change`: fired when selected node changes. detail: `{ selected: TreeNode, previous: TreeNode | undefined }`\n * - `expand`: fired when user clicks a caret whose node has no children yet.\n *             detail: `{ node: TreeNode, depth: number, signal: AbortSignal }`\n *             Populate `node.children` then call `requestUpdate()` on the element.\n *\n * CSS variables\n * --crumb-item-bg: var(--item-bg, transparent); // item background\n * --crumb-item-bg-tickled: var(--item-bg-tickled); // item background on hover\n * --crumb-item-text-tickled: var(--item-text-tickled); // text color on hover\n * --crumb-item-border: var(--item-border); // item border\n * --crumb-item-border-tickled: var(--item-border-tickled); // border color on hover\n * --crumb-item-padding: var(--item-padding); // item padding\n * --crumb-item-border-radius: var(--item-border-radius); // item border radius\n * --crumb-item-gap: var(--space-xs); // gap between items\n * --crumb-separator: var(--surface-muted-text); // separator/caret color\n * --crumb-truncate-min-width: 5ch; // minimum width for truncatable segments\n */\n@customElement(`ixfx-crumb-navigation`)\nexport class CrumbNavigationElement extends LitElement implements TreeComponent {\n  @property({ type: Object })\n  root: TreeNode | undefined;\n\n  @property({ attribute: false })\n  model: TreeDataModel | undefined;\n\n  @property({ type: Object })\n  selectedNode: TreeNode | undefined;\n\n  @state()\n  private _selectedNodes = new Set<TreeNode>();\n\n  get selectedNodes(): ReadonlySet<TreeNode> {\n    return this._selectedNodes;\n  }\n\n  /** Callback to lazily load children for a node. When set, replaces event-based lazy loading. */\n  @property({ attribute: false })\n  loadChildren: LoadChildrenCallback | undefined;\n\n  @property({ attribute: false })\n  filterPredicate: TreeFilterPredicate | undefined;\n\n  @property({ reflect: true, attribute: `exclusivity` })\n  exclusivity: TreeExclusivity = `none`;\n\n  @property({ reflect: true, attribute: `selection-filter` })\n  selectionFilter: TreeSelectionFilter = `leaf`;\n\n  @state()\n  private _openIdx = -1;\n\n  @state()\n  private _menuOpen = false;\n\n  @state()\n  private _focusOnNarrowedText = false;\n\n  @property({ reflect: true, attribute: `input-mode` })\n  inputMode: string = ``;\n\n  @property({ type: Boolean, reflect: true, attribute: `no-truncate` })\n  noTruncate = false;\n\n  @property({ type: Boolean, reflect: true, attribute: `show-suggestions` })\n  showSuggestions = false;\n\n  @property({ type: Boolean, reflect: true, attribute: `leading-caret` })\n  leadingCaret = false;\n\n  @property({ type: Boolean, reflect: true, attribute: `caret-embedded` })\n  caretEmbedded = true;\n\n  @property({ type: Boolean, reflect: true, attribute: `hideroot` })\n  hideRoot = false;\n\n  #pendingNode: TreeNode | undefined;\n  #pendingController: AbortController | undefined;\n  #modelUnsubscribe: (() => void) | undefined;\n\n  #previousSelectionKey = ``;\n  #menuOpenedByKeyboard = false;\n  #currentOpenTrigger: MenuTrigger | null = null;\n\n  private tickled = new TickledController<number>(this, {\n    getItems: () => this.#getTickledItems(),\n    onTickle: (index) => {\n      if (index !== undefined) {\n        this.#onTickled(index);\n      }\n    },\n  });\n\n  #getTickledItems() {\n    const r = this.root;\n    const sel = this.selectedNode;\n    if (!r || !sel)\n      return [];\n\n    const pathNodes = this.#findPath(r, sel) ?? [r];\n    const items: Array<{ id: number; enabled: boolean }> = [];\n\n    if (this.caretEmbedded) {\n      pathNodes.forEach((_node, i) => {\n        items.push({ id: i, enabled: true });\n      });\n      if (this.#hasChildOptions()) {\n        items.push({ id: pathNodes.length, enabled: true });\n      }\n    } else {\n      let segmentId = 0;\n      pathNodes.forEach((node, i) => {\n        const isLast = i === pathNodes.length - 1;\n        const hasChildren = node.item.isLeaf !== true && (node.children === undefined || node.children.length > 0);\n        const showLeadingCaret = this.leadingCaret && (i > 0 || this.hideRoot) && hasChildren;\n        const showTrailingCaret = (!this.leadingCaret && hasChildren) || (this.leadingCaret && isLast && hasChildren);\n\n        if (showLeadingCaret) {\n          items.push({ id: segmentId++, enabled: true });\n        }\n        items.push({ id: segmentId++, enabled: true });\n        if (showTrailingCaret) {\n          items.push({ id: segmentId++, enabled: true });\n        }\n      });\n    }\n\n    return items;\n  }\n\n  #onTickled(index: number) {\n    if (this.tickled.inputMode === `keyboard`) {\n      this.#scrollTickledIntoView(index);\n    }\n  }\n\n  #scrollTickledIntoView(index: number): void {\n    const r = this.root;\n    const sel = this.selectedNode;\n    if (!r || !sel)\n      return;\n\n    const pathNodes = this.#findPath(r, sel) ?? [r];\n    let el: HTMLElement | null = null;\n\n    if (index < pathNodes.length) {\n      el = this.shadowRoot?.querySelectorAll<HTMLElement>(`.crumb-segment`)[index] ?? null;\n    } else if (index === pathNodes.length) {\n      el = this.shadowRoot?.querySelector<HTMLElement>(`#child-options-trigger`) ?? null;\n    }\n\n    el?.scrollIntoView({ inline: `nearest`, block: `nearest`, behavior: `smooth` });\n  }\n\n  #hasChildOptions(): boolean {\n    const s = this.selectedNode;\n    if (s === undefined)\n      return false;\n\n    const isPending = this.#pendingNode === s;\n    const children = s.children ?? [];\n\n    return children.length > 0 || isPending;\n  }\n\n  #onHostClick = (): void => {\n    this.focus();\n  };\n\n  #handleOpenCaretMenu() {\n    const currentTickled = this.tickled.tickledId;\n    if (currentTickled === undefined)\n      return;\n\n    const r = this.root;\n    const sel = this.selectedNode;\n    if (!r || !sel)\n      return;\n\n    const pathNodes = this.#findPath(r, sel) ?? [r];\n\n    // For non-last segments: open the inline caret menu for that segment\n    if (currentTickled < pathNodes.length - 1) {\n      const segments = this.shadowRoot?.querySelectorAll<HTMLElement>(`.crumb-segment`);\n      const trigger = segments?.[currentTickled]?.querySelector<MenuTrigger>(`.caret ixfx-menu-trigger`);\n      if (trigger) {\n        this.#menuOpenedByKeyboard = true;\n        this.#currentOpenTrigger = trigger;\n        document.addEventListener(`keydown`, this.#onMenuKeyNav, { capture: true });\n        trigger.openMenu();\n        this.#propagateInputModeToMenu();\n        return;\n      }\n    }\n\n    // Last segment or the child-options separator: open the child-options menu\n    if (this.#hasChildOptions()) {\n      const trigger = this.shadowRoot?.querySelector<MenuTrigger>(`#child-options-trigger`);\n      if (trigger) {\n        this.#menuOpenedByKeyboard = true;\n        this.#currentOpenTrigger = trigger;\n        document.addEventListener(`keydown`, this.#onMenuKeyNav, { capture: true });\n        trigger.openMenu();\n        this.#propagateInputModeToMenu();\n      }\n    }\n  }\n\n  #propagateInputModeToMenu(): void {\n    const inputMode = this.tickled.inputMode;\n    requestAnimationFrame(() => {\n      const container = this.#currentOpenTrigger?.querySelector(`ixfx-menu-container`);\n      if (container) {\n        container.setAttribute(`data-input-mode`, inputMode);\n      }\n    });\n  }\n\n  #onMenuTriggerClose = (): void => {\n    document.removeEventListener(`keydown`, this.#onMenuKeyNav, { capture: true });\n    this.#currentOpenTrigger = null;\n    this.#menuOpenedByKeyboard = false;\n    requestAnimationFrame(() => {\n      this.focus();\n    });\n  };\n\n  #onMenuKeyNav = (e: KeyboardEvent): void => {\n    // Only handle ArrowLeft/ArrowRight - close menu and navigate to previous/next breadcrumb segment\n    // ArrowDown/ArrowUp should pass through to let the menu handle them\n    const container = this.#currentOpenTrigger?.querySelector(`ixfx-menu-container`);\n    if (!container || !this.#currentOpenTrigger?.isOpen)\n      return;\n\n    switch (e.key) {\n      case `ArrowLeft`:\n      case `ArrowRight`: {\n        e.preventDefault();\n        e.stopPropagation();\n        this.#currentOpenTrigger.closeMenu();\n        const r = this.root;\n        const sel = this.selectedNode;\n        if (!r || !sel)\n          break;\n        const pathNodes = this.#findPath(r, sel) ?? [r];\n        const totalItems = pathNodes.length + (this.#hasChildOptions() ? 1 : 0);\n        const currentTickled = this.tickled.tickledId ?? -1;\n        if (e.key === `ArrowLeft`) {\n          if (currentTickled > 0) {\n            this.tickled.handleKeyboardNavigation(`previous`);\n          }\n        } else {\n          if (currentTickled < totalItems - 1) {\n            this.tickled.handleKeyboardNavigation(`next`);\n          }\n        }\n        break;\n      }\n    }\n  };\n\n  #onKeyDown = (event: Event): void => {\n    const e = event as KeyboardEvent;\n    const r = this.root;\n    const sel = this.selectedNode;\n    if (!r || !sel)\n      return;\n\n    const pathNodes = this.#findPath(r, sel) ?? [r];\n    const totalItems = pathNodes.length + (this.#hasChildOptions() ? 1 : 0);\n    const currentTickled = this.tickled.tickledId ?? -1;\n\n    switch (e.key) {\n      case `ArrowRight`: {\n        e.preventDefault();\n        if (currentTickled < totalItems - 1) {\n          this.tickled.handleKeyboardNavigation(`next`);\n        } else if (currentTickled === totalItems - 1) {\n          this.#shiftFocusToNarrowedText();\n        }\n        break;\n      }\n      case `ArrowLeft`: {\n        e.preventDefault();\n        if (currentTickled > 0) {\n          this.tickled.handleKeyboardNavigation(`previous`);\n        }\n        break;\n      }\n      case `ArrowDown`:\n      case `ArrowUp`: {\n        if (this.tickled.tickledId !== undefined) {\n          e.preventDefault();\n          if (this.#currentOpenTrigger?.isOpen) {\n            // Menu is already open - dispatch ArrowDown to the popover element for it to handle\n            const container = this.#currentOpenTrigger.querySelector(`ixfx-menu-container`);\n            const popover = container?.shadowRoot?.querySelector(`.popover`);\n            if (popover) {\n              popover.dispatchEvent(new KeyboardEvent(`keydown`, { key: e.key, bubbles: true }));\n            }\n          } else {\n            this.#handleOpenCaretMenu();\n          }\n        }\n        break;\n      }\n      case `Enter`: {\n        e.preventDefault();\n        this.#handleEnter();\n        break;\n      }\n      case `Escape`: {\n        e.preventDefault();\n        this._menuOpen = false;\n        this.tickled.clearTickled();\n        this.blur();\n        break;\n      }\n      case `Tab`: {\n        if (e.shiftKey) {\n          e.preventDefault();\n          this.#shiftFocusToPath();\n        } else if (currentTickled === totalItems - 1) {\n          e.preventDefault();\n          this._menuOpen = false;\n          this._focusOnNarrowedText = true;\n          const narrowedText = this.shadowRoot?.querySelector(`ixfx-narrowed-text`);\n          if (narrowedText) {\n            narrowedText.focus();\n          }\n        }\n        break;\n      }\n    }\n  };\n\n  #handleEnter() {\n    const r = this.root;\n    const sel = this.selectedNode;\n    if (!r || !sel)\n      return;\n\n    const pathNodes = this.#findPath(r, sel) ?? [r];\n    const hasChildOptions = this.#hasChildOptions();\n    const currentTickled = this.tickled.tickledId ?? -1;\n\n    if (currentTickled < pathNodes.length) {\n      const node = pathNodes[currentTickled];\n      this.#setSelected(node);\n      this._menuOpen = false;\n      this.dispatchEvent(new CustomEvent<CrumbNavigationItemClickDetail>(`item-click`, {\n        detail: { node, depth: currentTickled },\n        bubbles: true,\n        composed: true,\n      }));\n    } else if (hasChildOptions && currentTickled === pathNodes.length) {\n      this._menuOpen = true;\n      this.#menuOpenedByKeyboard = true;\n      const trigger = this.shadowRoot?.querySelector<MenuTrigger>(`#child-options-trigger`);\n      if (trigger) {\n        this.#currentOpenTrigger = trigger;\n        document.addEventListener(`keydown`, this.#onMenuKeyNav, { capture: true });\n        trigger.openMenu();\n        this.#propagateInputModeToMenu();\n      }\n    }\n  }\n\n  #shiftFocusToNarrowedText() {\n    const narrowedText = this.shadowRoot?.querySelector(`ixfx-narrowed-text`);\n    if (narrowedText) {\n      this._focusOnNarrowedText = true;\n      narrowedText.focus();\n    }\n  }\n\n  #shiftFocusToPath() {\n    this._focusOnNarrowedText = false;\n    this.focus();\n  }\n\n  #onNarrowedTextBlur = (): void => {\n    this._focusOnNarrowedText = false;\n    this.#shiftFocusToPath();\n  };\n\n  #onNarrowedTextShiftTab = (): void => {\n    this._focusOnNarrowedText = false;\n    this.#shiftFocusToPath();\n  };\n\n  // --- TreeComponent methods ---\n\n  select(node: TreeNode): void {\n    this.#setSelected(node);\n  }\n\n  deselect(_node: TreeNode): void {\n    // Crumb navigation is single-selection; deselect navigates to parent or root\n  }\n\n  clearSelection(): void {\n    if (this.root)\n      this.#setSelected(this.root);\n  }\n\n  /** Not implemented on crumb-navigation. */\n  selectAll(): void {\n    // no-op\n  }\n\n  /** Not implemented on crumb-navigation. */\n  deselectAll(): void {\n    // no-op\n  }\n\n  getNodes(): ReadonlyArray<{ node: TreeNode; depth: number }> {\n    if (!this.root)\n      return [];\n    const result: Array<{ node: TreeNode; depth: number }> = [];\n    const visit = (node: TreeNode, depth: number) => {\n      result.push({ node, depth });\n      if (node.children) {\n        for (const child of node.children) visit(child, depth + 1);\n      }\n    };\n    for (const child of this.root.children ?? []) visit(child, 0);\n    return result;\n  }\n\n  // --- Lifecycle ---\n\n  override updated(changedProps: PropertyValues): void {\n    if (changedProps.has(`model`)) {\n      this.#modelUnsubscribe?.();\n      this.#modelUnsubscribe = undefined;\n      const model = this.model;\n      if (model) {\n        this.root = model.root;\n        this.#modelUnsubscribe = model._subscribe((event) => {\n          if (event.type === `root`) {\n            this.root = event.root;\n            this.requestUpdate();\n          }\n        });\n      }\n    }\n    this.#runLayoutUpdate(changedProps);\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.tabIndex = 0;\n    this.addEventListener(`click`, this.#onHostClick);\n    this.addEventListener(`wheel`, this.#onWheel, { passive: false });\n    this.addEventListener(`scroll`, this.#onScroll);\n    this.addEventListener(`keydown`, this.#onKeyDown);\n    this.addEventListener(`menu-trigger-close`, this.#onMenuTriggerClose);\n    this.addEventListener(`mouseout`, this.#onMouseOut);\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener(`click`, this.#onHostClick);\n    this.removeEventListener(`wheel`, this.#onWheel);\n    this.removeEventListener(`scroll`, this.#onScroll);\n    this.removeEventListener(`keydown`, this.#onKeyDown);\n    this.removeEventListener(`menu-trigger-close`, this.#onMenuTriggerClose);\n    this.removeEventListener(`mouseout`, this.#onMouseOut);\n    this.#modelUnsubscribe?.();\n    this.#modelUnsubscribe = undefined;\n    document.removeEventListener(`keydown`, this.#onMenuKeyNav, { capture: true });\n    this.#currentOpenTrigger = null;\n  }\n\n  override firstUpdated() {\n    this.scrollLeft = this.scrollWidth - this.clientWidth;\n    this.#updateFade();\n  }\n\n  #onMouseOut = (e: Event) => {\n    this.tickled.handlePointerLeave(e as PointerEvent);\n  };\n\n  #isWheelScrolling = false;\n\n  #onWheel = (e: Event) => {\n    const wheelEvent = e as WheelEvent;\n    if (wheelEvent.deltaX !== 0 || wheelEvent.deltaY !== 0) {\n      e.preventDefault();\n      if (!this.#isWheelScrolling) {\n        this.#isWheelScrolling = true;\n        this.tickled.clearTickled();\n      }\n      this.scrollLeft += wheelEvent.deltaX + wheelEvent.deltaY;\n      clearTimeout(this.#wheelScrollTimeout);\n      this.#wheelScrollTimeout = setTimeout(() => {\n        this.#isWheelScrolling = false;\n      }, 150);\n    }\n  };\n\n  #wheelScrollTimeout: ReturnType<typeof setTimeout> | undefined;\n\n  #onScroll = () => {\n    this.#updateFade();\n  };\n\n  #updateFade() {\n    const hasLeftFade = this.scrollLeft > 0;\n    const hasRightFade = this.scrollLeft < this.scrollWidth - this.clientWidth - 1;\n    this.classList.toggle(`has-left-fade`, hasLeftFade);\n    this.classList.toggle(`has-right-fade`, hasRightFade);\n  }\n\n  #runLayoutUpdate(_changedProperties: PropertyValues): void {\n    if (!this.shadowRoot)\n      return;\n\n    const hsiElement: HTMLElement | null = this.shadowRoot.querySelector(`.horiz-select-items`);\n    if (!hsiElement)\n      return;\n\n    const ulElement: HTMLElement | null = hsiElement.querySelector(`ul`);\n    if (!ulElement)\n      return;\n\n    const menuTrigger: HTMLElement | null = this.shadowRoot.querySelector(`ixfx-menu-trigger`);\n    if (!menuTrigger)\n      return;\n\n    if (ulElement.getBoundingClientRect().width > hsiElement.getBoundingClientRect().width) {\n      menuTrigger.style.display = `inline-flex`;\n    } else {\n      menuTrigger.style.display = `none`;\n    }\n\n    for (const li of ulElement.querySelectorAll(`li`)) {\n      const key = li.getAttribute(`data-key`) ?? ``;\n      if (key === this.#previousSelectionKey) {\n        this.#scrollToValue(li);\n        break;\n      }\n    }\n  }\n\n  #scrollToValue(li: HTMLLIElement) {\n    let l = li.offsetLeft;\n\n    const ul = li.parentElement;\n    if (!ul)\n      return;\n    l -= ul.offsetLeft;\n\n    const horizSelectItems = ul.parentElement;\n    if (!horizSelectItems)\n      return;\n    horizSelectItems.scroll({ left: l, top: 0, behavior: `smooth` });\n\n    const horizSelect = horizSelectItems.parentElement;\n    if (!horizSelect)\n      return;\n    horizSelect.style.minWidth = `${li.getBoundingClientRect().width}px`;\n  }\n\n  #abortPending() {\n    if (this.#pendingController) {\n      this.#pendingController.abort();\n      this.#pendingController = undefined;\n      this.#pendingNode = undefined;\n    }\n  }\n\n  #findPath(node: TreeNode, target: TreeNode, acc: TreeNode[] = []): TreeNode[] | undefined {\n    const path = [...acc, node];\n    if (node === target)\n      return path;\n    if (!node.children)\n      return undefined;\n    for (const child of node.children) {\n      const result = this.#findPath(child, target, path);\n      if (result)\n        return result;\n    }\n    return undefined;\n  }\n\n  #scrollSegmentIntoView(depth: number) {\n    if (!this.shadowRoot)\n      return;\n    const segments = this.shadowRoot.querySelectorAll(`.crumb-segment`);\n    const segment = segments[depth];\n    segment?.scrollIntoView({ block: `nearest`, inline: `start` });\n  }\n\n  #setSelected(node: TreeNode) {\n    const previous = this.selectedNode;\n    if (previous) {\n      this.#previousSelectionKey = previous.item?.key ?? ``;\n    } else {\n      this.#previousSelectionKey = ``;\n    }\n    const previousSet: ReadonlySet<TreeNode> = previous ? new Set([previous]) : new Set();\n    this.selectedNode = node;\n    this._selectedNodes = new Set([node]);\n\n    if (this.root) {\n      const path = this.#findPath(this.root, node);\n      if (path) {\n        const depth = this.hideRoot && path.length > 1 ? path.length - 2 : path.length - 1;\n        requestAnimationFrame(() => {\n          this.#scrollSegmentIntoView(depth);\n        });\n      }\n    }\n\n    this.dispatchEvent(new CustomEvent<TreeSelectDetail>(`select`, {\n      detail: { selected: new Set([node]), previous: previousSet },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  #onLabelClick(node: TreeNode, depth: number) {\n    this._openIdx = -1;\n    this.#setSelected(node);\n    if (this.leadingCaret) {\n      this.#scrollSegmentIntoView(depth);\n    }\n    this.dispatchEvent(new CustomEvent<CrumbNavigationItemClickDetail>(`item-click`, {\n      detail: { node, depth },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  #onCaretClick(node: TreeNode, depth: number, e: MouseEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n\n    if (this._openIdx === depth) {\n      this._openIdx = -1;\n      return;\n    }\n    this._openIdx = depth;\n\n    if (node.children === undefined && this.#pendingNode !== node) {\n      this.#abortPending();\n      this.#pendingNode = node;\n      const controller = new AbortController();\n      this.#pendingController = controller;\n\n      if (this.loadChildren) {\n        this.#invokeLoadChildren(node, depth, controller).catch(() => {});\n      }\n    }\n\n    this.requestUpdate();\n  }\n\n  async #invokeLoadChildren(node: TreeNode, depth: number, controller: AbortController): Promise<void> {\n    try {\n      const children = [...await collectDataResult(\n        this.loadChildren!({ node, depth }, controller.signal),\n        controller.signal,\n      )];\n      if (controller.signal.aborted)\n        return;\n      node.children = children;\n      this.#pendingNode = undefined;\n      this.#pendingController = undefined;\n      this.dispatchEvent(new CustomEvent<CrumbNavigationExpandDetail>(`expand`, {\n        detail: { node, depth },\n        bubbles: true,\n        composed: true,\n      }));\n      this.requestUpdate();\n    } catch {\n      if (controller.signal.aborted)\n        return;\n      node.children = [];\n      this.#pendingNode = undefined;\n      this.#pendingController = undefined;\n      this.requestUpdate();\n    }\n  }\n\n  #onSegmentMenuCommand(e: CustomEvent, node: TreeNode, depth: number) {\n    const key = e.detail.command;\n    if (this.leadingCaret) {\n      const child = node.children?.find(c => c.item.key === key);\n      if (child) {\n        this.#onChildClick(child, depth + 1);\n        return;\n      }\n      if (this.#currentLeadingSiblings) {\n        const sibling = this.#currentLeadingSiblings.find(c => c.item.key === key);\n        if (sibling) {\n          this.#onChildClick(sibling, depth);\n        }\n        this.#currentLeadingSiblings = undefined;\n        return;\n      }\n    }\n    const child = node.children?.find(c => c.item.key === key);\n    if (child) {\n      this.#onChildClick(child, depth + 1);\n    }\n  }\n\n  #currentLeadingSiblings: TreeNode[] | undefined = undefined;\n\n  #getSiblingMenuItems(pathNodes: TreeNode[], index: number): unknown {\n    if (index === 0) {\n      if (!this.hideRoot || !this.root)\n        return [];\n      const siblings = [...(this.root.children ?? [])].sort((a, b) => (a.item.label ?? ``).localeCompare(b.item.label ?? ``));\n      this.#currentLeadingSiblings = siblings;\n      return siblings.map(sibling => html`\n        <ixfx-menu-item\n          label=\"${sibling.item.label}\"\n          command=\"${sibling.item.key}\"\n          icon-name=\"${sibling.item.icon ?? nothing}\"\n          @click=${() => {\n            this.#onChildClick(sibling, index);\n          }}\n        ></ixfx-menu-item>\n      `);\n    }\n    const parent = pathNodes[index - 1];\n    const siblings = [...(parent.children ?? [])].sort((a, b) => (a.item.label ?? ``).localeCompare(b.item.label ?? ``));\n    this.#currentLeadingSiblings = siblings;\n    return siblings.map(sibling => html`\n      <ixfx-menu-item\n        label=\"${sibling.item.label}\"\n        command=\"${sibling.item.key}\"\n        icon-name=\"${sibling.item.icon ?? nothing}\"\n        @click=${() => {\n          this.#onChildClick(sibling, index);\n        }}\n      ></ixfx-menu-item>\n    `);\n  }\n\n  #onChildClick(node: TreeNode, depth: number) {\n    this._openIdx = -1;\n    this.#setSelected(node);\n    this.dispatchEvent(new CustomEvent<CrumbNavigationItemClickDetail>(`item-click`, {\n      detail: { node, depth },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  /** Navigate to a node by key path. Returns false if any key is not found in already-loaded children. */\n  navigateTo(keys: readonly string[]): boolean {\n    if (!this.root?.children)\n      return false;\n    let current: TreeNode | undefined = this.root;\n    for (const key of keys) {\n      const found: TreeNode | undefined = current?.children?.find(n => n.item.key === key);\n      if (!found)\n        return false;\n      current = found;\n    }\n    if (current && current !== this.root) {\n      this.#setSelected(current);\n    }\n    return true;\n  }\n\n  /** Navigate to the first node matching the predicate. Returns false if not found. */\n  navigateToNode(predicate: (node: TreeNode) => boolean): boolean {\n    if (!this.root)\n      return false;\n    const keyPath = this.#findNodePath(this.root.children ?? [], predicate);\n    if (!keyPath)\n      return false;\n    return this.navigateTo(keyPath);\n  }\n\n  #findNodePath(\n    nodes: TreeNode[],\n    predicate: (node: TreeNode) => boolean,\n    prefix: string[] = [],\n  ): string[] | undefined {\n    for (const node of nodes) {\n      const path = [...prefix, node.item.key];\n      if (predicate(node))\n        return path;\n      if (node.children?.length) {\n        const result = this.#findNodePath(node.children, predicate, path);\n        if (result)\n          return result;\n      }\n    }\n    return undefined;\n  }\n\n  #onMenuCommand(e: CustomEvent) {\n    const node = this.selectedNode;\n    if (!node?.children)\n      return;\n\n    const key = e.detail.command;\n    const child = node.children.find(c => c.item.key === key);\n    if (child) {\n      const depth = this.root ? (this.#findPath(this.root, node)?.length ?? 1) : 1;\n      this.#onChildClick(child, depth);\n    }\n  }\n\n  render() {\n    const r = this.root;\n    const sel = this.selectedNode;\n\n    if (!r || !sel) {\n      return html``;\n    }\n\n    this.inputMode = this.tickled.inputMode;\n\n    let pathNodes = this.#findPath(r, sel) ?? [r];\n    if (this.hideRoot && pathNodes.length > 1) {\n      pathNodes = pathNodes.slice(1);\n    }\n    const _hasChildOptions = this.#hasChildOptions();\n\n    const parts: Array<ReturnType<typeof html>> = [];\n    let segmentId = 0;\n\n    pathNodes.forEach((node, i) => {\n      const isLast = i === pathNodes.length - 1;\n      const isPending = this.#pendingNode === node;\n      const isOpen = this._openIdx === i;\n      const hasChildren = node.item.isLeaf !== true && (node.children === undefined || node.children.length > 0);\n      const isTickled = this.tickled.isTickled(i);\n\n      const showLeadingCaret = this.leadingCaret && (i > 0 || this.hideRoot) && hasChildren;\n      const showTrailingCaret = (!this.leadingCaret && hasChildren) || (this.leadingCaret && isLast && hasChildren);\n\n      const siblingMenuItems = showLeadingCaret ? this.#getSiblingMenuItems(pathNodes, i) : [];\n      const childMenuItems = (node.children ?? []).map(c => html`\n        <ixfx-menu-item\n          label=\"${c.item.label}\"\n          command=\"${c.item.key}\"\n          icon-name=\"${c.item.icon ?? nothing}\"\n        ></ixfx-menu-item>\n      `);\n\n      if (this.caretEmbedded) {\n        const canTruncate = !this.noTruncate && !isLast && !isTickled;\n\n        parts.push(html`\n          <div class=\"item crumb-segment ${isTickled ? `tickled` : ``} ${canTruncate ? `truncatable` : ``} ${this.leadingCaret ? `leading-caret` : ``}\" data-segment-id=\"${i}\" data-path-index=\"${i}\"\n            @click=${(e: MouseEvent) => {\n              if ((e.target as HTMLElement).closest(`.caret`))\n                return; this.#onLabelClick(node, i);\n            }}\n          >\n            ${showLeadingCaret\n                ? html`\n              <span class=\"caret ${isOpen ? `open` : ``} ${isPending ? `pending` : ``}\">\n                ${isPending\n                    ? html`<span class=\"loading-spinner\"></span>`\n                    : html`\n                  <ixfx-menu-trigger mode=\"trigger\" label=\"›\" @menu-command=${(e: CustomEvent) => this.#onSegmentMenuCommand(e, node, i)}>\n                    <ixfx-menu-container slot=\"menu\">\n                      ${siblingMenuItems}\n                    </ixfx-menu-container>\n                  </ixfx-menu-trigger>\n                  `\n                }\n              </span>\n              `\n                : nothing\n            }\n            <span class=\"label\">${node.item.label}</span>\n            ${showTrailingCaret\n                ? html`\n              <span class=\"caret ${isOpen ? `open` : ``} ${isPending ? `pending` : ``}\">\n                ${isPending\n                    ? html`<span class=\"loading-spinner\"></span>`\n                    : html`\n                  <ixfx-menu-trigger mode=\"trigger\" label=\"›\" placement=\"right-start\" @menu-command=${(e: CustomEvent) => this.#onSegmentMenuCommand(e, node, i)}>\n                    <ixfx-menu-container slot=\"menu\">\n                      ${childMenuItems}\n                    </ixfx-menu-container>\n                  </ixfx-menu-trigger>\n                  `\n                }\n              </span>\n              `\n                : nothing\n            }\n          </div>\n        `);\n      } else {\n        const leadingCaretTickled = showLeadingCaret ? this.tickled.isTickled(segmentId) : false;\n        if (showLeadingCaret) {\n          parts.push(html`\n            <div class=\"item crumb-segment ${leadingCaretTickled ? `tickled` : ``}\" data-segment-id=\"${segmentId}\" data-path-index=\"${i}\"\n              @click=${(e: MouseEvent) => {\n                const trigger = (e.target as HTMLElement).closest(`.crumb-segment`)?.querySelector(`ixfx-menu-trigger`);\n                if (trigger)\n                  trigger.openMenu();\n              }}\n            >\n              <span class=\"caret ${isOpen ? `open` : ``} ${isPending ? `pending` : ``}\">\n                ${isPending\n                    ? html`<span class=\"loading-spinner\"></span>`\n                    : html`\n                  <ixfx-menu-trigger mode=\"trigger\" label=\"›\" placement=\"right-start\" @menu-command=${(e: CustomEvent) => this.#onSegmentMenuCommand(e, node, i)}>\n                    <ixfx-menu-container slot=\"menu\">\n                      ${siblingMenuItems}\n                    </ixfx-menu-container>\n                  </ixfx-menu-trigger>\n                  `\n                }\n              </span>\n            </div>\n          `);\n          segmentId++;\n        }\n        const labelTickled = this.tickled.isTickled(segmentId);\n        const canTruncate = !this.noTruncate && !isLast && !labelTickled;\n        parts.push(html`\n          <div class=\"item crumb-segment ${labelTickled ? `tickled` : ``} ${canTruncate ? `truncatable` : ``}\" data-segment-id=\"${segmentId}\" data-path-index=\"${i}\"\n            @click=${(e: MouseEvent) => {\n              if ((e.target as HTMLElement).closest(`.caret`))\n                return; this.#onLabelClick(node, i);\n            }}\n          >\n            <span class=\"label\">${node.item.label}</span>\n          </div>\n        `);\n        segmentId++;\n        if (showTrailingCaret) {\n          const trailingCaretTickled = this.tickled.isTickled(segmentId);\n          parts.push(html`\n            <div class=\"item crumb-segment ${trailingCaretTickled ? `tickled` : ``}\" data-segment-id=\"${segmentId}\" data-path-index=\"${i}\"\n              @click=${(e: MouseEvent) => {\n                const trigger = (e.target as HTMLElement).closest(`.crumb-segment`)?.querySelector(`ixfx-menu-trigger`);\n                if (trigger)\n                  trigger.openMenu();\n              }}\n            >\n              <span class=\"caret ${isOpen ? `open` : ``} ${isPending ? `pending` : ``}\">\n                ${isPending\n                    ? html`<span class=\"loading-spinner\"></span>`\n                    : html`\n                  <ixfx-menu-trigger mode=\"trigger\" label=\"›\" @menu-command=${(e: CustomEvent) => this.#onSegmentMenuCommand(e, node, i)}>\n                    <ixfx-menu-container slot=\"menu\">\n                      ${childMenuItems}\n                    </ixfx-menu-container>\n                  </ixfx-menu-trigger>\n                  `\n                }\n              </span>\n            </div>\n          `);\n          segmentId++;\n        }\n      }\n    });\n\n    return html`\n      <div class=\"parts\"\n        @mouseover=${(e: MouseEvent) => {\n          if (this.#isWheelScrolling)\n            return;\n          const target = e.target;\n          if (!(target instanceof HTMLElement))\n            return;\n          const segment = target.closest(`.crumb-segment`) as HTMLElement | null;\n          if (!segment)\n            return;\n          const segmentId = parseInt(segment.dataset.segmentId ?? ``, 10);\n          if (Number.isNaN(segmentId))\n            return;\n          const pathIndex = parseInt(segment.dataset.pathIndex ?? ``, 10);\n          const node = pathNodes[pathIndex];\n          if (!node)\n            return;\n          this.tickled.handlePointerEnter(segmentId);\n          this.dispatchEvent(new CustomEvent<TreeTickleDetail>(`tickle`, { detail: { node, depth: pathIndex }, bubbles: true, composed: true }));\n        }}\n      >${parts}<div class=\"trailing\"></div></div>\n      ${this.showSuggestions ? this.#renderChildOptions() : nothing}\n    `;\n  }\n\n  #renderChildOptions() {\n    const s = this.selectedNode;\n    if (s === undefined) {\n      return nothing;\n    }\n\n    const isPending = this.#pendingNode === s;\n    const children = s.children ?? [];\n\n    if (children.length === 0 && !isPending) {\n      return nothing;\n    }\n\n    if (isPending) {\n      return html`\n        <div class=\"horiz-select\">\n          <div class=\"horiz-select-items\">\n            <span class=\"loading-spinner\"></span>\n          </div>\n        </div>\n      `;\n    }\n\n    return html`\n      <ixfx-narrowed-text\n        class=\"horiz-select\"\n        selection-mode=\"single\"\n        orientation=\"horizontal\"\n        nowrap\n        width=${this.#getChildOptionsWidth()}\n        @change=${this.#onNarrowedTextChange}\n        @narrowed-text-blur=${this.#onNarrowedTextBlur}\n        @narrowed-text-shift-tab=${this.#onNarrowedTextShiftTab}\n      >\n        ${children.map(c => html`\n          <span data-value=\"${c.item.key}\" data-label=\"${c.item.label}\"></span>\n        `)}\n      </ixfx-narrowed-text>\n    `;\n  }\n\n  #onNarrowedTextChange(e: CustomEvent) {\n    e.stopPropagation();\n    const detail = e.detail as { item: { value: string } };\n    const node = this.selectedNode;\n    if (!node?.children)\n      return;\n\n    const child = node.children.find(c => c.item.key === detail.item.value);\n    if (child) {\n      const depth = this.root ? (this.#findPath(this.root, node)?.length ?? 1) : 1;\n      this.#onChildClick(child, depth);\n    }\n  }\n\n  #getChildOptionsWidth(): string {\n    return `var(--child-options-width, 50ch)`;\n  }\n\n  static styles = [themeFallbacks, tickledStyles, tickledItemStyles, css`\n    :host {\n      --crumb-item-bg: var(--item-bg, transparent);\n      --crumb-item-bg-tickled: var(--item-bg-tickled);\n      --crumb-item-text-tickled: var(--item-text-tickled);\n      --crumb-item-border: var(--item-border);\n      --crumb-item-border-tickled: var(--item-border-tickled);\n      --crumb-item-padding: var(--space-xs);\n      --crumb-item-border-radius: var(--item-border-radius);\n      --crumb-item-gap: var(--space-xs);\n      --crumb-separator: var(--surface-muted-text);\n      --crumb-truncate-min-width: 10ch;\n      --crumb-fade-width: 30px;\n      --crumb-fade-color: var(--surface-3);\n      position: relative;\n      display: flex;\n      overflow: scroll;\n      width: 100%;\n      scroll-snap-type: x mandatory;\n      scrollbar-width: none;\n    }\n\n    :host(:focus) {\n      outline: none;\n    }\n\n    :host(:focus) .parts {\n      outline: 2px solid var(--accent);\n      outline-offset: 2px;\n    }\n\n    :host::before,\n    :host::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      width: var(--crumb-fade-width);\n      pointer-events: none;\n      opacity: 0;\n      transition: opacity 0.2s ease;\n      z-index: 1;\n    }\n\n    :host::before {\n      left: 0;\n      background: linear-gradient(to right, var(--crumb-fade-color), transparent);\n    }\n\n    :host::after {\n      right: 0;\n      background: linear-gradient(to left, var(--crumb-fade-color), transparent);\n    }\n\n    :host(.has-left-fade)::before,\n    :host(.has-right-fade)::after {\n      opacity: 1;\n    }\n\n    .parts {\n      display: flex;\n      gap: var(--space-s);\n    }\n\n    .trailing {\n      flex: 1;\n      min-width: 1em;\n      cursor: pointer;\n    }\n\n    .crumb-segment {\n      display: flex;\n      align-items: center;\n      flex-shrink: 0;\n      background: var(--crumb-item-bg);\n      border: var(--crumb-item-border);\n      border-radius: var(--crumb-item-border-radius);\n    }\n\n    .crumb-segment.leading-caret {\n      flex-direction: row;\n    }\n\n    .crumb-segment.leading-caret-only {\n      flex-direction: row;\n      padding: var(--crumb-item-padding);\n    }\n\n    .crumb-segment.trailing-caret-only {\n      flex-direction: row;\n      padding: var(--crumb-item-padding);\n    }\n\n    .crumb-segment.tickled {\n      background: var(--crumb-item-bg-tickled);\n      border-color: var(--crumb-item-border-tickled);\n      color: var(--crumb-item-text-tickled);\n      flex-shrink: 0;\n      min-width: auto;\n    }\n\n    .crumb-segment.truncatable {\n      flex-shrink: 1;\n      min-width: min(var(--crumb-truncate-min-width), auto);\n      overflow: hidden;\n    }\n\n    .crumb-segment.truncatable .label {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      min-width: 0;\n    }\n\n    .label {\n      cursor: pointer;\n      white-space: nowrap;\n      color: inherit;\n    }\n\n    .crumb-segment.tickled .label {\n      color: var(--crumb-item-text-tickled);\n      overflow: visible;\n      text-overflow: clip;\n    }\n\n    .crumb-segment ixfx-menu-trigger {\n      --ixfx-button-padding: var(--space-xs) 8px;\n    }\n\n    .caret {\n      position: relative;\n      cursor: pointer; \n      \n      color: var(--crumb-separator);\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.2s ease-in-out;\n    }\n\n    .caret.open {\n      background: color-mix(in srgb, var(--surface-5) 40%, transparent);\n    }\n\n    .caret.pending {\n      display: inline-flex;\n    }\n\n    .caret > ixfx-menu-trigger {\n      display: inline-flex;\n      margin: 0;\n      --_trigger-hover-bg: transparent;\n      --_trigger-hover-opacity: 0.6;\n    }\n\n    .caret > ixfx-menu-trigger::part(base) {\n      background: none;\n      border: none;\n      color: inherit;\n      padding: 0;\n      cursor: pointer;\n      font-size: inherit;\n      line-height: 1;\n    }\n\n    .caret > ixfx-menu-trigger::part(base):hover {\n      background: none;\n      opacity: 0.6;\n    }\n\n    .separator {\n      margin-left: var(--crumb-item-gap);\n      margin-right: var(--crumb-item-gap);\n      color: var(--crumb-separator);\n    }\n\n    .separator-trigger {\n      display: inline-flex;\n      margin-left: var(--crumb-item-gap);\n      margin-right: var(--crumb-item-gap);\n      --_trigger-hover-bg: transparent;\n      --_trigger-hover-opacity: 0.6;\n    }\n\n    .separator-trigger::part(base) {\n      background: none;\n      border: none;\n      color: var(--crumb-separator);\n      padding: 0;\n      cursor: pointer;\n      font-size: inherit;\n      line-height: 1;\n    }\n\n    .separator-trigger::part(base):hover {\n      background: none;\n      opacity: 0.6;\n    }\n\n    .separator-trigger.tickled::part(base) {\n    }\n\n    ixfx-menu-trigger {\n      display: none;\n    }\n\n    .horiz-select > ixfx-menu-trigger {\n      display: inline-flex;\n    }\n\n    .horiz-select {\n      display: flex;\n      min-width: 5ch;\n    }\n\n    .loading-spinner {\n      display: inline-block;\n      width: 12px;\n      height: 12px;\n      border: 2px solid var(--surface-5);\n      border-top-color: var(--accent);\n      border-radius: 50%;\n      animation: crumb-spin 0.7s linear infinite;\n    }\n\n    @keyframes crumb-spin {\n      to { transform: rotate(360deg); }\n    }\n\n    ::slotted(*), option {\n      user-select: none;\n      scroll-snap-align: start;\n    }\n  `];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"ixfx-crumb-navigation\": CrumbNavigationElement;\n  }\n}\n\nexport interface CrumbNavigationElementEventMap extends TreeComponentEventMap {\n  'item-click': TreeItemClickEvent;\n  'expand': TreeExpandEvent;\n  'select': TreeSelectEvent;\n  'tickle': TreeTickleEvent;\n  'activate': TreeActivateEvent;\n}\n\nexport interface CrumbNavigationElement {\n  addEventListener: (<K extends keyof CrumbNavigationElementEventMap>(\n    type: K,\n    listener: (this: CrumbNavigationElement, event: CrumbNavigationElementEventMap[K]) => void,\n    options?: boolean | AddEventListenerOptions,\n  ) => void) & ((\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions,\n  ) => void);\n}\n"],"mappings":"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"}

package/dist/data-display.js

@@ -1,4 +1,4 @@
-import { t as themeFallbacks } from "./fallbacks-pNMOMx38.js";
+import { t as themeFallbacks } from "./fallbacks-DPgPEqo8.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
 import { LitElement, css } from "lit";
 import { property } from "lit/decorators.js";

package/dist/editable-label.js

@@ -1,4 +1,4 @@
-import { t as themeFallbacks } from "./fallbacks-pNMOMx38.js";
+import { t as themeFallbacks } from "./fallbacks-DPgPEqo8.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
 import { LitElement, css, html, nothing } from "lit";
 import { property, state } from "lit/decorators.js";

package/dist/{fallbacks-pNMOMx38.js → fallbacks-DPgPEqo8.js}

@@ -161,8 +161,58 @@ const themeFallbacks = css`
     inherits: true;
     initial-value: 0.1;
   }
+  @property --crumb-item-bg {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: transparent;
+  }
+  @property --crumb-item-bg-tickled {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: var(--surface-5);
+  }
+  @property --crumb-item-text-tickled {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: inherit;
+  }
+  @property --crumb-item-border {
+    syntax: '*';
+    inherits: true;
+    initial-value: 1px solid transparent;
+  }
+  @property --crumb-item-border-tickled {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: var(--accent);
+  }
+  @property --crumb-item-padding {
+    syntax: '*';
+    inherits: true;
+    initial-value: var(--space-xs);
+  }
+  @property --crumb-item-border-radius {
+    syntax: '<length>';
+    inherits: true;
+    initial-value: var(--radius-m);
+  }
+  @property --crumb-item-gap {
+    syntax: '<length>';
+    inherits: true;
+    initial-value: var(--space-xs);
+  }
+  @property --crumb-separator {
+    syntax: '<color>';
+    inherits: true;
+    initial-value: var(--surface-muted-text);
+  }
+  @property --crumb-truncate-min-width {
+    syntax: '<length>';
+    inherits: true;
+    initial-value: 5ch;
+  }
 `;
 //#endregion
 export { themeFallbacks as t };
 
-//# sourceMappingURL=fallbacks-pNMOMx38.js.map
+//# sourceMappingURL=fallbacks-DPgPEqo8.js.map

package/dist/{fallbacks-pNMOMx38.js.map → fallbacks-DPgPEqo8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"fallbacks-pNMOMx38.js","names":[],"sources":["../src/styles/fallbacks.ts"],"sourcesContent":["import { css } from 'lit';\n\n/**\n * Default fallback values for theme CSS variables.\n *\n * Uses `@property` to register each variable with an initial value that acts\n * as a fallback. This means:\n *  - If the theme CSS (`src/style.css`) is loaded, its `:root` values cascade\n *    in and override these defaults.\n *  - If no theme CSS is loaded, these initial values ensure components still\n *    have visible backgrounds, text colours, etc.\n *\n * Spread this into any component whose styles reference theme variables:\n * ```ts\n * static styles = [themeFallbacks, css`...`];\n * ```\n */\nexport const themeFallbacks = css`\n  @property --surface-0 {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(5% 0.02 240);\n  }\n  @property --surface-1 {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(8% 0.02 240);\n  }\n  @property --surface-2 {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(12% 0.02 240);\n  }\n  @property --surface-2-text {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: #fff;\n  }\n  @property --surface-3 {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(15% 0.02 240);\n  }\n  @property --surface-3-text {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(75% 0.02 240);\n  }\n  @property --surface-4 {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(22% 0.02 240);\n  }\n  @property --surface-4-text {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: #fff;\n  }\n  @property --surface-5 {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(28% 0.02 240);\n  }\n  @property --surface-5-text {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: #fff;\n  }\n  @property --surface-6 {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(35% 0.02 240);\n  }\n  @property --surface-6-text {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: #fff;\n  }\n  @property --surface-muted-text {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(55% 0.02 240);\n  }\n  @property --content {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(10% 0.01 240);\n  }\n  @property --content-text {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: #fff;\n  }\n  @property --accent {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(60% 0.15 140);\n  }\n  @property --accent-text {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: #fff;\n  }\n  @property --error {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(60% 0.15 20);\n  }\n  @property --error-text {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: #fff;\n  }\n  @property --border {\n    syntax: '*';\n    inherits: true;\n    initial-value: 1px solid oklch(25% 0.02 240);\n  }\n  @property --border-subtle {\n    syntax: '*';\n    inherits: true;\n    initial-value: 1px solid oklch(18% 0.02 240);\n  }\n  @property --disabled-opacity {\n    syntax: '<number>';\n    inherits: true;\n    initial-value: 0.5;\n  }\n  @property --transition {\n    syntax: '<time>';\n    inherits: true;\n    initial-value: 0.15s;\n  }\n  @property --prominence-idle-opacity {\n    syntax: '<number>';\n    inherits: true;\n    initial-value: 0.6;\n  }\n  @property --prominence-idle-saturate {\n    syntax: '<number>';\n    inherits: true;\n    initial-value: 0.4;\n  }\n  @property --prominence-tickled-opacity {\n    syntax: '<number>';\n    inherits: true;\n    initial-value: 0.85;\n  }\n  @property --prominence-tickled-saturate {\n    syntax: '<number>';\n    inherits: true;\n    initial-value: 0.8;\n  }\n  @property --prominence-disabled-opacity {\n    syntax: '<number>';\n    inherits: true;\n    initial-value: 0.3;\n  }\n  @property --prominence-disabled-saturate {\n    syntax: '<number>';\n    inherits: true;\n    initial-value: 0.1;\n  }\n`;\n"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,MAAa,iBAAiB,GAAG"}
+{"version":3,"file":"fallbacks-DPgPEqo8.js","names":[],"sources":["../src/styles/fallbacks.ts"],"sourcesContent":["import { css } from 'lit';\n\n/**\n * Default fallback values for theme CSS variables.\n *\n * Uses `@property` to register each variable with an initial value that acts\n * as a fallback. This means:\n *  - If the theme CSS (`src/style.css`) is loaded, its `:root` values cascade\n *    in and override these defaults.\n *  - If no theme CSS is loaded, these initial values ensure components still\n *    have visible backgrounds, text colours, etc.\n *\n * Spread this into any component whose styles reference theme variables:\n * ```ts\n * static styles = [themeFallbacks, css`...`];\n * ```\n */\nexport const themeFallbacks = css`\n  @property --surface-0 {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(5% 0.02 240);\n  }\n  @property --surface-1 {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(8% 0.02 240);\n  }\n  @property --surface-2 {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(12% 0.02 240);\n  }\n  @property --surface-2-text {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: #fff;\n  }\n  @property --surface-3 {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(15% 0.02 240);\n  }\n  @property --surface-3-text {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(75% 0.02 240);\n  }\n  @property --surface-4 {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(22% 0.02 240);\n  }\n  @property --surface-4-text {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: #fff;\n  }\n  @property --surface-5 {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(28% 0.02 240);\n  }\n  @property --surface-5-text {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: #fff;\n  }\n  @property --surface-6 {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(35% 0.02 240);\n  }\n  @property --surface-6-text {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: #fff;\n  }\n  @property --surface-muted-text {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(55% 0.02 240);\n  }\n  @property --content {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(10% 0.01 240);\n  }\n  @property --content-text {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: #fff;\n  }\n  @property --accent {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(60% 0.15 140);\n  }\n  @property --accent-text {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: #fff;\n  }\n  @property --error {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: oklch(60% 0.15 20);\n  }\n  @property --error-text {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: #fff;\n  }\n  @property --border {\n    syntax: '*';\n    inherits: true;\n    initial-value: 1px solid oklch(25% 0.02 240);\n  }\n  @property --border-subtle {\n    syntax: '*';\n    inherits: true;\n    initial-value: 1px solid oklch(18% 0.02 240);\n  }\n  @property --disabled-opacity {\n    syntax: '<number>';\n    inherits: true;\n    initial-value: 0.5;\n  }\n  @property --transition {\n    syntax: '<time>';\n    inherits: true;\n    initial-value: 0.15s;\n  }\n  @property --prominence-idle-opacity {\n    syntax: '<number>';\n    inherits: true;\n    initial-value: 0.6;\n  }\n  @property --prominence-idle-saturate {\n    syntax: '<number>';\n    inherits: true;\n    initial-value: 0.4;\n  }\n  @property --prominence-tickled-opacity {\n    syntax: '<number>';\n    inherits: true;\n    initial-value: 0.85;\n  }\n  @property --prominence-tickled-saturate {\n    syntax: '<number>';\n    inherits: true;\n    initial-value: 0.8;\n  }\n  @property --prominence-disabled-opacity {\n    syntax: '<number>';\n    inherits: true;\n    initial-value: 0.3;\n  }\n  @property --prominence-disabled-saturate {\n    syntax: '<number>';\n    inherits: true;\n    initial-value: 0.1;\n  }\n  @property --crumb-item-bg {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: transparent;\n  }\n  @property --crumb-item-bg-tickled {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: var(--surface-5);\n  }\n  @property --crumb-item-text-tickled {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: inherit;\n  }\n  @property --crumb-item-border {\n    syntax: '*';\n    inherits: true;\n    initial-value: 1px solid transparent;\n  }\n  @property --crumb-item-border-tickled {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: var(--accent);\n  }\n  @property --crumb-item-padding {\n    syntax: '*';\n    inherits: true;\n    initial-value: var(--space-xs);\n  }\n  @property --crumb-item-border-radius {\n    syntax: '<length>';\n    inherits: true;\n    initial-value: var(--radius-m);\n  }\n  @property --crumb-item-gap {\n    syntax: '<length>';\n    inherits: true;\n    initial-value: var(--space-xs);\n  }\n  @property --crumb-separator {\n    syntax: '<color>';\n    inherits: true;\n    initial-value: var(--surface-muted-text);\n  }\n  @property --crumb-truncate-min-width {\n    syntax: '<length>';\n    inherits: true;\n    initial-value: 5ch;\n  }\n`;\n"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,MAAa,iBAAiB,GAAG"}

package/dist/{icon-B22XVlCt.js → icon-DG9Lm3LT.js}

@@ -1,4 +1,4 @@
-import { t as themeFallbacks } from "./fallbacks-pNMOMx38.js";
+import { t as themeFallbacks } from "./fallbacks-DPgPEqo8.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
 import { r as iconBus, t as getIcon } from "./registry-CkW7q09Q.js";
 import { LitElement, css, html, nothing } from "lit";
@@ -99,4 +99,4 @@ IxfxIconElement = __decorate([safeCustomElement(`ixfx-icon`)], IxfxIconElement);
 //#endregion
 export { IxfxIconElement as t };
 
-//# sourceMappingURL=icon-B22XVlCt.js.map
+//# sourceMappingURL=icon-DG9Lm3LT.js.map

package/dist/{icon-B22XVlCt.js.map → icon-DG9Lm3LT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"icon-B22XVlCt.js","names":["#onIconChange","customElement"],"sources":["../src/icons/icon.ts"],"sourcesContent":["import type { IconChangedEvent } from './registry.js';\nimport { css, html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\nimport { getIcon, iconBus } from './registry.js';\n\n/**\n * Renders an icon from the icon registry by name.\n *\n * @example\n * ```html\n * <ixfx-icon name=\"chevron-down\"></ixfx-icon>\n * <ixfx-icon name=\"close\" size=\"32\" label=\"Close dialog\"></ixfx-icon>\n * ```\n *\n * Use `registerIcon(name, svgString)` to add or override icons.\n */\n@customElement(`ixfx-icon`)\nexport class IxfxIconElement extends LitElement {\n  @property() name = ``;\n  @property({ type: Number }) size: number | undefined;\n  @property() label = ``;\n  @property({ type: Boolean, attribute: `prominence` }) prominence = false;\n  @property({ type: String, attribute: `rotate`, reflect: true }) rotate = ``;\n\n  #onIconChange = (e: Event): void => {\n    if ((e as IconChangedEvent).detail.name === this.name) {\n      this.requestUpdate();\n    }\n  };\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    iconBus.addEventListener(`ixfx-icon-change`, this.#onIconChange);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    iconBus.removeEventListener(`ixfx-icon-change`, this.#onIconChange);\n  }\n\n  protected override render() {\n    const svg = getIcon(this.name);\n    if (!svg)\n      return nothing;\n\n    const hasLabel = this.label.length > 0;\n\n    return html`\n      <span\n        class=\"icon-wrapper\"\n        aria-hidden=${hasLabel ? nothing : `true`}\n        aria-label=${hasLabel ? this.label : nothing}\n      >${unsafeHTML(svg)}</span>\n    `;\n  }\n\n  protected override updated(changed: Map<string, unknown>): void {\n    super.updated(changed);\n    if (changed.has(`rotate`)) {\n      if (this.rotate?.length > 0) {\n        this.style.setProperty(`--rotate`, this.rotate);\n      } else {\n        this.style.removeProperty(`--rotate`);\n      }\n    }\n  }\n\n  static override styles = [themeFallbacks, css`\n    :host {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 1em;\n      height: 1em;\n      opacity: var(--opacity, 1);\n    }\n\n    :host([prominence]) {\n      opacity: var(--prominence-idle-opacity, 1);\n    }\n\n    :host([prominence]:hover) {\n      opacity: var(--prominence-tickled-opacity, 1);\n    }\n\n    :host([prominence][disabled]) {\n      opacity: var(--prominence-disabled-opacity, 0.5);\n    }\n\n    .icon-wrapper {\n      display: contents;\n    }\n\n    :host svg {\n      width: 100%;\n      height: 100%;\n      transition: transform var(--transition, 0.15s ease-out);\n    }\n\n    :host([rotate]) svg {\n      transform: rotate(var(--rotate));\n    }\n  `];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-icon': IxfxIconElement;\n  }\n}\n"],"mappings":";;;;;;;AAoBO,IAAM,kBAAN,MAAM,wBAAwB,WAAW;;;EAC3B,KAAA,OAAA;EAEC,KAAA,QAAA;EAC+C,KAAA,aAAA;EACM,KAAA,SAAA;EAExD,KAAA,iBAAA,MAAmB;GAClC,IAAK,EAAuB,OAAO,SAAS,KAAK,MAC/C,KAAK,cAAc;EAEvB;;CAJA;CAMA,oBAAmC;EACjC,MAAM,kBAAkB;EACxB,QAAQ,iBAAiB,oBAAoB,KAAKA,aAAa;CACjE;CAEA,uBAAsC;EACpC,MAAM,qBAAqB;EAC3B,QAAQ,oBAAoB,oBAAoB,KAAKA,aAAa;CACpE;CAEA,SAA4B;EAC1B,MAAM,MAAM,QAAQ,KAAK,IAAI;EAC7B,IAAI,CAAC,KACH,OAAO;EAET,MAAM,WAAW,KAAK,MAAM,SAAS;EAErC,OAAO,IAAI;;;sBAGO,WAAW,UAAU,OAAO;qBAC7B,WAAW,KAAK,QAAQ,QAAQ;SAC5C,WAAW,GAAG,EAAE;;CAEvB;CAEA,QAA2B,SAAqC;EAC9D,MAAM,QAAQ,OAAO;EACrB,IAAI,QAAQ,IAAI,QAAQ,GAAG;GACzB,IAAI,KAAK,QAAQ,SAAS,GACxB,KAAK,MAAM,YAAY,YAAY,KAAK,MAAM;QAE9C,KAAK,MAAM,eAAe,UAAU;EAExC;CACF;;EAEyB,KAAA,SAAA,CAAC,gBAAgB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmC5C;;AACH;AArFG,WAAA,CAAA,SAAS,CAAA,GAAA,gBAAA,WAAA,QAAA,KAAA,CAAA;AACT,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,gBAAA,WAAA,QAAA,KAAA,CAAA;AACzB,WAAA,CAAA,SAAS,CAAA,GAAA,gBAAA,WAAA,SAAA,KAAA,CAAA;AACT,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,WAAW;AAAa,CAAC,CAAA,GAAA,gBAAA,WAAA,cAAA,KAAA,CAAA;AACnD,WAAA,CAAA,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAU,SAAS;AAAK,CAAC,CAAA,GAAA,gBAAA,WAAA,UAAA,KAAA,CAAA;AAN/DC,kBAAAA,WAAAA,CAAAA,kBAAc,WAAW,CAAA,GAAA,eAAA"}
+{"version":3,"file":"icon-DG9Lm3LT.js","names":["#onIconChange","customElement"],"sources":["../src/icons/icon.ts"],"sourcesContent":["import type { IconChangedEvent } from './registry.js';\nimport { css, html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\nimport { getIcon, iconBus } from './registry.js';\n\n/**\n * Renders an icon from the icon registry by name.\n *\n * @example\n * ```html\n * <ixfx-icon name=\"chevron-down\"></ixfx-icon>\n * <ixfx-icon name=\"close\" size=\"32\" label=\"Close dialog\"></ixfx-icon>\n * ```\n *\n * Use `registerIcon(name, svgString)` to add or override icons.\n */\n@customElement(`ixfx-icon`)\nexport class IxfxIconElement extends LitElement {\n  @property() name = ``;\n  @property({ type: Number }) size: number | undefined;\n  @property() label = ``;\n  @property({ type: Boolean, attribute: `prominence` }) prominence = false;\n  @property({ type: String, attribute: `rotate`, reflect: true }) rotate = ``;\n\n  #onIconChange = (e: Event): void => {\n    if ((e as IconChangedEvent).detail.name === this.name) {\n      this.requestUpdate();\n    }\n  };\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    iconBus.addEventListener(`ixfx-icon-change`, this.#onIconChange);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    iconBus.removeEventListener(`ixfx-icon-change`, this.#onIconChange);\n  }\n\n  protected override render() {\n    const svg = getIcon(this.name);\n    if (!svg)\n      return nothing;\n\n    const hasLabel = this.label.length > 0;\n\n    return html`\n      <span\n        class=\"icon-wrapper\"\n        aria-hidden=${hasLabel ? nothing : `true`}\n        aria-label=${hasLabel ? this.label : nothing}\n      >${unsafeHTML(svg)}</span>\n    `;\n  }\n\n  protected override updated(changed: Map<string, unknown>): void {\n    super.updated(changed);\n    if (changed.has(`rotate`)) {\n      if (this.rotate?.length > 0) {\n        this.style.setProperty(`--rotate`, this.rotate);\n      } else {\n        this.style.removeProperty(`--rotate`);\n      }\n    }\n  }\n\n  static override styles = [themeFallbacks, css`\n    :host {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 1em;\n      height: 1em;\n      opacity: var(--opacity, 1);\n    }\n\n    :host([prominence]) {\n      opacity: var(--prominence-idle-opacity, 1);\n    }\n\n    :host([prominence]:hover) {\n      opacity: var(--prominence-tickled-opacity, 1);\n    }\n\n    :host([prominence][disabled]) {\n      opacity: var(--prominence-disabled-opacity, 0.5);\n    }\n\n    .icon-wrapper {\n      display: contents;\n    }\n\n    :host svg {\n      width: 100%;\n      height: 100%;\n      transition: transform var(--transition, 0.15s ease-out);\n    }\n\n    :host([rotate]) svg {\n      transform: rotate(var(--rotate));\n    }\n  `];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-icon': IxfxIconElement;\n  }\n}\n"],"mappings":";;;;;;;AAoBO,IAAM,kBAAN,MAAM,wBAAwB,WAAW;;;EAC3B,KAAA,OAAA;EAEC,KAAA,QAAA;EAC+C,KAAA,aAAA;EACM,KAAA,SAAA;EAExD,KAAA,iBAAA,MAAmB;GAClC,IAAK,EAAuB,OAAO,SAAS,KAAK,MAC/C,KAAK,cAAc;EAEvB;;CAJA;CAMA,oBAAmC;EACjC,MAAM,kBAAkB;EACxB,QAAQ,iBAAiB,oBAAoB,KAAKA,aAAa;CACjE;CAEA,uBAAsC;EACpC,MAAM,qBAAqB;EAC3B,QAAQ,oBAAoB,oBAAoB,KAAKA,aAAa;CACpE;CAEA,SAA4B;EAC1B,MAAM,MAAM,QAAQ,KAAK,IAAI;EAC7B,IAAI,CAAC,KACH,OAAO;EAET,MAAM,WAAW,KAAK,MAAM,SAAS;EAErC,OAAO,IAAI;;;sBAGO,WAAW,UAAU,OAAO;qBAC7B,WAAW,KAAK,QAAQ,QAAQ;SAC5C,WAAW,GAAG,EAAE;;CAEvB;CAEA,QAA2B,SAAqC;EAC9D,MAAM,QAAQ,OAAO;EACrB,IAAI,QAAQ,IAAI,QAAQ,GAAG;GACzB,IAAI,KAAK,QAAQ,SAAS,GACxB,KAAK,MAAM,YAAY,YAAY,KAAK,MAAM;QAE9C,KAAK,MAAM,eAAe,UAAU;EAExC;CACF;;EAEyB,KAAA,SAAA,CAAC,gBAAgB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmC5C;;AACH;AArFG,WAAA,CAAA,SAAS,CAAA,GAAA,gBAAA,WAAA,QAAA,KAAA,CAAA;AACT,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,gBAAA,WAAA,QAAA,KAAA,CAAA;AACzB,WAAA,CAAA,SAAS,CAAA,GAAA,gBAAA,WAAA,SAAA,KAAA,CAAA;AACT,WAAA,CAAA,SAAS;CAAE,MAAM;CAAS,WAAW;AAAa,CAAC,CAAA,GAAA,gBAAA,WAAA,cAAA,KAAA,CAAA;AACnD,WAAA,CAAA,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAU,SAAS;AAAK,CAAC,CAAA,GAAA,gBAAA,WAAA,UAAA,KAAA,CAAA;AAN/DC,kBAAAA,WAAAA,CAAAA,kBAAc,WAAW,CAAA,GAAA,eAAA"}

package/dist/icons.js

@@ -1,5 +1,5 @@
 import { a as svgToDataUri, i as registerIcon, n as hasIcon, r as iconBus, t as getIcon } from "./registry-CkW7q09Q.js";
-import { t as IxfxIconElement } from "./icon-B22XVlCt.js";
+import { t as IxfxIconElement } from "./icon-DG9Lm3LT.js";
 import { a as registerDefaults, i as ICON_CLOSE, n as ICON_CHECK, r as ICON_CHEVRON_DOWN, t as ICON_CARET_RIGHT } from "./defaults-DcE8RQJc.js";
 //#region src/icons/index.ts
 registerDefaults();

package/dist/index.d.ts

@@ -31,7 +31,7 @@ import { _ as SliderValueMode, a as SliderInputChangeDetail, c as SliderInputInp
 import { ClickSnapMode, SnapChangeDetail, SnapChangeEvent, SnapContainer, SnapInputDetail, SnapInputEvent, SnapLogic } from "./snap-container.js";
 import { SplitLayoutElement } from "./split-layout.js";
 import { SwipeElement, SwipeElementEventMap, SwipeInputDetail, SwipeInputEvent } from "./swipe.js";
-import { a as TabListReorderDetail, i as TabListElement, n as TabListChangeEvent, o as TabListReorderEvent, r as TabListDragMode, s as TabListItemElement, t as TabListChangeDetail } from "./tab-list-BohmbvqF.js";
+import { a as TabListReorderDetail, i as TabListElement, n as TabListChangeEvent, o as TabListReorderEvent, r as TabListDragMode, s as TabListItemElement, t as TabListChangeDetail } from "./tab-list-ih-0I0NE.js";
 import { A as TimelineTrackReorderEvent, C as TimelineEventResizeEvent, D as TimelineTickleChangeEvent, E as TimelineTickleChangeDetail, F as TrackHeightMode, I as TrackLayout, L as UserScale, M as TimelineTrackResizeEvent, N as TimelineTrackSelectDetail, O as TimelineTrack, P as TimelineTrackSelectEvent, R as ViewRange, S as TimelineEventResizeDetail, T as TimelineSelectionChangeEvent, _ as TimelineDraggingEvent, a as CssVars, b as TimelineEventMoveDetail, c as resolveGrid, d as DragSnappingFn, f as DragTarget, g as TimelineDraggingDetail, h as TimelineDraggingCallbackDetail, i as TimelineTrackTabElement, j as TimelineTrackResizeDetail, k as TimelineTrackReorderDetail, l as TimelineController, m as GridResolution, n as attachTimelineInteractions, o as Rect, p as GridMode, r as IxfxTimelineElement, s as resolveCssVars, t as timelineStyles, u as TimelineControllerConfig, v as TimelineElementEventMap, w as TimelineSelectionChangeDetail, x as TimelineEventMoveEvent, y as TimelineEvent } from "./index-BeuCXtiO.js";
 import { TreeBaseElement, TreeBaseElementEventMap, TreeCheckboxState, TreeConfig, TreeController, TreeControllerOptions, TreeListElement } from "./tree.js";
 import { XyPad, XyPadEventMap, XyPadInputDetail, XyPadInputEvent } from "./xy-pad.js";
@@ -218,6 +218,8 @@ declare class SplitButton extends ButtonElement {
   private _applyItems;
   /** In switcher mode, programmatically select the active command. Returns false if not found. */
   selectCommand(command: string): boolean;
+  /** Invokes the primary button action as if clicked by the user. */
+  invoke(): boolean;
   /** True when there is (or will be) popup content. Used to dim the caret visually. */
   private get _caretHasContent();
   private _onDefaultMenuSlotChange;

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/ac-token/types.ts","../src/ac-token/ac-token.ts","../src/button/radio-group.ts","../src/button/types.ts","../src/button/split-button.ts","../src/common/data-controller.ts","../src/crumbs/crumb-path.ts","../src/crumbs/crumb-path-controller.ts","../src/editable-label/editable-number.ts","../src/form/form-group.ts","../src/form/form-part.ts","../src/form/form.ts","../src/vertical-list/types.ts","../src/grouped-item-lister/types.ts","../src/grouped-item-lister/grouped-item-lister.ts","../src/grouped-item-lister/tree-list-adapter.ts","../src/vertical-list/vertical-list.ts","../src/grouped-item-lister/vertical-list-adapter.ts","../src/notifier/types.ts","../src/notifier/notification-pill.ts","../src/notifier/manager.ts","../src/notifier/pill-renderer.ts","../src/panel/panel-group.ts","../src/range/range-multi.ts","../src/snackbar/snackbar.ts","../src/tabs/tab-panel.ts","../src/tabs/tab-panels.ts","../src/tabs/tab-controller.ts","../src/transitory-label/transitory-label.ts","../src/util/checkbox.ts","../src/index.ts"],"mappings":"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"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/ac-token/types.ts","../src/ac-token/ac-token.ts","../src/button/radio-group.ts","../src/button/types.ts","../src/button/split-button.ts","../src/common/data-controller.ts","../src/crumbs/crumb-path.ts","../src/crumbs/crumb-path-controller.ts","../src/editable-label/editable-number.ts","../src/form/form-group.ts","../src/form/form-part.ts","../src/form/form.ts","../src/vertical-list/types.ts","../src/grouped-item-lister/types.ts","../src/grouped-item-lister/grouped-item-lister.ts","../src/grouped-item-lister/tree-list-adapter.ts","../src/vertical-list/vertical-list.ts","../src/grouped-item-lister/vertical-list-adapter.ts","../src/notifier/types.ts","../src/notifier/notification-pill.ts","../src/notifier/manager.ts","../src/notifier/pill-renderer.ts","../src/panel/panel-group.ts","../src/range/range-multi.ts","../src/snackbar/snackbar.ts","../src/tabs/tab-panel.ts","../src/tabs/tab-panels.ts","../src/tabs/tab-controller.ts","../src/transitory-label/transitory-label.ts","../src/util/checkbox.ts","../src/index.ts"],"mappings":"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"}

package/dist/index.js

@@ -1,22 +1,22 @@
 import { n as buildHighlightTargets, r as clearHighlights, t as applyHighlights } from "./highlight-B-eQrhhb.js";
 import { n as tickledStyles, r as TickledController, t as tickledItemStyles } from "./tickled-styles-fNDdqf6l.js";
-import { t as themeFallbacks } from "./fallbacks-pNMOMx38.js";
+import { t as themeFallbacks } from "./fallbacks-DPgPEqo8.js";
 import { t as popupSurfaceStyles } from "./popup-D80sj2QC.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
 import { a as svgToDataUri, i as registerIcon, n as hasIcon, r as iconBus, t as getIcon } from "./registry-CkW7q09Q.js";
-import { t as IxfxIconElement } from "./icon-B22XVlCt.js";
+import { t as IxfxIconElement } from "./icon-DG9Lm3LT.js";
 import { AcTextElement } from "./ac-text.js";
 import { a as createFuzzySearch, i as createAcCompletionProvider, n as IncrSearchTreeController, r as createIncrSearch, t as createElementIncrSearch } from "./incr-search-2pz21xtR.js";
 import { i as ICON_CLOSE, n as ICON_CHECK, r as ICON_CHEVRON_DOWN, t as ICON_CARET_RIGHT } from "./defaults-DcE8RQJc.js";
 import "./icons.js";
 import { t as prominenceStyles } from "./prominence-DlFShic3.js";
 import { n as buttonStyles, t as ButtonElement } from "./button-CphdEaZd.js";
-import "./menu-item-BBTZnjAR.js";
+import "./menu-item-BYRvfyXK.js";
 import { Checkbox } from "./checkbox.js";
-import { n as ColourPicker, t as ColourPickerPopup } from "./colour-picker-DGso9ZOp.js";
+import { n as ColourPicker, t as ColourPickerPopup } from "./colour-picker-DbypcEp6.js";
 import { LabelledRangeInput } from "./labelled-range-input.js";
 import { t as collectDataResult } from "./data-provider-35TyWclX.js";
-import { i as TreeDataModel, n as TreeListElement, r as TreeBaseElement, t as TreeController } from "./tree-CL-txefQ.js";
+import { i as TreeDataModel, n as TreeListElement, r as TreeBaseElement, t as TreeController } from "./tree-BtiiDX1a.js";
 import { NarrowedTextElement } from "./narrowed-text.js";
 import { CrumbNavigationElement } from "./crumbs.js";
 import { DataDisplayComponent } from "./data-display.js";
@@ -25,10 +25,10 @@ import { t as resolveAxisStep } from "./keyboard-B5xD7Fz-.js";
 import { t as WheelNudgeMixin } from "./wheel-nudge-BlSCe_hD.js";
 import { PanelElement } from "./panel.js";
 import { t as IxfxHexEditorElement } from "./hex-editor-Bk6rxhfg.js";
-import { t as RadialInputElement } from "./radial-input-DxCrt_NE.js";
+import { t as RadialInputElement } from "./radial-input-CVxGH-Cp.js";
 import { LabelledRadialInput } from "./labelled-radial-input.js";
 import { LedElement } from "./led.js";
-import { t as menu_exports } from "./menu-nuOIUD9K.js";
+import { t as menu_exports } from "./menu-B8gE2MSo.js";
 import { MillerBaseElement, MillerListElement, MillerTreeController } from "./miller.js";
 import { a as TooltipElement, c as computeColour, i as PlotMultiAxis, l as parseColourScaleAttr, n as PlotSingleAxis, o as PlotDataSeries, r as PlotHistogram, s as applyAgeModification, t as PlotXyAxis, u as readBaseColour } from "./xy-axis-CxHC8z5E.js";
 import { PolarPad } from "./polar-pad.js";
@@ -36,11 +36,11 @@ import { t as tooltipValueStyles } from "./tooltip-CJt3WLmN.js";
 import { RangeInput } from "./range-input.js";
 import { RangeElement } from "./range.js";
 import { SelectHorizontalElement } from "./selecthorizontal.js";
-import { t as SliderInputElement } from "./slider-input-DFpG23bS.js";
+import { t as SliderInputElement } from "./slider-input-CzmSVgm7.js";
 import { SnapContainer } from "./snap-container.js";
 import { SplitLayoutElement } from "./split-layout.js";
 import { SwipeElement } from "./swipe.js";
-import { t as TabListElement } from "./tab-list-DhkVhRQc.js";
+import { t as TabListElement } from "./tab-list-6W5CgXix.js";
 import { a as resolveCssVars, i as attachTimelineInteractions, n as TimelineTrackTabElement, o as resolveGrid, r as timelineStyles, s as TimelineController, t as IxfxTimelineElement } from "./timeline-B2fgDL4U.js";
 import { XyPad } from "./xy-pad.js";
 import { LitElement, css, html, nothing, render } from "lit";
@@ -1297,6 +1297,22 @@ let SplitButton = class SplitButton extends ButtonElement {
 		this._selectedIcon = item.icon;
 		return true;
 	}
+	/** Invokes the primary button action as if clicked by the user. */
+	invoke() {
+		if (this.disabled) return false;
+		const primaryBtn = this.shadowRoot?.querySelector(`.split button.primary`);
+		if (!primaryBtn) return false;
+		if (this.mode === `switcher` && this._selectedCommand) {
+			this.dispatchEvent(new CustomEvent(`menu-command`, {
+				detail: { command: this._selectedCommand },
+				bubbles: true,
+				composed: true
+			}));
+			return true;
+		}
+		primaryBtn.dispatchEvent(new MouseEvent(`click`, { bubbles: true }));
+		return true;
+	}
 	/** True when there is (or will be) popup content. Used to dim the caret visually. */
 	get _caretHasContent() {
 		if (this.itemsProvider) return true;
@@ -3855,6 +3871,7 @@ let VerticalListElement = class VerticalListElement extends LitElement {
       overflow: hidden;
       box-sizing: border-box;
       outline: none;
+      --ixfx-list-item-padding: var(--ixfx-list-item-padding, var(--list-item-padding, 4px var(--space-m, 8px)));
     }
 
     :host(:focus-visible) {
@@ -3891,7 +3908,7 @@ let VerticalListElement = class VerticalListElement extends LitElement {
     ::slotted(li) {
       display: flex;
       align-items: center;
-      padding: var(--list-item-padding, 4px var(--space-m, 8px));
+      padding: var(--ixfx-list-item-padding);
       min-height: var(--list-item-height, 28px);
       cursor: pointer;
       user-select: none;
@@ -5557,7 +5574,7 @@ let TabListItemElement = class TabListItemElement extends LitElement {
         --selected-tab-border-width: var(--ixfx-selected-tab-border-width, 1px);
         --selected-tab-weight: var(--ixfx-selected-tab-weight, bold);
         --selected-background: var(--ixfx-tab-selected-background, var(--surface-5));
-        --padding: var(--space-m);
+        --tab-padding: var(--ixfx-tab-padding, var(--space-m));
         display: inline-flex;
         min-width: 0;
         user-select: none;
@@ -5568,7 +5585,7 @@ let TabListItemElement = class TabListItemElement extends LitElement {
         display: flex;
         align-items: center;
         gap: var(--space-s, 4px);
-        padding: var(--padding) calc(2 * var(--padding));
+        padding: var(--tab-padding) calc(2 * var(--tab-padding));
         min-width: 0;
         width: 100%;
         font-weight: 500;