@ixfx/components 0.8.1 → 0.8.2

package/dist/{menu-item-Bx-Fs7jq.js.map → menu-item-B6pKg2Qq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"menu-item-Bx-Fs7jq.js","names":["customElement","customElement","customElement"],"sources":["../src/menu/menu-container.ts","../src/menu/menu-trigger.ts","../src/menu/menu-item.ts"],"sourcesContent":["import type { CommandRegistry, KeyboardManager } from '@clinth/ui-commands';\nimport { css, html, LitElement } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { TickledController, tickledStyles } from '../interaction/index.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\nimport { popupSurfaceStyles } from '../styles/popup.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\n\n@customElement(`ixfx-menu-container`)\nexport class MenuContainer extends LitElement {\n  @property({ type: String, attribute: `anchor` }) anchor?: string;\n  @property({ attribute: false }) registry?: CommandRegistry<unknown>;\n  @property({ attribute: false }) keyboardManager?: KeyboardManager;\n  @query(`.popover`) private _popover!: HTMLElement;\n\n  // TickledController manages input mode and tickled state\n  private tickled = new TickledController<number>(this, {\n    getItems: () => {\n      const items = this._getMenuItems();\n      return items.map((item, i) => ({\n        id: i,\n        enabled: !item.hasAttribute(`disabled`),\n      }));\n    },\n    onTickle: (index) => {\n      // When an item is tickled (hovered/keyboard focused), handle submenu opening\n      const items = this._getMenuItems();\n      if (index !== undefined) {\n        const item = items[index];\n        // Ensure the item is focusable and focus it\n        item.tabIndex = 0;\n        item.focus({ preventScroll: true });\n      }\n    },\n    onStateChange: () => {\n      // Sync DOM attributes for slotted content\n      this._syncTickledClasses();\n    },\n  });\n\n  static styles = [popupSurfaceStyles, themeFallbacks, tickledStyles, css`\n    :host {\n      display: block;\n    }\n\n    .popover {\n      padding: var(--space-xs) 0;\n      min-width: 160px;\n    }\n\n    :host {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n      transition: opacity 0.12s ease-out, transform 0.12s ease-out,\n                  display 0.12s allow-discrete, overlay 0.12s allow-discrete;\n    }\n\n    @starting-style :host {\n      opacity: 0;\n      transform: translateY(-4px) scale(0.97);\n    }\n\n    ::slotted(menu-separator) {\n      display: block;\n      margin: var(--space-xs) 0;\n    }\n  `];\n\n  private _updateIconSections(): void {\n    const slot = this.shadowRoot?.querySelector(`slot`) as HTMLSlotElement | null;\n    if (!slot)\n      return;\n\n    const assigned = slot.assignedElements({ flatten: true });\n\n    // Group direct children into sections delimited by separators and headers\n    const sections: Element[][] = [];\n    let section: Element[] = [];\n    for (const el of assigned) {\n      if (el.tagName === `IXFX-MENU-SEPARATOR` || el.tagName === `IXFX-MENU-HEADER`) {\n        if (section.length > 0) {\n          sections.push(section); section = [];\n        }\n      } else {\n        section.push(el);\n      }\n    }\n    if (section.length > 0)\n      sections.push(section);\n\n    this._propagateContext();\n\n    for (const sec of sections) {\n      const hasIcon = sec.some((el) => {\n        if (el.tagName === `IXFX-MENU-RADIO-GROUP`) {\n          return [...el.children].some(ri => ri.hasAttribute(`icon-name`));\n        }\n        return el.hasAttribute(`icon-name`);\n      });\n\n      for (const el of sec) {\n        if (el.tagName === `IXFX-MENU-RADIO-GROUP`) {\n          for (const ri of el.children) {\n            if (hasIcon)\n              ri.setAttribute(`data-icon-section`, ``);\n            else ri.removeAttribute(`data-icon-section`);\n          }\n        } else {\n          if (hasIcon)\n            el.setAttribute(`data-icon-section`, ``);\n          else el.removeAttribute(`data-icon-section`);\n        }\n      }\n    }\n\n    this.performUpdate();\n  }\n\n  private _propagateContext(): void {\n    const slot = this.shadowRoot?.querySelector(`slot`) as HTMLSlotElement | null;\n    if (!slot)\n      return;\n    for (const el of slot.assignedElements({ flatten: true })) {\n      if (`registry` in el)\n        (el as any).registry = this.registry;\n      if (`keyboardManager` in el)\n        (el as any).keyboardManager = this.keyboardManager;\n    }\n  }\n\n  override updated(changedProperties: Map<string, unknown>): void {\n    if (changedProperties.has(`registry`) || changedProperties.has(`keyboardManager`)) {\n      this._propagateContext();\n    }\n  }\n\n  /**\n   * Sync data-input-mode to :host so CSS variables cascade to slotted items\n   */\n  willUpdate(changed: Map<PropertyKey, unknown>): void {\n    super.willUpdate(changed);\n    // Set data-input-mode on :host so tickledStyles CSS variables cascade\n    // through shadow DOM to slotted menu items\n    this.setAttribute(`data-input-mode`, this.tickled.inputMode);\n  }\n\n  render() {\n    return html`\n      <div\n        class=\"popover popup-surface\"\n        role=\"menu\"\n        @keydown=${this._handleKeydown}\n        @mouseover=${this._handleMouseOver}\n      >\n        <slot @slotchange=${this._updateIconSections}></slot>\n      </div>\n    `;\n  }\n\n  private _getMenuItems(): HTMLElement[] {\n    const slot = this.shadowRoot?.querySelector(`slot`);\n    if (!slot)\n      return [];\n\n    const skipTags = [`IXFX-MENU-SEPARATOR`, `IXFX-MENU-HEADER`];\n    const result: HTMLElement[] = [];\n\n    for (const el of slot.assignedElements({ flatten: true })) {\n      if (skipTags.includes(el.tagName))\n        continue;\n      if (el.hasAttribute(`disabled`))\n        continue;\n      const role = el.getAttribute(`role`);\n      if (role === `none` || role === `presentation`)\n        continue;\n\n      if (el.tagName === `IXFX-MENU-RADIO-GROUP`) {\n        const groupSlot = el.shadowRoot?.querySelector(`slot`) as HTMLSlotElement | null;\n        for (const radioItem of groupSlot?.assignedElements({ flatten: true }) ?? []) {\n          if (!radioItem.hasAttribute(`disabled`)) {\n            result.push(radioItem as HTMLElement);\n          }\n        }\n      } else {\n        result.push(el as HTMLElement);\n      }\n    }\n\n    return result;\n  }\n\n  /**\n   * Sync .tickled class on slotted items to match controller state\n   * This is called via onStateChange whenever the tickled state changes\n   */\n  private _syncTickledClasses(): void {\n    const items = this._getMenuItems();\n    items.forEach((item, i) => {\n      if (this.tickled.isTickled(i)) {\n        item.classList.add(`tickled`);\n        item.tabIndex = 0;\n        // Set inline styles to ensure visibility across shadow DOM boundaries\n        const innerItem = item.shadowRoot?.querySelector(`.item`) as HTMLElement | null;\n        if (innerItem) {\n          innerItem.style.background = `rgba(0, 0, 0, 0.06)`;\n          innerItem.style.borderColor = `var(--accent)`;\n          innerItem.style.color = `inherit`;\n        }\n      } else {\n        item.classList.remove(`tickled`);\n        item.tabIndex = -1;\n        // Clear inline styles\n        const innerItem = item.shadowRoot?.querySelector(`.item`) as HTMLElement | null;\n        if (innerItem) {\n          innerItem.style.background = ``;\n          innerItem.style.borderColor = ``;\n          innerItem.style.color = ``;\n        }\n      }\n    });\n\n    // Focus the tickled item if in keyboard mode\n    if (this.tickled.inputMode === `keyboard` && this.tickled.tickledId !== undefined) {\n      const tickledItem = items[this.tickled.tickledId];\n      tickledItem?.focus();\n    }\n  }\n\n  private _handleMouseOver = (e: MouseEvent): void => {\n    const items = this._getMenuItems();\n    // composedPath crosses shadow boundaries to find the hovered menu item\n    const path = e.composedPath();\n    const hoveredIndex = items.findIndex(item => path.includes(item));\n    if (hoveredIndex !== -1) {\n      const item = items[hoveredIndex];\n      // If IXFX-MENU-CONTAINER appears before this item in the composed path, the\n      // event originated from inside a nested submenu. Skip the focus override so the\n      // inner container keeps ownership of focus. stopPropagation() alone is not\n      // sufficient because it does not reliably cross shadow-root boundaries with\n      // popovers in the stack — both this handler and the inner one will fire.\n      const itemPathIndex = path.indexOf(item);\n      const isFromInsideSubmenu = path.slice(0, itemPathIndex).some(\n        node => node instanceof Element && node.tagName === `IXFX-MENU-CONTAINER`,\n      );\n      if (!isFromInsideSubmenu) {\n        // Use TickledController to handle mouse hover\n        this.tickled.handlePointerEnter(hoveredIndex);\n      }\n      // Stop propagation so ancestor MenuContainers don't override this focus\n      // with their own mouseover handler (e.g. outer menu focusing the sub-trigger).\n      e.stopPropagation();\n    }\n  };\n\n  focusFirst(): void {\n    this.tickled.handleKeyboardNavigation(`first`);\n  }\n\n  private _focusNext(items: HTMLElement[], direction: number): void {\n    if (items.length === 0) {\n      return;\n    }\n\n    this.tickled.handleKeyboardNavigation(direction > 0 ? `next` : `previous`);\n  }\n\n  private _focusItem(items: HTMLElement[], index: number): void {\n    if (items.length === 0) {\n      return;\n    }\n\n    // Clamp index to valid range\n    const clampedIndex = Math.max(0, Math.min(index, items.length - 1));\n    this.tickled.handleKeyboardNavigation(clampedIndex);\n  }\n\n  private _activateFocusedItem(items: HTMLElement[]): void {\n    const tickledIndex = this.tickled.tickledId;\n    if (tickledIndex === undefined) {\n      return;\n    }\n\n    const item = items[tickledIndex];\n    if (!item) {\n      return;\n    }\n\n    const tagName = item.tagName;\n\n    if (tagName === `IXFX-MENU-SUB-TRIGGER`) {\n      // Native menu behavior handles submenu navigation automatically\n      return;\n    }\n\n    if (tagName === `IXFX-MENU-CHECK-ITEM`) {\n      const checkItem = item as any;\n      checkItem.checked = !checkItem.checked;\n      checkItem.dispatchEvent(new CustomEvent(`command`, {\n        detail: { command: checkItem.command, checked: checkItem.checked },\n        bubbles: true,\n        composed: true,\n      }));\n      return;\n    }\n\n    if (tagName === `IXFX-MENU-RADIO-ITEM`) {\n      item.dispatchEvent(new CustomEvent(`radio-select`, {\n        detail: { value: (item as any).value },\n        bubbles: true,\n        composed: true,\n      }));\n      return;\n    }\n\n    if (tagName === `IXFX-MENU-ITEM`) {\n      const command = (item as any).command;\n      if (command) {\n        item.dispatchEvent(new CustomEvent(`command`, {\n          detail: { command },\n          bubbles: true,\n          composed: true,\n        }));\n      }\n      return;\n    }\n\n    (item as HTMLElement).click();\n  }\n\n  private _handleKeydown = (e: KeyboardEvent): void => {\n    const items = this._getMenuItems();\n    if (items.length === 0) {\n      return;\n    }\n\n    switch (e.key) {\n      case `ArrowDown`:\n        e.preventDefault();\n        e.stopPropagation();\n        this._focusNext(items, 1);\n        break;\n      case `ArrowUp`:\n        e.preventDefault();\n        e.stopPropagation();\n        this._focusNext(items, -1);\n        break;\n      case `Home`:\n        e.preventDefault();\n        e.stopPropagation();\n        this._focusItem(items, 0);\n        break;\n      case `End`:\n        e.preventDefault();\n        e.stopPropagation();\n        this._focusItem(items, items.length - 1);\n        break;\n      case `Enter`:\n      case ` `:\n        e.preventDefault();\n        e.stopPropagation();\n        this._activateFocusedItem(items);\n        break;\n    }\n  };\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-menu-container': MenuContainer;\n  }\n}\n","import type { CommandRegistry, KeyboardManager } from '@clinth/ui-commands';\nimport { css, html, LitElement } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\nimport { popupSurfaceStyles } from '../styles/popup.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\nimport '../icons/icon.js';\nimport './menu-container.js';\n\ntype MenuMode = `trigger` | `dropdown` | `context`;\ntype Placement = `bottom-start` | `bottom-end` | `right-start`;\n\nexport type MenuTriggerCommandDetail = {\n  readonly command?: string;\n  readonly value?: string;\n  readonly checked?: boolean;\n};\n\nexport type MenuTriggerCommandEvent = CustomEvent<MenuTriggerCommandDetail>;\n\n@customElement(`ixfx-menu-trigger`)\nexport class MenuTrigger extends LitElement {\n  @property({ type: String }) mode: MenuMode = `trigger`;\n  @property({ type: String }) label = `⋮`;\n  /** Render an `ixfx-icon` in the default button instead of the text `label`. */\n  @property({ type: String, attribute: `icon-name` }) iconName = ``;\n  @property({ attribute: false }) registry?: CommandRegistry<unknown>;\n  @property({ attribute: false }) keyboardManager?: KeyboardManager;\n  @property({ type: String }) placement: Placement = `bottom-start`;\n  /** Set false when a host widget manages its own roving/virtual focus (e.g. crumb-navigation) and opens this menu programmatically, so the trigger button should not be a native Tab stop. */\n  @property({ type: Boolean, attribute: `tab-stop` }) tabStop = true;\n\n  @state() private _isOpen = false;\n  @state() private _hasMenu = false;\n  @state() private _hasTriggerSlot = false;\n\n  @query(`.trigger-btn`) private _triggerBtn!: HTMLButtonElement;\n  @query(`.popup`) private _popup!: HTMLElement;\n\n  private static _count = 0;\n\n  private _anchorName = `--mt-${MenuTrigger._count++}`;\n  private _clickListener = this._handleClickOutside.bind(this);\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    document.addEventListener(`keydown`, this._handleKeydown);\n    this.addEventListener(`command`, this._handleCommand as EventListener);\n    this.addEventListener(`radio-change`, this._handleRadioChange as EventListener);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    document.removeEventListener(`keydown`, this._handleKeydown);\n    this.removeEventListener(`command`, this._handleCommand as EventListener);\n    this.removeEventListener(`radio-change`, this._handleRadioChange as EventListener);\n    document.removeEventListener(`click`, this._clickListener);\n  }\n\n  firstUpdated(): void {\n    this.style.setProperty(`--anchor-name`, this._anchorName);\n    this._popup.addEventListener(`toggle`, this._handlePopoverToggle);\n\n    this.updateComplete.then(() => {\n      const slot = this.shadowRoot?.querySelector(`slot[name=\"menu\"]`) as HTMLSlotElement | undefined;\n      if (slot) {\n        const assigned = slot.assignedElements({ flatten: true });\n        if (assigned.length > 0) {\n          this._hasMenu = true;\n          this._propagateContext();\n        }\n      }\n\n      this._updatePosition();\n    });\n  }\n\n  updated(changedProperties: Map<string, unknown>): void {\n    if (changedProperties.has(`registry`) || changedProperties.has(`keyboardManager`)) {\n      this._propagateContext();\n    }\n  }\n\n  private _updatePosition(): void {\n    const placements: Record<Placement, { insetArea: string }> = {\n      'bottom-start': { insetArea: `block-end span-inline-start` },\n      'bottom-end': { insetArea: `block-end span-inline-end` },\n      'right-start': { insetArea: `inline-end span-block-start` },\n    };\n    const pos = placements[this.placement];\n    (this._popup.style as any).insetArea = pos.insetArea;\n    (this._popup.style as any).positionAnchor = this._anchorName;\n    // fallback for browsers without inset-area\n    const fallbacks: Record<Placement, { top: string; left: string; right: string }> = {\n      'bottom-start': { top: `anchor(bottom)`, left: `anchor(left)`, right: `auto` },\n      'bottom-end': { top: `anchor(bottom)`, left: `auto`, right: `anchor(left)` },\n      'right-start': { top: `anchor(top)`, left: `anchor(right)`, right: `auto` },\n    };\n    const fb = fallbacks[this.placement];\n    this._popup.style.top = fb.top;\n    this._popup.style.left = fb.left;\n    (this._popup.style as any).right = fb.right;\n  }\n\n  private _propagateContext(): void {\n    const slot = this.shadowRoot?.querySelector(`slot[name=\"menu\"]`) as HTMLSlotElement | undefined;\n    const items = slot?.assignedElements({ flatten: true }) ?? [];\n    for (const el of items) {\n      if (`registry` in el)\n        (el as any).registry = this.registry;\n      if (`keyboardManager` in el)\n        (el as any).keyboardManager = this.keyboardManager;\n    }\n  }\n\n  private _handleSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    const assigned = slot.assignedElements({ flatten: true });\n    this._hasMenu = assigned.length > 0;\n    this._propagateContext();\n  }\n\n  private _handleTriggerSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    this._hasTriggerSlot = slot.assignedElements({ flatten: true }).length > 0;\n  }\n\n  get isOpen(): boolean {\n    return this._isOpen;\n  }\n\n  openMenu(): void {\n    this._openMenu();\n  }\n\n  closeMenu(): void {\n    this._closeMenu();\n  }\n\n  focusTrigger(): void {\n    this._triggerBtn?.focus();\n  }\n\n  private _openMenu(): void {\n    if (this._isOpen || !this._popup?.popover)\n      return;\n    try {\n      (this._popup as any).showPopover({ source: this });\n      this._isOpen = true;\n      document.addEventListener(`click`, this._clickListener);\n      this.dispatchEvent(new CustomEvent(`menu-trigger-open`, { bubbles: true, composed: true }));\n      requestAnimationFrame(() => {\n        this._getMenuContainer()?.focusFirst();\n      });\n    } catch (err) {\n      console.warn(`showPopover failed:`, err);\n    }\n  }\n\n  private _handlePopoverToggle = (e: Event): void => {\n    if ((e as ToggleEvent).newState === `closed`) {\n      this._isOpen = false;\n      document.removeEventListener(`click`, this._clickListener);\n      this.dispatchEvent(new CustomEvent(`menu-trigger-close`, { bubbles: true, composed: true }));\n    }\n  };\n\n  private _closeMenu(): void {\n    if (!this._isOpen)\n      return;\n    if (this._popup?.popover) {\n      try {\n        (this._popup as any).hidePopover();\n      } catch { /* ignore */ }\n    }\n    this._isOpen = false;\n    document.removeEventListener(`click`, this._clickListener);\n  }\n\n  private _handleTriggerClick(e: Event): void {\n    e.stopPropagation();\n    if (this._isOpen) {\n      this._closeMenu();\n      this._triggerBtn?.focus();\n    } else {\n      this._openMenu();\n    }\n  }\n\n  private _handleClickOutside(e: Event): void {\n    if (!this.contains(e.target as Node)) {\n      if (this._popup?.popover && this._popup.hasAttribute(`open`)) {\n        try {\n          (this._popup as any).hidePopover();\n        } catch {\n          // ignore\n        }\n      }\n    }\n  }\n\n  private _getMenuContainer(): (HTMLElement & { focusFirst: () => void }) | null {\n    const slot = this.shadowRoot?.querySelector(`slot[name=\"menu\"]`) as HTMLSlotElement | null;\n    const assigned = slot?.assignedElements({ flatten: true }) ?? [];\n    const container = assigned.find(el => el.tagName === `IXFX-MENU-CONTAINER`);\n    return (container as any) ?? null;\n  }\n\n  private _handleKeydown = (e: KeyboardEvent): void => {\n    if (!this._isOpen)\n      return;\n\n    if (e.key === `Escape`) {\n      e.preventDefault();\n      e.stopPropagation();\n      this._closeMenu();\n      this._triggerBtn?.focus();\n    } else if (e.key === `Tab`) {\n      this._closeMenu();\n      this._triggerBtn?.focus();\n    }\n  };\n\n  private _handleCommand(e: CustomEvent): void {\n    if (this._popup?.popover) {\n      try {\n        (this._popup as any).hidePopover();\n      } catch {\n        // ignore\n      }\n    }\n    this.dispatchEvent(new CustomEvent<MenuTriggerCommandDetail>(`menu-command`, {\n      detail: e.detail,\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  private _handleRadioChange(e: CustomEvent): void {\n    if (this._popup?.popover) {\n      try {\n        (this._popup as any).hidePopover();\n      } catch {\n        // ignore\n      }\n    }\n    this.dispatchEvent(new CustomEvent<MenuTriggerCommandDetail>(`menu-command`, {\n      detail: {\n        command: e.detail.name,\n        value: e.detail.value,\n      },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  private _handleContextMenu(e: MouseEvent): void {\n    if (this.mode !== `context`)\n      return;\n    e.preventDefault();\n    this._popup.style.top = `${e.clientY}px`;\n    this._popup.style.left = `${e.clientX}px`;\n    this._popup.style.position = `fixed`;\n    (this._popup.style as any).positionAnchor = `none`;\n    if (this._popup?.popover) {\n      try {\n        (this._popup as any).showPopover();\n      } catch {\n        // ignore\n      }\n    }\n  }\n\n  static styles = [\n    themeFallbacks,\n    popupSurfaceStyles,\n    css`\n    :host {\n      display: inline-block;\n      position: relative;\n      --ixfx-button-padding: var(--ixfx-button-padding, var(--space-s) var(--space-m));\n    }\n\n    .trigger-area {\n      anchor-name: var(--anchor-name);\n      /* Block flex (not inline-flex): as an inline-level box this would join\n         the host's inline formatting context and pick up strut/baseline gaps\n         above and below the button, offsetting the glyph from center. */\n      display: flex;\n      align-items: stretch;\n    }\n\n    .trigger-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      line-height: 1;\n      background: none;\n      border: none;\n      color: var(--surface-3-text);\n      cursor: pointer;\n      padding: var(--ixfx-button-padding);\n      font-family: var(--font-family, inherit);\n      font-size: var(--text-m);\n      font-weight: 600;\n      border-radius: var(--radius-s);\n      opacity: 0.6;\n      transition: opacity var(--transition), background var(--transition);\n    }\n\n    .trigger-btn:hover {\n      background: var(--_trigger-hover-bg, var(--surface-4));\n      color: var(--surface-3-text);\n      opacity: var(--_trigger-hover-opacity, 1);\n    }\n\n    .trigger-btn:focus-visible {\n      background: var(--surface-4);\n      color: var(--surface-3-text);\n      outline: none;\n      opacity: 1;\n    }\n\n    .popup {\n      position: fixed;\n      position-anchor: var(--anchor-name);\n      inset: auto;\n      margin: 8px;\n      padding: 0;\n      border: none;\n      background: transparent;\n      z-index: 100;\n      max-height: min(60vh, 400px);\n      max-width: min(90vw, 320px);\n      overflow: auto;\n      overscroll-behavior: contain;\n      position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;\n    }\n\n    .popup[popover] {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n      transition: opacity 0.12s ease-out, transform 0.12s ease-out,\n                  display 0.12s allow-discrete, overlay 0.12s allow-discrete;\n    }\n\n    @starting-style .popup {\n      opacity: 0;\n      transform: translateY(-4px) scale(0.97);\n    }\n  `,\n  ];\n\n  render() {\n    const showButton = this.mode !== `dropdown` && this._hasMenu && !this._hasTriggerSlot;\n    return html`\n      <div\n        class=\"trigger-area\"\n        @click=${this._handleTriggerClick}\n        @contextmenu=${this._handleContextMenu}\n      >\n        ${showButton\n          ? html`<button class=\"trigger-btn\" part=\"base\" tabindex=${this.tabStop ? `0` : `-1`}>${this.iconName ? html`<ixfx-icon name=${this.iconName}></ixfx-icon>` : this.label}</button>`\n          : null}\n        <slot name=\"trigger\" @slotchange=${this._handleTriggerSlotChange}></slot>\n      </div>\n      <div\n        class=\"popup popup-surface\"\n        popover=\"auto\"\n        @click=${(e: Event) => e.stopPropagation()}\n      >\n          <slot name=\"menu\" @slotchange=${this._handleSlotChange}></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-menu-trigger': MenuTrigger;\n  }\n}\n","import type { CommandRegistry, KeyboardManager } from '@clinth/ui-commands';\nimport { css, html, LitElement } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { tickledItemStyles } from '../interaction/index.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\nimport '../icons/icon.js';\n\nexport type MenuItemCommandDetail = {\n  readonly command: string;\n  readonly args: string;\n};\n\nexport type MenuItemCommandEvent = CustomEvent<MenuItemCommandDetail>;\n\n@customElement(`ixfx-menu-item`)\nexport class MenuItem extends LitElement {\n  @property({ type: String }) command = ``;\n  @property({ type: String, attribute: `command-args` }) commandArgs = ``;\n  @property({ type: String }) label = ``;\n  @property({ type: Boolean }) disabled = false;\n  @property({ type: String, attribute: `icon-name` }) iconName = ``;\n  @property({ attribute: false }) registry?: CommandRegistry<unknown>;\n  @property({ attribute: false }) keyboardManager?: KeyboardManager;\n  @property({ attribute: false }) submenuPopover?: HTMLElement;\n\n  @state() private _hasChildren = false;\n  @query(`slot`) private _slot!: HTMLSlotElement;\n\n  private _hoverTimeout: number | null = null;\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this._hoverTimeout) {\n      clearTimeout(this._hoverTimeout);\n    }\n  }\n\n  private _handleSlotChange(): void {\n    const assigned = this._slot?.assignedElements() ?? [];\n    this._hasChildren = assigned.length > 0;\n  }\n\n  private _handleMouseEnter(): void {\n    if (this.disabled || !this._hasChildren || !this.submenuPopover)\n      return;\n    if (this._hoverTimeout) {\n      clearTimeout(this._hoverTimeout);\n    }\n    this._hoverTimeout = window.setTimeout(() => {\n      this._showSubmenu();\n    }, 150);\n  }\n\n  private _handleMouseLeave(): void {\n    if (this._hoverTimeout) {\n      clearTimeout(this._hoverTimeout);\n      this._hoverTimeout = null;\n    }\n    this._hideSubmenu();\n  }\n\n  private _showSubmenu(): void {\n    if (!this.submenuPopover?.popover)\n      return;\n    try {\n      this.submenuPopover.showPopover();\n    } catch (err) {\n      console.warn(`showPopover failed:`, err);\n    }\n  }\n\n  private _hideSubmenu(): void {\n    if (!this.submenuPopover?.popover)\n      return;\n    try {\n      this.submenuPopover.hidePopover();\n    } catch (err) {\n      console.warn(`hidePopover failed:`, err);\n    }\n  }\n\n  private handleClick(): void {\n    if (this.disabled)\n      return;\n\n    this.dispatchEvent(new CustomEvent<MenuItemCommandDetail>(`command`, {\n      detail: { command: this.command, args: this.commandArgs },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  private _resolvedLabel(): string {\n    if (this.label)\n      return this.label;\n    if (this.registry && this.command) {\n      return this.registry.get(this.command)?.label ?? ``;\n    }\n    return ``;\n  }\n\n  private _resolvedIcon(): string | null {\n    if (this.iconName)\n      return this.iconName;\n    if (this.registry && this.command) {\n      return this.registry.get(this.command)?.icon ?? null;\n    }\n    return null;\n  }\n\n  willUpdate(changedProperties: Map<string, unknown>): void {\n    super.willUpdate(changedProperties);\n    const resolvedIcon = this._resolvedIcon();\n    if (resolvedIcon && !this.iconName) {\n      this.setAttribute(`data-icon-section`, ``);\n    } else if (!resolvedIcon && !this.iconName) {\n      this.removeAttribute(`data-icon-section`);\n    }\n  }\n\n  updated(changedProperties: Map<string, unknown>): void {\n    super.updated(changedProperties);\n  }\n\n  private _getShortcut(): string | null {\n    if (!this.keyboardManager || !this.command)\n      return null;\n    const bindings = (this.keyboardManager as any).getBindings?.() ?? [];\n    const binding = bindings.find((b: any) => b.commandId === this.command);\n    if (!binding)\n      return null;\n    const mods = Array.from(binding.modifiers ?? [], (m: string) =>\n      ({ ctrl: `⌃`, shift: `⇧`, alt: `⌥`, meta: `⌘` })[m] ?? m);\n    const key = binding.key?.length === 1 ? binding.key.toUpperCase() : binding.key;\n    return [...mods, key].join(``);\n  }\n\n  static override styles = [themeFallbacks, tickledItemStyles, css`\n    :host {\n      display: block;\n    }\n\n    .item {\n      display: flex !important;\n      align-items: center;\n      padding: 6px var(--space-m);\n      font-size: var(--text-m);\n      background: var(--item-bg, transparent);\n      border: var(--item-border, 1px solid transparent);\n      color: var(--item-text, inherit);\n    }\n\n    :host(.tickled) .item {\n      background: var(--item-bg-tickled);\n      border: var(--item-border-tickled);\n      color: var(--item-text-tickled);\n    }\n\n    :host(:focus) {\n      outline: none;\n    }\n\n    .item.disabled {\n      opacity: var(--disabled-opacity);\n      cursor: default;\n    }\n\n    .item.disabled:hover {\n      background: transparent;\n    }\n\n    .icon-slot {\n      width: 0;\n      overflow: hidden;\n      flex-shrink: 0;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    :host([icon-name]) .icon-slot,\n    :host([data-icon-section]) .icon-slot {\n      width: 1em;\n      height: 1em;\n      margin-right: var(--space-s);\n    }\n\n    .label {\n      flex: 1;\n    }\n\n    .shortcut {\n      margin-left: auto;\n      color: var(--surface-muted-text);\n      font-size: var(--text-s);\n    }\n\n    .arrow {\n      color: var(--surface-muted-text);\n      margin-left: var(--space-m);\n    }\n  `];\n\n  render() {\n    const shortcut = this._getShortcut();\n    const resolvedIcon = this._resolvedIcon();\n    return html`\n      <div \n        class=\"item ${this.disabled ? `disabled` : ``}\"\n        @click=${this.handleClick}\n        @mouseenter=${this._handleMouseEnter}\n        @mouseleave=${this._handleMouseLeave}\n        tabindex=\"${this.disabled ? -1 : 0}\"\n        role=\"menuitem\"\n        aria-haspopup=\"${this._hasChildren ? `true` : `false`}\"\n        aria-expanded=\"${this.submenuPopover?.matches(`:popover-open`) ?? false}\"\n      >\n        <span class=\"icon-slot\">${resolvedIcon ? html`<ixfx-icon name=\"${resolvedIcon}\"></ixfx-icon>` : null}</span>\n        <span class=\"label\"><slot></slot>${this._resolvedLabel()}</span>\n        ${shortcut ? html`<span class=\"shortcut\">${shortcut}</span>` : null}\n        ${this._hasChildren ? html`<span class=\"arrow\"><ixfx-icon name=\"chevron-right\"></ixfx-icon></span>` : null}\n      </div>\n      <slot @slotchange=${this._handleSlotChange}></slot>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-menu-item': MenuItem;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"menu-item-B6pKg2Qq.js","names":["customElement","customElement","customElement"],"sources":["../src/menu/menu-container.ts","../src/menu/menu-trigger.ts","../src/menu/menu-item.ts"],"sourcesContent":["import type { CommandRegistry, KeyboardManager } from '@clinth/ui-commands';\nimport { css, html, LitElement } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { TickledController, tickledStyles } from '../interaction/index.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\nimport { popupSurfaceStyles } from '../styles/popup.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\n\n@customElement(`ixfx-menu-container`)\nexport class MenuContainer extends LitElement {\n  @property({ type: String, attribute: `anchor` }) anchor?: string;\n  @property({ attribute: false }) registry?: CommandRegistry<unknown>;\n  @property({ attribute: false }) keyboardManager?: KeyboardManager;\n  @query(`.popover`) private _popover!: HTMLElement;\n\n  // TickledController manages input mode and tickled state\n  private tickled = new TickledController<number>(this, {\n    getItems: () => {\n      const items = this._getMenuItems();\n      return items.map((item, i) => ({\n        id: i,\n        enabled: !item.hasAttribute(`disabled`),\n      }));\n    },\n    onTickle: (index) => {\n      // When an item is tickled (hovered/keyboard focused), handle submenu opening\n      const items = this._getMenuItems();\n      if (index !== undefined) {\n        const item = items[index];\n        // Ensure the item is focusable and focus it\n        item.tabIndex = 0;\n        item.focus({ preventScroll: true });\n      }\n    },\n    onStateChange: () => {\n      // Sync DOM attributes for slotted content\n      this._syncTickledClasses();\n    },\n  });\n\n  static styles = [popupSurfaceStyles, themeFallbacks, tickledStyles, css`\n    :host {\n      display: block;\n    }\n\n    .popover {\n      padding: var(--space-xs) 0;\n      min-width: 160px;\n    }\n\n    :host {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n      transition: opacity 0.12s ease-out, transform 0.12s ease-out,\n                  display 0.12s allow-discrete, overlay 0.12s allow-discrete;\n    }\n\n    @starting-style :host {\n      opacity: 0;\n      transform: translateY(-4px) scale(0.97);\n    }\n\n    ::slotted(menu-separator) {\n      display: block;\n      margin: var(--space-xs) 0;\n    }\n  `];\n\n  private _updateIconSections(): void {\n    const slot = this.shadowRoot?.querySelector(`slot`) as HTMLSlotElement | null;\n    if (!slot)\n      return;\n\n    const assigned = slot.assignedElements({ flatten: true });\n\n    // Group direct children into sections delimited by separators and headers\n    const sections: Element[][] = [];\n    let section: Element[] = [];\n    for (const el of assigned) {\n      if (el.tagName === `IXFX-MENU-SEPARATOR` || el.tagName === `IXFX-MENU-HEADER`) {\n        if (section.length > 0) {\n          sections.push(section); section = [];\n        }\n      } else {\n        section.push(el);\n      }\n    }\n    if (section.length > 0)\n      sections.push(section);\n\n    this._propagateContext();\n\n    for (const sec of sections) {\n      const hasIcon = sec.some((el) => {\n        if (el.tagName === `IXFX-MENU-RADIO-GROUP`) {\n          return [...el.children].some(ri => ri.hasAttribute(`icon-name`));\n        }\n        return el.hasAttribute(`icon-name`);\n      });\n\n      for (const el of sec) {\n        if (el.tagName === `IXFX-MENU-RADIO-GROUP`) {\n          for (const ri of el.children) {\n            if (hasIcon)\n              ri.setAttribute(`data-icon-section`, ``);\n            else ri.removeAttribute(`data-icon-section`);\n          }\n        } else {\n          if (hasIcon)\n            el.setAttribute(`data-icon-section`, ``);\n          else el.removeAttribute(`data-icon-section`);\n        }\n      }\n    }\n\n    this.performUpdate();\n  }\n\n  private _propagateContext(): void {\n    const slot = this.shadowRoot?.querySelector(`slot`) as HTMLSlotElement | null;\n    if (!slot)\n      return;\n    for (const el of slot.assignedElements({ flatten: true })) {\n      if (`registry` in el)\n        (el as any).registry = this.registry;\n      if (`keyboardManager` in el)\n        (el as any).keyboardManager = this.keyboardManager;\n    }\n  }\n\n  override updated(changedProperties: Map<string, unknown>): void {\n    if (changedProperties.has(`registry`) || changedProperties.has(`keyboardManager`)) {\n      this._propagateContext();\n    }\n  }\n\n  /**\n   * Sync data-input-mode to :host so CSS variables cascade to slotted items\n   */\n  willUpdate(changed: Map<PropertyKey, unknown>): void {\n    super.willUpdate(changed);\n    // Set data-input-mode on :host so tickledStyles CSS variables cascade\n    // through shadow DOM to slotted menu items\n    this.setAttribute(`data-input-mode`, this.tickled.inputMode);\n  }\n\n  render() {\n    return html`\n      <div\n        class=\"popover popup-surface\"\n        role=\"menu\"\n        @keydown=${this._handleKeydown}\n        @mouseover=${this._handleMouseOver}\n      >\n        <slot @slotchange=${this._updateIconSections}></slot>\n      </div>\n    `;\n  }\n\n  private _getMenuItems(): HTMLElement[] {\n    const slot = this.shadowRoot?.querySelector(`slot`);\n    if (!slot)\n      return [];\n\n    const skipTags = [`IXFX-MENU-SEPARATOR`, `IXFX-MENU-HEADER`];\n    const result: HTMLElement[] = [];\n\n    for (const el of slot.assignedElements({ flatten: true })) {\n      if (skipTags.includes(el.tagName))\n        continue;\n      if (el.hasAttribute(`disabled`))\n        continue;\n      const role = el.getAttribute(`role`);\n      if (role === `none` || role === `presentation`)\n        continue;\n\n      if (el.tagName === `IXFX-MENU-RADIO-GROUP`) {\n        const groupSlot = el.shadowRoot?.querySelector(`slot`) as HTMLSlotElement | null;\n        for (const radioItem of groupSlot?.assignedElements({ flatten: true }) ?? []) {\n          if (!radioItem.hasAttribute(`disabled`)) {\n            result.push(radioItem as HTMLElement);\n          }\n        }\n      } else {\n        result.push(el as HTMLElement);\n      }\n    }\n\n    return result;\n  }\n\n  /**\n   * Sync .tickled class on slotted items to match controller state\n   * This is called via onStateChange whenever the tickled state changes\n   */\n  private _syncTickledClasses(): void {\n    const items = this._getMenuItems();\n    items.forEach((item, i) => {\n      if (this.tickled.isTickled(i)) {\n        item.classList.add(`tickled`);\n        item.tabIndex = 0;\n        // Set inline styles to ensure visibility across shadow DOM boundaries\n        const innerItem = item.shadowRoot?.querySelector(`.item`) as HTMLElement | null;\n        if (innerItem) {\n          innerItem.style.background = `rgba(0, 0, 0, 0.06)`;\n          innerItem.style.borderColor = `var(--accent)`;\n          innerItem.style.color = `inherit`;\n        }\n      } else {\n        item.classList.remove(`tickled`);\n        item.tabIndex = -1;\n        // Clear inline styles\n        const innerItem = item.shadowRoot?.querySelector(`.item`) as HTMLElement | null;\n        if (innerItem) {\n          innerItem.style.background = ``;\n          innerItem.style.borderColor = ``;\n          innerItem.style.color = ``;\n        }\n      }\n    });\n\n    // Focus the tickled item if in keyboard mode\n    if (this.tickled.inputMode === `keyboard` && this.tickled.tickledId !== undefined) {\n      const tickledItem = items[this.tickled.tickledId];\n      tickledItem?.focus();\n    }\n  }\n\n  private _handleMouseOver = (e: MouseEvent): void => {\n    const items = this._getMenuItems();\n    // composedPath crosses shadow boundaries to find the hovered menu item\n    const path = e.composedPath();\n    const hoveredIndex = items.findIndex(item => path.includes(item));\n    if (hoveredIndex !== -1) {\n      const item = items[hoveredIndex];\n      // If IXFX-MENU-CONTAINER appears before this item in the composed path, the\n      // event originated from inside a nested submenu. Skip the focus override so the\n      // inner container keeps ownership of focus. stopPropagation() alone is not\n      // sufficient because it does not reliably cross shadow-root boundaries with\n      // popovers in the stack — both this handler and the inner one will fire.\n      const itemPathIndex = path.indexOf(item);\n      const isFromInsideSubmenu = path.slice(0, itemPathIndex).some(\n        node => node instanceof Element && node.tagName === `IXFX-MENU-CONTAINER`,\n      );\n      if (!isFromInsideSubmenu) {\n        // Use TickledController to handle mouse hover\n        this.tickled.handlePointerEnter(hoveredIndex);\n      }\n      // Stop propagation so ancestor MenuContainers don't override this focus\n      // with their own mouseover handler (e.g. outer menu focusing the sub-trigger).\n      e.stopPropagation();\n    }\n  };\n\n  focusFirst(): void {\n    this.tickled.handleKeyboardNavigation(`first`);\n  }\n\n  private _focusNext(items: HTMLElement[], direction: number): void {\n    if (items.length === 0) {\n      return;\n    }\n\n    this.tickled.handleKeyboardNavigation(direction > 0 ? `next` : `previous`);\n  }\n\n  private _focusItem(items: HTMLElement[], index: number): void {\n    if (items.length === 0) {\n      return;\n    }\n\n    // Clamp index to valid range\n    const clampedIndex = Math.max(0, Math.min(index, items.length - 1));\n    this.tickled.handleKeyboardNavigation(clampedIndex);\n  }\n\n  private _activateFocusedItem(items: HTMLElement[]): void {\n    const tickledIndex = this.tickled.tickledId;\n    if (tickledIndex === undefined) {\n      return;\n    }\n\n    const item = items[tickledIndex];\n    if (!item) {\n      return;\n    }\n\n    const tagName = item.tagName;\n\n    if (tagName === `IXFX-MENU-SUB-TRIGGER`) {\n      // Native menu behavior handles submenu navigation automatically\n      return;\n    }\n\n    if (tagName === `IXFX-MENU-CHECK-ITEM`) {\n      const checkItem = item as any;\n      checkItem.checked = !checkItem.checked;\n      checkItem.dispatchEvent(new CustomEvent(`command`, {\n        detail: { command: checkItem.command, checked: checkItem.checked },\n        bubbles: true,\n        composed: true,\n      }));\n      return;\n    }\n\n    if (tagName === `IXFX-MENU-RADIO-ITEM`) {\n      item.dispatchEvent(new CustomEvent(`radio-select`, {\n        detail: { value: (item as any).value },\n        bubbles: true,\n        composed: true,\n      }));\n      return;\n    }\n\n    if (tagName === `IXFX-MENU-ITEM`) {\n      const command = (item as any).command;\n      if (command) {\n        item.dispatchEvent(new CustomEvent(`command`, {\n          detail: { command },\n          bubbles: true,\n          composed: true,\n        }));\n      }\n      return;\n    }\n\n    (item as HTMLElement).click();\n  }\n\n  private _handleKeydown = (e: KeyboardEvent): void => {\n    const items = this._getMenuItems();\n    if (items.length === 0) {\n      return;\n    }\n\n    switch (e.key) {\n      case `ArrowDown`:\n        e.preventDefault();\n        e.stopPropagation();\n        this._focusNext(items, 1);\n        break;\n      case `ArrowUp`:\n        e.preventDefault();\n        e.stopPropagation();\n        this._focusNext(items, -1);\n        break;\n      case `Home`:\n        e.preventDefault();\n        e.stopPropagation();\n        this._focusItem(items, 0);\n        break;\n      case `End`:\n        e.preventDefault();\n        e.stopPropagation();\n        this._focusItem(items, items.length - 1);\n        break;\n      case `Enter`:\n      case ` `:\n        e.preventDefault();\n        e.stopPropagation();\n        this._activateFocusedItem(items);\n        break;\n    }\n  };\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-menu-container': MenuContainer;\n  }\n}\n","import type { CommandRegistry, KeyboardManager } from '@clinth/ui-commands';\nimport { css, html, LitElement } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\nimport { popupSurfaceStyles } from '../styles/popup.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\nimport '../icons/icon.js';\nimport './menu-container.js';\n\ntype MenuMode = `trigger` | `dropdown` | `context`;\ntype Placement = `bottom-start` | `bottom-end` | `right-start`;\n\nexport type MenuTriggerCommandDetail = {\n  readonly command?: string;\n  readonly value?: string;\n  readonly checked?: boolean;\n};\n\nexport type MenuTriggerCommandEvent = CustomEvent<MenuTriggerCommandDetail>;\n\n@customElement(`ixfx-menu-trigger`)\nexport class MenuTrigger extends LitElement {\n  @property({ type: String }) mode: MenuMode = `trigger`;\n  @property({ type: String }) label = `⋮`;\n  /** Render an `ixfx-icon` in the default button instead of the text `label`. */\n  @property({ type: String, attribute: `icon-name` }) iconName = ``;\n  @property({ attribute: false }) registry?: CommandRegistry<unknown>;\n  @property({ attribute: false }) keyboardManager?: KeyboardManager;\n  @property({ type: String }) placement: Placement = `bottom-start`;\n  /** Set false when a host widget manages its own roving/virtual focus (e.g. crumb-navigation) and opens this menu programmatically, so the trigger button should not be a native Tab stop. */\n  @property({ type: Boolean, attribute: `tab-stop` }) tabStop = true;\n\n  @state() private _isOpen = false;\n  @state() private _hasMenu = false;\n  @state() private _hasTriggerSlot = false;\n\n  @query(`.trigger-btn`) private _triggerBtn!: HTMLButtonElement;\n  @query(`.popup`) private _popup!: HTMLElement;\n\n  private static _count = 0;\n\n  private _anchorName = `--mt-${MenuTrigger._count++}`;\n  private _clickListener = this._handleClickOutside.bind(this);\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    document.addEventListener(`keydown`, this._handleKeydown);\n    this.addEventListener(`command`, this._handleCommand as EventListener);\n    this.addEventListener(`radio-change`, this._handleRadioChange as EventListener);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    document.removeEventListener(`keydown`, this._handleKeydown);\n    this.removeEventListener(`command`, this._handleCommand as EventListener);\n    this.removeEventListener(`radio-change`, this._handleRadioChange as EventListener);\n    document.removeEventListener(`click`, this._clickListener);\n  }\n\n  firstUpdated(): void {\n    this.style.setProperty(`--anchor-name`, this._anchorName);\n    this._popup.addEventListener(`toggle`, this._handlePopoverToggle);\n\n    this.updateComplete.then(() => {\n      const slot = this.shadowRoot?.querySelector(`slot[name=\"menu\"]`) as HTMLSlotElement | undefined;\n      if (slot) {\n        const assigned = slot.assignedElements({ flatten: true });\n        if (assigned.length > 0) {\n          this._hasMenu = true;\n          this._propagateContext();\n        }\n      }\n\n      this._updatePosition();\n    });\n  }\n\n  updated(changedProperties: Map<string, unknown>): void {\n    if (changedProperties.has(`registry`) || changedProperties.has(`keyboardManager`)) {\n      this._propagateContext();\n    }\n  }\n\n  private _updatePosition(): void {\n    const placements: Record<Placement, { insetArea: string }> = {\n      'bottom-start': { insetArea: `block-end span-inline-start` },\n      'bottom-end': { insetArea: `block-end span-inline-end` },\n      'right-start': { insetArea: `inline-end span-block-start` },\n    };\n    const pos = placements[this.placement];\n    (this._popup.style as any).insetArea = pos.insetArea;\n    (this._popup.style as any).positionAnchor = this._anchorName;\n    // fallback for browsers without inset-area\n    const fallbacks: Record<Placement, { top: string; left: string; right: string }> = {\n      'bottom-start': { top: `anchor(bottom)`, left: `anchor(left)`, right: `auto` },\n      'bottom-end': { top: `anchor(bottom)`, left: `auto`, right: `anchor(left)` },\n      'right-start': { top: `anchor(top)`, left: `anchor(right)`, right: `auto` },\n    };\n    const fb = fallbacks[this.placement];\n    this._popup.style.top = fb.top;\n    this._popup.style.left = fb.left;\n    (this._popup.style as any).right = fb.right;\n  }\n\n  private _propagateContext(): void {\n    const slot = this.shadowRoot?.querySelector(`slot[name=\"menu\"]`) as HTMLSlotElement | undefined;\n    const items = slot?.assignedElements({ flatten: true }) ?? [];\n    for (const el of items) {\n      if (`registry` in el)\n        (el as any).registry = this.registry;\n      if (`keyboardManager` in el)\n        (el as any).keyboardManager = this.keyboardManager;\n    }\n  }\n\n  private _handleSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    const assigned = slot.assignedElements({ flatten: true });\n    this._hasMenu = assigned.length > 0;\n    this._propagateContext();\n  }\n\n  private _handleTriggerSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    this._hasTriggerSlot = slot.assignedElements({ flatten: true }).length > 0;\n  }\n\n  get isOpen(): boolean {\n    return this._isOpen;\n  }\n\n  openMenu(): void {\n    this._openMenu();\n  }\n\n  closeMenu(): void {\n    this._closeMenu();\n  }\n\n  focusTrigger(): void {\n    this._triggerBtn?.focus();\n  }\n\n  private _openMenu(): void {\n    if (this._isOpen || !this._popup?.popover)\n      return;\n    try {\n      (this._popup as any).showPopover({ source: this });\n      this._isOpen = true;\n      document.addEventListener(`click`, this._clickListener);\n      this.dispatchEvent(new CustomEvent(`menu-trigger-open`, { bubbles: true, composed: true }));\n      requestAnimationFrame(() => {\n        this._getMenuContainer()?.focusFirst();\n      });\n    } catch (err) {\n      console.warn(`showPopover failed:`, err);\n    }\n  }\n\n  private _handlePopoverToggle = (e: Event): void => {\n    if ((e as ToggleEvent).newState === `closed`) {\n      this._isOpen = false;\n      document.removeEventListener(`click`, this._clickListener);\n      this.dispatchEvent(new CustomEvent(`menu-trigger-close`, { bubbles: true, composed: true }));\n    }\n  };\n\n  private _closeMenu(): void {\n    if (!this._isOpen)\n      return;\n    if (this._popup?.popover) {\n      try {\n        (this._popup as any).hidePopover();\n      } catch { /* ignore */ }\n    }\n    this._isOpen = false;\n    document.removeEventListener(`click`, this._clickListener);\n  }\n\n  private _handleTriggerClick(e: Event): void {\n    e.stopPropagation();\n    if (this._isOpen) {\n      this._closeMenu();\n      this._triggerBtn?.focus();\n    } else {\n      this._openMenu();\n    }\n  }\n\n  private _handleClickOutside(e: Event): void {\n    if (!this.contains(e.target as Node)) {\n      if (this._popup?.popover && this._popup.hasAttribute(`open`)) {\n        try {\n          (this._popup as any).hidePopover();\n        } catch {\n          // ignore\n        }\n      }\n    }\n  }\n\n  private _getMenuContainer(): (HTMLElement & { focusFirst: () => void }) | null {\n    const slot = this.shadowRoot?.querySelector(`slot[name=\"menu\"]`) as HTMLSlotElement | null;\n    const assigned = slot?.assignedElements({ flatten: true }) ?? [];\n    const container = assigned.find(el => el.tagName === `IXFX-MENU-CONTAINER`);\n    return (container as any) ?? null;\n  }\n\n  private _handleKeydown = (e: KeyboardEvent): void => {\n    if (!this._isOpen)\n      return;\n\n    if (e.key === `Escape`) {\n      e.preventDefault();\n      e.stopPropagation();\n      this._closeMenu();\n      this._triggerBtn?.focus();\n    } else if (e.key === `Tab`) {\n      this._closeMenu();\n      this._triggerBtn?.focus();\n    }\n  };\n\n  private _handleCommand(e: CustomEvent): void {\n    if (this._popup?.popover) {\n      try {\n        (this._popup as any).hidePopover();\n      } catch {\n        // ignore\n      }\n    }\n    this.dispatchEvent(new CustomEvent<MenuTriggerCommandDetail>(`menu-command`, {\n      detail: e.detail,\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  private _handleRadioChange(e: CustomEvent): void {\n    if (this._popup?.popover) {\n      try {\n        (this._popup as any).hidePopover();\n      } catch {\n        // ignore\n      }\n    }\n    this.dispatchEvent(new CustomEvent<MenuTriggerCommandDetail>(`menu-command`, {\n      detail: {\n        command: e.detail.name,\n        value: e.detail.value,\n      },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  private _handleContextMenu(e: MouseEvent): void {\n    if (this.mode !== `context`)\n      return;\n    e.preventDefault();\n    this._popup.style.top = `${e.clientY}px`;\n    this._popup.style.left = `${e.clientX}px`;\n    this._popup.style.position = `fixed`;\n    (this._popup.style as any).positionAnchor = `none`;\n    if (this._popup?.popover) {\n      try {\n        (this._popup as any).showPopover();\n      } catch {\n        // ignore\n      }\n    }\n  }\n\n  static styles = [\n    themeFallbacks,\n    popupSurfaceStyles,\n    css`\n    :host {\n      display: inline-block;\n      position: relative;\n      --ixfx-button-padding: var(--ixfx-button-padding, var(--space-s) var(--space-m));\n    }\n\n    .trigger-area {\n      anchor-name: var(--anchor-name);\n      /* Block flex (not inline-flex): as an inline-level box this would join\n         the host's inline formatting context and pick up strut/baseline gaps\n         above and below the button, offsetting the glyph from center. */\n      display: flex;\n      align-items: stretch;\n    }\n\n    .trigger-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      line-height: 1;\n      background: none;\n      border: none;\n      color: var(--surface-3-text);\n      cursor: pointer;\n      padding: var(--ixfx-button-padding);\n      font-family: var(--font-family, inherit);\n      font-size: var(--text-m);\n      font-weight: 600;\n      border-radius: var(--radius-s);\n      opacity: 0.6;\n      transition: opacity var(--transition), background var(--transition);\n    }\n\n    .trigger-btn:hover {\n      background: var(--_trigger-hover-bg, var(--surface-4));\n      color: var(--surface-3-text);\n      opacity: var(--_trigger-hover-opacity, 1);\n    }\n\n    .trigger-btn:focus-visible {\n      background: var(--surface-4);\n      color: var(--surface-3-text);\n      outline: none;\n      opacity: 1;\n    }\n\n    .popup {\n      position: fixed;\n      position-anchor: var(--anchor-name);\n      inset: auto;\n      margin: 8px;\n      padding: 0;\n      border: none;\n      background: transparent;\n      z-index: 100;\n      max-height: min(60vh, 400px);\n      max-width: min(90vw, 320px);\n      overflow: auto;\n      overscroll-behavior: contain;\n      position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;\n    }\n\n    .popup[popover] {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n      transition: opacity 0.12s ease-out, transform 0.12s ease-out,\n                  display 0.12s allow-discrete, overlay 0.12s allow-discrete;\n    }\n\n    @starting-style .popup {\n      opacity: 0;\n      transform: translateY(-4px) scale(0.97);\n    }\n  `,\n  ];\n\n  render() {\n    const showButton = this.mode !== `dropdown` && this._hasMenu && !this._hasTriggerSlot;\n    return html`\n      <div\n        class=\"trigger-area\"\n        @click=${this._handleTriggerClick}\n        @contextmenu=${this._handleContextMenu}\n      >\n        ${showButton\n          ? html`<button class=\"trigger-btn\" part=\"base\" tabindex=${this.tabStop ? `0` : `-1`}>${this.iconName ? html`<ixfx-icon name=${this.iconName}></ixfx-icon>` : this.label}</button>`\n          : null}\n        <slot name=\"trigger\" @slotchange=${this._handleTriggerSlotChange}></slot>\n      </div>\n      <div\n        class=\"popup popup-surface\"\n        popover=\"auto\"\n        @click=${(e: Event) => e.stopPropagation()}\n      >\n          <slot name=\"menu\" @slotchange=${this._handleSlotChange}></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-menu-trigger': MenuTrigger;\n  }\n}\n","import type { CommandRegistry, KeyboardManager } from '@clinth/ui-commands';\nimport { css, html, LitElement } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { tickledItemStyles } from '../interaction/index.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\nimport '../icons/icon.js';\n\nexport type MenuItemCommandDetail = {\n  readonly command: string;\n  readonly args: string;\n};\n\nexport type MenuItemCommandEvent = CustomEvent<MenuItemCommandDetail>;\n\n@customElement(`ixfx-menu-item`)\nexport class MenuItem extends LitElement {\n  @property({ type: String }) command = ``;\n  @property({ type: String, attribute: `command-args` }) commandArgs = ``;\n  @property({ type: String }) label = ``;\n  @property({ type: Boolean }) disabled = false;\n  @property({ type: String, attribute: `icon-name` }) iconName = ``;\n  @property({ attribute: false }) registry?: CommandRegistry<unknown>;\n  @property({ attribute: false }) keyboardManager?: KeyboardManager;\n  @property({ attribute: false }) submenuPopover?: HTMLElement;\n\n  @state() private _hasChildren = false;\n  @query(`slot`) private _slot!: HTMLSlotElement;\n\n  private _hoverTimeout: number | null = null;\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this._hoverTimeout) {\n      clearTimeout(this._hoverTimeout);\n    }\n  }\n\n  private _handleSlotChange(): void {\n    const assigned = this._slot?.assignedElements() ?? [];\n    this._hasChildren = assigned.length > 0;\n  }\n\n  private _handleMouseEnter(): void {\n    if (this.disabled || !this._hasChildren || !this.submenuPopover)\n      return;\n    if (this._hoverTimeout) {\n      clearTimeout(this._hoverTimeout);\n    }\n    this._hoverTimeout = window.setTimeout(() => {\n      this._showSubmenu();\n    }, 150);\n  }\n\n  private _handleMouseLeave(): void {\n    if (this._hoverTimeout) {\n      clearTimeout(this._hoverTimeout);\n      this._hoverTimeout = null;\n    }\n    this._hideSubmenu();\n  }\n\n  private _showSubmenu(): void {\n    if (!this.submenuPopover?.popover)\n      return;\n    try {\n      this.submenuPopover.showPopover();\n    } catch (err) {\n      console.warn(`showPopover failed:`, err);\n    }\n  }\n\n  private _hideSubmenu(): void {\n    if (!this.submenuPopover?.popover)\n      return;\n    try {\n      this.submenuPopover.hidePopover();\n    } catch (err) {\n      console.warn(`hidePopover failed:`, err);\n    }\n  }\n\n  private handleClick(): void {\n    if (this.disabled)\n      return;\n\n    this.dispatchEvent(new CustomEvent<MenuItemCommandDetail>(`command`, {\n      detail: { command: this.command, args: this.commandArgs },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  private _resolvedLabel(): string {\n    if (this.label)\n      return this.label;\n    if (this.registry && this.command) {\n      return this.registry.get(this.command)?.label ?? ``;\n    }\n    return ``;\n  }\n\n  private _resolvedIcon(): string | null {\n    if (this.iconName)\n      return this.iconName;\n    if (this.registry && this.command) {\n      return this.registry.get(this.command)?.icon ?? null;\n    }\n    return null;\n  }\n\n  willUpdate(changedProperties: Map<string, unknown>): void {\n    super.willUpdate(changedProperties);\n    const resolvedIcon = this._resolvedIcon();\n    if (resolvedIcon && !this.iconName) {\n      this.setAttribute(`data-icon-section`, ``);\n    } else if (!resolvedIcon && !this.iconName) {\n      this.removeAttribute(`data-icon-section`);\n    }\n  }\n\n  updated(changedProperties: Map<string, unknown>): void {\n    super.updated(changedProperties);\n  }\n\n  private _getShortcut(): string | null {\n    if (!this.keyboardManager || !this.command)\n      return null;\n    const bindings = (this.keyboardManager as any).getBindings?.() ?? [];\n    const binding = bindings.find((b: any) => b.commandId === this.command);\n    if (!binding)\n      return null;\n    const mods = Array.from(binding.modifiers ?? [], (m: string) =>\n      ({ ctrl: `⌃`, shift: `⇧`, alt: `⌥`, meta: `⌘` })[m] ?? m);\n    const key = binding.key?.length === 1 ? binding.key.toUpperCase() : binding.key;\n    return [...mods, key].join(``);\n  }\n\n  static override styles = [themeFallbacks, tickledItemStyles, css`\n    :host {\n      display: block;\n    }\n\n    .item {\n      display: flex !important;\n      align-items: center;\n      padding: 6px var(--space-m);\n      font-size: var(--text-m);\n      background: var(--item-bg, transparent);\n      border: var(--item-border, 1px solid transparent);\n      color: var(--item-text, inherit);\n    }\n\n    :host(.tickled) .item {\n      background: var(--item-bg-tickled);\n      border: var(--item-border-tickled);\n      color: var(--item-text-tickled);\n    }\n\n    :host(:focus) {\n      outline: none;\n    }\n\n    .item.disabled {\n      opacity: var(--disabled-opacity);\n      cursor: default;\n    }\n\n    .item.disabled:hover {\n      background: transparent;\n    }\n\n    .icon-slot {\n      width: 0;\n      overflow: hidden;\n      flex-shrink: 0;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    :host([icon-name]) .icon-slot,\n    :host([data-icon-section]) .icon-slot {\n      width: 1em;\n      height: 1em;\n      margin-right: var(--space-s);\n    }\n\n    .label {\n      flex: 1;\n    }\n\n    .shortcut {\n      margin-left: auto;\n      color: var(--surface-muted-text);\n      font-size: var(--text-s);\n    }\n\n    .arrow {\n      color: var(--surface-muted-text);\n      margin-left: var(--space-m);\n    }\n  `];\n\n  render() {\n    const shortcut = this._getShortcut();\n    const resolvedIcon = this._resolvedIcon();\n    return html`\n      <div \n        class=\"item ${this.disabled ? `disabled` : ``}\"\n        @click=${this.handleClick}\n        @mouseenter=${this._handleMouseEnter}\n        @mouseleave=${this._handleMouseLeave}\n        tabindex=\"${this.disabled ? -1 : 0}\"\n        role=\"menuitem\"\n        aria-haspopup=\"${this._hasChildren ? `true` : `false`}\"\n        aria-expanded=\"${this.submenuPopover?.matches(`:popover-open`) ?? false}\"\n      >\n        <span class=\"icon-slot\">${resolvedIcon ? html`<ixfx-icon name=\"${resolvedIcon}\"></ixfx-icon>` : null}</span>\n        <span class=\"label\"><slot></slot>${this._resolvedLabel()}</span>\n        ${shortcut ? html`<span class=\"shortcut\">${shortcut}</span>` : null}\n        ${this._hasChildren ? html`<span class=\"arrow\"><ixfx-icon name=\"chevron-right\"></ixfx-icon></span>` : null}\n      </div>\n      <slot @slotchange=${this._handleSlotChange}></slot>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-menu-item': MenuItem;\n  }\n}\n"],"mappings":"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"}

package/dist/menu.js

@@ -1,3 +1,3 @@
-import { n as MenuTrigger, r as MenuContainer, t as MenuItem } from "./menu-item-Bx-Fs7jq.js";
-import { a as menuFromTreeToElements, c as MenuSubTrigger, d as MenuBar, i as menuFromTree, l as MenuCommandController, n as MenuRadioGroup, o as MenuHeader, r as MenuRadioItem, s as MenuSeparator, u as MenuCheckItem } from "./menu-Bg90Qr0B.js";
+import { n as MenuTrigger, r as MenuContainer, t as MenuItem } from "./menu-item-B6pKg2Qq.js";
+import { a as menuFromTreeToElements, c as MenuSubTrigger, d as MenuBar, i as menuFromTree, l as MenuCommandController, n as MenuRadioGroup, o as MenuHeader, r as MenuRadioItem, s as MenuSeparator, u as MenuCheckItem } from "./menu-BDrTh6oo.js";
 export { MenuBar, MenuCheckItem, MenuCommandController, MenuContainer, MenuHeader, MenuItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubTrigger, MenuTrigger, menuFromTree, menuFromTreeToElements };

package/dist/miller.d.ts

@@ -1,7 +1,7 @@
 import { a as TreeItem, n as TreeExclusivity, o as TreeNode, r as TreeFilterPredicate, s as TreeSelectionFilter, t as LoadChildrenCallback } from "./types-Bc23SI94.js";
 import { a as TreeComponent, c as TreeExpandEvent, d as TreeSearchHost, f as TreeSelectDetail, g as TreeDataModel, h as TreeTickleEvent, i as TreeCollapseEvent, l as TreeItemClickDetail, m as TreeTickleDetail, n as TreeActivateEvent, o as TreeComponentEventMap, p as TreeSelectEvent, r as TreeCollapseDetail, s as TreeExpandDetail, t as TreeActivateDetail, u as TreeItemClickEvent } from "./tree-component-F6qZ0Gdv.js";
 import { S as ListSearchController } from "./index-h6gxtfHH.js";
-import { n as TickledController } from "./tickled-controller-Bn3YdQsM.js";
+import { n as TickledController } from "./tickled-controller-C1ZsHpyg.js";
 import { LitElement, PropertyValues, TemplateResult, nothing } from "lit";
 import { CommandRegistry } from "@clinth/ui-commands";
 import { TraversableTree } from "@ixfx/collections";

package/dist/miller.js

@@ -1,9 +1,9 @@
-import { t as TickledController } from "./tickled-controller-C66DgJHl.js";
+import { t as TickledController } from "./tickled-controller-Dh1Uh_vG.js";
 import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-BrAHEj1q.js";
 import { t as themeFallbacks } from "./fallbacks-DNI9xt0F.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
 import { i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES, t as createTreeListSearchAdapter } from "./incr-search-C05WjbZh.js";
-import "./interaction-Cr13azbM.js";
+import "./interaction-B9AAlsFO.js";
 import { t as collectDataResult } from "./data-provider-35TyWclX.js";
 import { LitElement, css, html, nothing } from "lit";
 import { property, state } from "lit/decorators.js";

package/dist/narrowed-text.js

@@ -1,10 +1,10 @@
 import { n as buildHighlightTargets, r as clearHighlights, t as applyHighlights } from "./highlight-B-eQrhhb.js";
-import { t as TickledController } from "./tickled-controller-C66DgJHl.js";
+import { t as TickledController } from "./tickled-controller-Dh1Uh_vG.js";
 import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-BrAHEj1q.js";
 import { t as themeFallbacks } from "./fallbacks-DNI9xt0F.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
 import { p as createIncrSearch } from "./incr-search-C05WjbZh.js";
-import "./interaction-Cr13azbM.js";
+import "./interaction-B9AAlsFO.js";
 import { LitElement, css, html, nothing } from "lit";
 import { property, query, state } from "lit/decorators.js";
 import { createCommandRegistry } from "@clinth/ui-commands";

package/dist/plots.d.ts

@@ -1,2 +1,2 @@
-import { A as readBaseColour, C as PlotDataSeriesOptions, D as applyAgeModification, E as ColourResult, O as computeColour, S as PlotDataSeries, T as ColourMode, _ as PlotSingleAxisElementEventMap, a as PlotHistogramBucketClickDetail, b as SingleAxisAgeStyle, c as PlotHistogramInteractionMode, d as PlotMultiAxis, f as PlotMultiAxisDataPointClickDetail, g as PlotSingleAxis, h as PlotMultiAxisLayout, i as PlotHistogram, k as parseColourScaleAttr, l as PlotHistogramOrientation, m as PlotMultiAxisElementEventMap, n as XyAgeStyle, o as PlotHistogramBucketClickEvent, p as PlotMultiAxisDataPointClickEvent, r as XyDrawStyle, s as PlotHistogramElementEventMap, t as PlotXyAxis, u as PlotHistogramValueTooltips, v as PlotSingleAxisPointerMoveDetail, w as ColourMapConfig, x as SingleAxisDrawStyle, y as PlotSingleAxisPointerMoveEvent } from "./xy-axis-BfP9hKLj.js";
-export { ColourMapConfig, ColourMode, ColourResult, PlotDataSeries, PlotDataSeriesOptions, PlotHistogram, PlotHistogramBucketClickDetail, PlotHistogramBucketClickEvent, PlotHistogramElementEventMap, PlotHistogramInteractionMode, PlotHistogramOrientation, PlotHistogramValueTooltips, PlotMultiAxis, PlotMultiAxisDataPointClickDetail, PlotMultiAxisDataPointClickEvent, PlotMultiAxisElementEventMap, PlotMultiAxisLayout, PlotSingleAxis, PlotSingleAxisElementEventMap, PlotSingleAxisPointerMoveDetail, PlotSingleAxisPointerMoveEvent, PlotXyAxis, SingleAxisAgeStyle, SingleAxisDrawStyle, XyAgeStyle, XyDrawStyle, applyAgeModification, computeColour, parseColourScaleAttr, readBaseColour };
+import { A as applyAgeModification, C as SingleAxisAgeStyle, D as ColourMapConfig, E as PlotDataSeriesOptions, M as parseColourScaleAttr, N as readBaseColour, O as ColourMode, S as PlotSingleAxisPointerMoveEvent, T as PlotDataSeries, _ as PlotMultiAxisElementEventMap, a as PlotHistogramBucketClickDetail, b as PlotSingleAxisElementEventMap, c as PlotHistogramInteractionMode, d as PlotHistogramSelectionChangeEvent, f as PlotHistogramSelectionRange, g as PlotMultiAxisDataPointClickEvent, h as PlotMultiAxisDataPointClickDetail, i as PlotHistogram, j as computeColour, k as ColourResult, l as PlotHistogramOrientation, m as PlotMultiAxis, n as XyAgeStyle, o as PlotHistogramBucketClickEvent, p as PlotHistogramValueTooltips, r as XyDrawStyle, s as PlotHistogramElementEventMap, t as PlotXyAxis, u as PlotHistogramSelectionChangeDetail, v as PlotMultiAxisLayout, w as SingleAxisDrawStyle, x as PlotSingleAxisPointerMoveDetail, y as PlotSingleAxis } from "./xy-axis-DQqd2yXJ.js";
+export { ColourMapConfig, ColourMode, ColourResult, PlotDataSeries, PlotDataSeriesOptions, PlotHistogram, PlotHistogramBucketClickDetail, PlotHistogramBucketClickEvent, PlotHistogramElementEventMap, PlotHistogramInteractionMode, PlotHistogramOrientation, PlotHistogramSelectionChangeDetail, PlotHistogramSelectionChangeEvent, PlotHistogramSelectionRange, PlotHistogramValueTooltips, PlotMultiAxis, PlotMultiAxisDataPointClickDetail, PlotMultiAxisDataPointClickEvent, PlotMultiAxisElementEventMap, PlotMultiAxisLayout, PlotSingleAxis, PlotSingleAxisElementEventMap, PlotSingleAxisPointerMoveDetail, PlotSingleAxisPointerMoveEvent, PlotXyAxis, SingleAxisAgeStyle, SingleAxisDrawStyle, XyAgeStyle, XyDrawStyle, applyAgeModification, computeColour, parseColourScaleAttr, readBaseColour };

package/dist/plots.js

@@ -1,2 +1,2 @@
-import { 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-DzM1brBZ.js";
+import { 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-CrrVdDFe.js";
 export { PlotDataSeries, PlotHistogram, PlotMultiAxis, PlotSingleAxis, PlotXyAxis, applyAgeModification, computeColour, parseColourScaleAttr, readBaseColour };

package/dist/select-horiz.js

@@ -1,8 +1,8 @@
-import { t as TickledController } from "./tickled-controller-C66DgJHl.js";
+import { t as TickledController } from "./tickled-controller-Dh1Uh_vG.js";
 import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-BrAHEj1q.js";
 import { t as themeFallbacks } from "./fallbacks-DNI9xt0F.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import "./interaction-Cr13azbM.js";
+import "./interaction-B9AAlsFO.js";
 import { t as scrollFadeStyles } from "./scroll-fade-CAs1EabA.js";
 import { t as WheelNudgeMixin } from "./wheel-nudge-D5rmht3v.js";
 import { LitElement, css, html } from "lit";

package/dist/{tickled-controller-Bn3YdQsM.d.ts → tickled-controller-C1ZsHpyg.d.ts}

@@ -58,6 +58,14 @@ type TickledControllerConfig<T> = {
    * Optional initial input mode (defaults to 'mouse')
    */
   initialInputMode?: InputMode;
+  /**
+   * When this returns `true`, pointer hover no longer drives the cursor:
+   * `handlePointerEnter` / `handlePointerLeave` become no-ops and hover never
+   * switches the input mode to `mouse`. Keyboard navigation, programmatic
+   * `focus()` / `setTickled()`, and click handling are unaffected. Read on every
+   * hover event, so a host can flip it via a reactive property. Default: `false`.
+   */
+  hoverDisabled?: () => boolean;
   /**
    * Whether keyboard navigation wraps from last to first and vice versa.
    * - 'stop' (default): navigation stops at the boundary
@@ -125,6 +133,7 @@ declare class TickledController<T = number> implements ReactiveController {
   private config;
   private _tickledId;
   private _inputMode;
+  private hoverDisabled;
   private static _lastMouseClientX;
   private static _lastMouseClientY;
   private static _mouseMovedSinceKeyboard;
@@ -205,4 +214,4 @@ declare class TickledController<T = number> implements ReactiveController {
 }
 //#endregion
 export { TickledItem as i, TickledController as n, TickledControllerConfig as r, InputMode as t };
-//# sourceMappingURL=tickled-controller-Bn3YdQsM.d.ts.map
+//# sourceMappingURL=tickled-controller-C1ZsHpyg.d.ts.map

package/dist/tickled-controller-C1ZsHpyg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tickled-controller-C1ZsHpyg.d.ts","names":[],"sources":["../src/interaction/tickled-controller.ts"],"mappings":";;;;;KAKY,YAAY;;;;WAIb,IAAI;;;;WAKJ;;;;;KAMC;;;;KAKA,wBAAwB;;;;EAIlC,gBAAgB,cAAc,YAAY;;;;;;EAO1C,YAAY,IAAI;;;;;;;;;;;;;;;;;;;;;;;EAwBhB;;;;EAKA,mBAAmB;;;;;;;;EASnB;;;;;;EAOA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA0DW,kBAAkB,uBAAuB;UAC5C;UACA;UACA;UACA;UACA;iBAEO;iBACA;iBACA;iBACA;0BAES;EAIZ,YAAA,MAAM,wBAAwB,QAAQ,wBAAwB;EAQ1E;EAOA;;;;MAUI,aAAa;;;;MAOb,aAAa;;;;;MAQb,WAAW;;;;;;EASf,MAAM,IAAI;;;;EAOV,UAAU,IAAI;;;;;;iBASC;;;;;aAiBJ;;;;;;EASX,mBAAmB,IAAI;;;;;;EAqCvB,mBAAmB,IAAI;;;;;;;EAevB,yBAAyB,oDAAoD;;;;;EAkE7E,WAAW,IAAI;;;;;;EAmBf;;;;;EAmBA,aAAa,MAAM"}

package/dist/{tickled-controller-C66DgJHl.js → tickled-controller-Dh1Uh_vG.js}

@@ -77,6 +77,7 @@ var TickledController = class TickledController {
 		this.host = host;
 		this.config = config;
 		this._inputMode = config.initialInputMode ?? `mouse`;
+		this.hoverDisabled = config.hoverDisabled ?? (() => false);
 		host.addController(this);
 	}
 	hostConnected() {
@@ -145,6 +146,7 @@ var TickledController = class TickledController {
 	* Switches to mouse mode and tickles the item.
 	*/
 	handlePointerEnter(id) {
+		if (this.hoverDisabled()) return;
 		if (!TickledController._mouseMovedSinceKeyboard) return;
 		const item = this.config.getItems().find((item) => item.id === id);
 		if (item && item.enabled === false) return;
@@ -162,6 +164,7 @@ var TickledController = class TickledController {
 	* @param _e The pointer event (not used, but kept for API compatibility)
 	*/
 	handlePointerLeave(_e) {
+		if (this.hoverDisabled()) return;
 		if (TickledController._mouseMovedSinceKeyboard) this.clearTickled();
 	}
 	/**
@@ -243,4 +246,4 @@ var TickledController = class TickledController {
 //#endregion
 export { TickledController as t };
 
-//# sourceMappingURL=tickled-controller-C66DgJHl.js.map
+//# sourceMappingURL=tickled-controller-Dh1Uh_vG.js.map

package/dist/tickled-controller-Dh1Uh_vG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tickled-controller-Dh1Uh_vG.js","names":[],"sources":["../src/interaction/tickled-controller.ts"],"sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\n\n/**\n * Represents an item that can be tickled (highlighted via hover or keyboard navigation)\n */\nexport type TickledItem<T = unknown> = {\n  /**\n   * Unique identifier for the item (e.g., index, id, path)\n   */\n  readonly id: T;\n\n  /**\n   * Whether the item is currently enabled/interactive\n   */\n  readonly enabled?: boolean;\n};\n\n/**\n * Input mode determines which mechanism controls the tickled state\n */\nexport type InputMode = `keyboard` | `mouse`;\n\n/**\n * Configuration for TickledController\n */\nexport type TickledControllerConfig<T> = {\n  /**\n   * Function to retrieve all items that can be tickled\n   */\n  getItems: () => ReadonlyArray<TickledItem<T>>;\n\n  /**\n   * Optional callback when an item becomes tickled\n   * Use this for side effects like opening submenus\n   * @param id - The id of the newly tickled item, or undefined if nothing is tickled\n   */\n  onTickle?: (id: T | undefined) => void;\n\n  /**\n   * Optional callback fired after any state change (tickled id or input mode)\n   * Use this to sync DOM attributes for slotted content that can't use reactive rendering\n   *\n   * For components that render items directly, this is usually not needed as\n   * Lit's reactive rendering will handle updates automatically via requestUpdate()\n   *\n   * @example\n   * ```ts\n   * onStateChange: () => {\n   *   // Sync data-tickled attributes for slotted items\n   *   const items = this.getItems();\n   *   items.forEach((item, i) => {\n   *     if (this.tickled.isTickled(i)) {\n   *       item.setAttribute('data-tickled', '');\n   *     } else {\n   *       item.removeAttribute('data-tickled');\n   *     }\n   *   });\n   * }\n   * ```\n   */\n  onStateChange?: () => void;\n\n  /**\n   * Optional initial input mode (defaults to 'mouse')\n   */\n  initialInputMode?: InputMode;\n\n  /**\n   * When this returns `true`, pointer hover no longer drives the cursor:\n   * `handlePointerEnter` / `handlePointerLeave` become no-ops and hover never\n   * switches the input mode to `mouse`. Keyboard navigation, programmatic\n   * `focus()` / `setTickled()`, and click handling are unaffected. Read on every\n   * hover event, so a host can flip it via a reactive property. Default: `false`.\n   */\n  hoverDisabled?: () => boolean;\n\n  /**\n   * Whether keyboard navigation wraps from last to first and vice versa.\n   * - 'stop' (default): navigation stops at the boundary\n   * - 'wrap': navigation wraps around\n   */\n  itemWrap?: `stop` | `wrap`;\n};\n\n/**\n * ReactiveController that manages \"tickled\" state for interactive lists.\n *\n * A \"tickled\" item is one that is under active attention via hover (mouse mode)\n * or keyboard focus (keyboard mode). Only one item can be tickled at a time.\n *\n * The input mode determines which mechanism controls tickled state:\n * - Mouse mode: hover controls tickled, keyboard navigation ignored\n * - Keyboard mode: keyboard navigation controls tickled, hover ignored\n *\n * Last interaction wins - any mouse hover switches to mouse mode, any keyboard\n * navigation switches to keyboard mode.\n *\n * ## Global Mouse Tracking\n *\n * This controller uses a single, ref-counted global `pointermove` listener (shared\n * across all instances) to track actual mouse movement. This prevents `pointerenter`\n * events caused by content scrolling from incorrectly switching to mouse mode when\n * the user is actually using keyboard navigation. The listener is attached when the\n * first host connects and removed once the last host disconnects.\n *\n * @example\n * ```ts\n * class MyList extends LitElement {\n *   private tickled = new TickledController(this, {\n *     getItems: () => this.items.map((item, i) => ({ id: i, enabled: !item.disabled })),\n *     onTickle: (id) => {\n *       // Optional: perform side effect when item is tickled\n *       console.log('Tickled item:', id);\n *     }\n *   });\n *\n *   render() {\n *     return html`\n *       <ul @pointerleave=${(e) => this.tickled.handlePointerLeave(e)}>\n *         ${this.items.map((item, i) => html`\n *           <li\n *             class=\"item ${this.tickled.isTickled(i) ? 'tickled' : ''}\"\n *             @pointerenter=${() => this.tickled.handlePointerEnter(i)}\n *           >${item.label}</li>\n *         `)}\n *       </ul>\n *     `;\n *   }\n *\n *   private handleKeyDown(e: KeyboardEvent) {\n *     if (e.key === 'ArrowDown') {\n *       this.tickled.handleKeyboardNavigation('next');\n *     } else if (e.key === 'ArrowUp') {\n *       this.tickled.handleKeyboardNavigation('previous');\n *     }\n *   }\n * }\n * ```\n */\nexport class TickledController<T = number> implements ReactiveController {\n  private host: ReactiveControllerHost;\n  private config: TickledControllerConfig<T>;\n  private _tickledId: T | undefined = undefined;\n  private _inputMode: InputMode;\n  private hoverDisabled: () => boolean;\n\n  private static _lastMouseClientX: number = Number.NaN;\n  private static _lastMouseClientY: number = Number.NaN;\n  private static _mouseMovedSinceKeyboard: boolean = true;\n  private static _listenerRefCount: number = 0;\n\n  private static readonly _onGlobalPointerMove = (e: PointerEvent): void => {\n    TickledController.handleGlobalPointerMove(e.clientX, e.clientY);\n  };\n\n  constructor(host: ReactiveControllerHost, config: TickledControllerConfig<T>) {\n    this.host = host;\n    this.config = config;\n    this._inputMode = config.initialInputMode ?? `mouse`;\n    this.hoverDisabled = config.hoverDisabled ?? (() => false);\n    host.addController(this);\n  }\n\n  hostConnected(): void {\n    if (TickledController._listenerRefCount === 0) {\n      document.addEventListener(`pointermove`, TickledController._onGlobalPointerMove, { passive: true });\n    }\n    TickledController._listenerRefCount++;\n  }\n\n  hostDisconnected(): void {\n    TickledController._listenerRefCount--;\n    if (TickledController._listenerRefCount === 0) {\n      document.removeEventListener(`pointermove`, TickledController._onGlobalPointerMove);\n    }\n  }\n\n  /**\n   * Get the current input mode\n   */\n  get inputMode(): InputMode {\n    return this._inputMode;\n  }\n\n  /**\n   * Get the currently tickled item id\n   */\n  get tickledId(): T | undefined {\n    return this._tickledId;\n  }\n\n  /**\n   * The item currently under the cursor, or `undefined`. Alias of `tickledId`\n   * for parity with other controllers.\n   */\n  get current(): T | undefined {\n    return this._tickledId;\n  }\n\n  /**\n   * Move the cursor programmatically (e.g. to reveal a match or re-seat it\n   * after the item set changed). Does not change the input mode. Alias of\n   * `setTickled`.\n   */\n  focus(id: T | undefined): void {\n    this.setTickled(id);\n  }\n\n  /**\n   * Check if a specific item is tickled\n   */\n  isTickled(id: T): boolean {\n    return this._tickledId === id;\n  }\n\n  /**\n   * Handle global pointer move event.\n   * Called automatically by the global listener.\n   * Tracks mouse movement to distinguish real hover from content scrolling.\n   */\n  private static handleGlobalPointerMove(clientX: number, clientY: number): void {\n    if (!Number.isNaN(TickledController._lastMouseClientX)) {\n      if (\n        clientX !== TickledController._lastMouseClientX\n        || clientY !== TickledController._lastMouseClientY\n      ) {\n        TickledController._mouseMovedSinceKeyboard = true;\n      }\n    }\n    TickledController._lastMouseClientX = clientX;\n    TickledController._lastMouseClientY = clientY;\n  }\n\n  /**\n   * Check if actual mouse movement has occurred since last keyboard interaction.\n   * Used to distinguish real hover/leave from content-scrolling-induced events.\n   */\n  static get hasMouseMovedSinceKeyboard(): boolean {\n    return TickledController._mouseMovedSinceKeyboard;\n  }\n\n  /**\n   * Handle pointer enter event on an item (mouse hover).\n   * Only processes if actual mouse movement is detected (not content scrolling).\n   * Switches to mouse mode and tickles the item.\n   */\n  handlePointerEnter(id: T): void {\n    if (this.hoverDisabled()) {\n      return;\n    }\n\n    if (!TickledController._mouseMovedSinceKeyboard) {\n      return;\n    }\n\n    const items = this.config.getItems();\n    const item = items.find(item => item.id === id);\n    if (item && item.enabled === false) {\n      return;\n    }\n\n    const modeChanged = this._inputMode !== `mouse`;\n    this._inputMode = `mouse`;\n\n    const previousId = this._tickledId;\n    this._tickledId = id;\n\n    this.host.requestUpdate();\n\n    if (previousId !== id && this.config.onTickle) {\n      this.config.onTickle(id);\n    }\n\n    if ((previousId !== id || modeChanged) && this.config.onStateChange) {\n      this.config.onStateChange();\n    }\n  }\n\n  /**\n   * Handle pointer leave event on an item.\n   * Only clears tickled state if actual mouse movement is detected.\n   * @param _e The pointer event (not used, but kept for API compatibility)\n   */\n  handlePointerLeave(_e: PointerEvent): void {\n    if (this.hoverDisabled()) {\n      return;\n    }\n    if (TickledController._mouseMovedSinceKeyboard) {\n      this.clearTickled();\n    }\n  }\n\n  /**\n   * Handle keyboard navigation.\n   * Switches to keyboard mode and moves tickled state.\n   *\n   * @param direction - 'next', 'previous', 'first', 'last', or specific id\n   */\n  handleKeyboardNavigation(direction: `next` | `previous` | `first` | `last` | T): void {\n    const modeChanged = this._inputMode !== `keyboard`;\n    this._inputMode = `keyboard`;\n\n    const items = this.config.getItems();\n    const enabledItems = items.filter(item => item.enabled !== false);\n\n    if (enabledItems.length === 0) {\n      return;\n    }\n\n    let newId: T | undefined;\n\n    if (direction === `first`) {\n      newId = enabledItems[0].id;\n    } else if (direction === `last`) {\n      newId = enabledItems.at(-1)?.id;\n    } else if (direction === `next` || direction === `previous`) {\n      const currentIndex = enabledItems.findIndex(item => item.id === this._tickledId);\n      const wrap = this.config.itemWrap === `wrap`;\n\n      if (currentIndex === -1) {\n        newId = direction === `next` ? enabledItems[0].id : enabledItems.at(-1)?.id;\n      } else {\n        const delta = direction === `next` ? 1 : -1;\n        let newIndex = currentIndex + delta;\n\n        if (newIndex >= 0 && newIndex < enabledItems.length) {\n          newId = enabledItems[newIndex].id;\n        } else if (wrap) {\n          // Wrap around\n          if (newIndex < 0) {\n            newIndex = enabledItems.length - 1;\n          } else {\n            newIndex = 0;\n          }\n          newId = enabledItems[newIndex].id;\n        }\n        // If newIndex is out of bounds and wrap is disabled, keep current tickled item\n      }\n    } else {\n      const item = enabledItems.find(item => item.id === direction);\n      if (item) {\n        newId = item.id;\n      }\n    }\n\n    if (newId !== undefined) {\n      const previousId = this._tickledId;\n      this._tickledId = newId;\n      this.host.requestUpdate();\n\n      if (previousId !== newId && this.config.onTickle) {\n        this.config.onTickle(newId);\n      }\n\n      if ((previousId !== newId || modeChanged) && this.config.onStateChange) {\n        this.config.onStateChange();\n      }\n    }\n  }\n\n  /**\n   * Manually set the tickled item (useful for programmatic control).\n   * Does NOT change input mode.\n   */\n  setTickled(id: T | undefined): void {\n    const previousId = this._tickledId;\n    this._tickledId = id;\n    this.host.requestUpdate();\n\n    if (previousId !== id && this.config.onTickle) {\n      this.config.onTickle(id);\n    }\n\n    if (previousId !== id && this.config.onStateChange) {\n      this.config.onStateChange();\n    }\n  }\n\n  /**\n   * Clear the tickled state (e.g., on pointer leave).\n   * Note: For pointer leave events, prefer using handlePointerLeave() which\n   * checks for actual mouse movement.\n   */\n  clearTickled(): void {\n    if (this._tickledId !== undefined) {\n      this._tickledId = undefined;\n      this.host.requestUpdate();\n\n      if (this.config.onTickle) {\n        this.config.onTickle(undefined);\n      }\n\n      if (this.config.onStateChange) {\n        this.config.onStateChange();\n      }\n    }\n  }\n\n  /**\n   * Manually set the input mode.\n   * When switching to keyboard mode, resets the mouse movement tracking.\n   */\n  setInputMode(mode: InputMode): void {\n    if (this._inputMode !== mode) {\n      this._inputMode = mode;\n      this.host.requestUpdate();\n\n      if (mode === `keyboard`) {\n        TickledController._mouseMovedSinceKeyboard = false;\n      }\n\n      if (this.config.onStateChange) {\n        this.config.onStateChange();\n      }\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/{tree-Chptss7I.js → tree-4Jv28Nig.js}

@@ -1,10 +1,10 @@
-import { t as TickledController } from "./tickled-controller-C66DgJHl.js";
+import { t as TickledController } from "./tickled-controller-Dh1Uh_vG.js";
 import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-BrAHEj1q.js";
 import { t as themeFallbacks } from "./fallbacks-DNI9xt0F.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
 import { i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES, t as createTreeListSearchAdapter } from "./incr-search-C05WjbZh.js";
 import { n as animateListItemIn, r as animateListItemOut } from "./list-item-animation-DuiwgN3l.js";
-import "./interaction-Cr13azbM.js";
+import "./interaction-B9AAlsFO.js";
 import { t as collectDataResult } from "./data-provider-35TyWclX.js";
 import { LitElement, css, html, nothing } from "lit";
 import { property, state } from "lit/decorators.js";
@@ -1580,4 +1580,4 @@ var TreeController = class {
 //#endregion
 export { TreeDataModel as i, TreeListElement as n, TreeBaseElement as r, TreeController as t };
 
-//# sourceMappingURL=tree-Chptss7I.js.map
+//# sourceMappingURL=tree-4Jv28Nig.js.map