@ixfx/components 0.6.2 → 0.7.1

package/dist/menu-item-D2S4i8u1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item-D2S4i8u1.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.d.ts

@@ -1,3 +1,3 @@
-import { i as MenuContainer, n as MenuTrigger, t as MenuItem } from "./menu-item-Bs2MYyHq.js";
-import { a as menuFromTree, c as MenuSeparator, d as MenuCheckItem, f as MenuBar, i as MenuFromTreeOptions, l as MenuSubTrigger, n as MenuRadioGroup, o as menuFromTreeToElements, r as MenuRadioItem, s as MenuHeader, u as MenuCommandController } from "./index-CKtLhgYj.js";
+import { i as MenuContainer, n as MenuTrigger, t as MenuItem } from "./menu-item-CZi9vy5O.js";
+import { a as menuFromTree, c as MenuSeparator, d as MenuCheckItem, f as MenuBar, i as MenuFromTreeOptions, l as MenuSubTrigger, n as MenuRadioGroup, o as menuFromTreeToElements, r as MenuRadioItem, s as MenuHeader, u as MenuCommandController } from "./index-9AhaHIT2.js";
 export { MenuBar, MenuCheckItem, MenuCommandController, MenuContainer, type MenuFromTreeOptions, MenuHeader, MenuItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubTrigger, MenuTrigger, menuFromTree, menuFromTreeToElements };

package/dist/menu.js

@@ -1,2 +1,3 @@
-import { a as menuFromTreeToElements, c as MenuSubTrigger, d as MenuBar, f as MenuItem, i as menuFromTree, l as MenuCommandController, m as MenuContainer, n as MenuRadioGroup, o as MenuHeader, p as MenuTrigger, r as MenuRadioItem, s as MenuSeparator, u as MenuCheckItem } from "./menu-DIfU70AA.js";
+import { n as MenuTrigger, r as MenuContainer, t as MenuItem } from "./menu-item-D2S4i8u1.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-CXDFJxNm.js";
 export { MenuBar, MenuCheckItem, MenuCommandController, MenuContainer, MenuHeader, MenuItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubTrigger, MenuTrigger, menuFromTree, menuFromTreeToElements };

package/dist/miller.d.ts

@@ -1,6 +1,6 @@
 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-BvV4muxx.js";
-import { t as TickledController } from "./tickled-controller-BtevrRLV.js";
+import { t as TickledController } from "./tickled-controller-CRzdIEjJ.js";
 import { LitElement, PropertyValues, TemplateResult, nothing } from "lit";
 import { TraversableTree } from "@ixfx/collections";
 //#region src/miller/types.d.ts

package/dist/miller.js

@@ -1,7 +1,8 @@
-import { t as TickledController } from "./tickled-controller-DkAU-0qL.js";
+import { t as TickledController } from "./tickled-controller-h9GmJ_bU.js";
 import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-BrAHEj1q.js";
-import { t as themeFallbacks } from "./fallbacks-DEE1nCTt.js";
+import { t as themeFallbacks } from "./fallbacks-DNI9xt0F.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
+import "./interaction-D5XdKzbR.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/miller.js.map

@@ -1 +1 @@
-{"version":3,"file":"miller.js","names":["#buildTickledId","#getTickledDepthOrDefault","#getTickledNodeAndDepth","#setTickledNode","#anchor","#expandNode","#onItemClick","#abortPending","#resizingDepth","#resizeStartX","#resizeStartWidth","#onResizeMove","#onResizeEnd","#columnWidths","#lastSelectedNode","#modelUnsubscribe","#pendingNode","#pendingController","#canSelect","#dispatchSelectEvent","#applyCheckedToggle","#scrollNavigatedItemIntoView","#findNodePath","#onCheckboxClick","#getColumnHeader","#buildPath","#isAncestor","#expandTimer","#handleImplicitClick","#handleStandardClick","#allDescendantsSelected","#getTickledDepth","#columnStyle","#onKeyDown","#onHeaderClick","#onResizeStart","#renderLoadingColumn","#isFocused","customElement","#renderListItem","customElement","#root","#element","#options","#connectSignal","#childrenOf","#nodeToTree","#findTreePath","#toMillerNode","#identityToMillerNode"],"sources":["../src/miller/miller-base.ts","../src/miller/miller-list.ts","../src/miller/miller-tree-controller.ts"],"sourcesContent":["/* eslint-disable ts/no-unsafe-declaration-merging */\nimport type { PropertyValues, TemplateResult } from 'lit';\nimport type {\n  TreeActivateDetail,\n  TreeActivateEvent,\n  TreeCollapseEvent,\n  TreeComponent,\n  TreeComponentEventMap,\n  TreeExpandEvent,\n  TreeItemClickEvent,\n  TreeSearchHost,\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  LoadChildrenCallback,\n  TreeExclusivity,\n  TreeFilterPredicate,\n  TreeNode,\n  TreeSelectionFilter,\n} from '../common/types.js';\nimport type {\n  MillerCollapseDetail,\n  MillerConfig,\n  MillerExpandDetail,\n  MillerHeaderClickDetail,\n  MillerHeaderRightClickDetail,\n  MillerItemClickDetail,\n  MillerItemDblClickDetail,\n  MillerItemRightClickDetail,\n  MillerItemState,\n  MillerNode,\n  MillerSelectionMode,\n} from './types.js';\nimport { css, html, LitElement, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { collectDataResult } from '../common/data-provider.js';\nimport { TickledController } from '../interaction/tickled-controller.js';\nimport { tickledStyles } from '../interaction/tickled-styles.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\n\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\n\nconst EXPAND_DEBOUNCE_MS = 150;\n\ntype Anchor = { key: string; depth: number; index: number; selectionSnapshot?: ReadonlySet<string> };\n\n/**\n * Base class for Miller column components. Handles column lifecycle,\n * column resizing, keyboard navigation, and selection modes.\n *\n * Subclasses must override `renderColumnContent`.\n *\n * ## Interaction modes (`interactionMode`)\n *\n * Controls how clicks map to selection changes. Default: `'standard'`.\n *\n * - `implicit`: Selection follows the cursor path (navigation mode).\n * - `standard`: Single click selects; Shift+click range-selects within a column;\n *   Cmd/Ctrl+click toggles individual items.\n * - `manual`: Component never modifies selection. Use `selectedKeys` / `setSelected`\n *   / `clearSelection` to drive state externally.\n * - `checked`: Checkboxes on every item (rendered by subclass via `_isChecked` /\n *   `_handleCheckboxClick`). Clicking the item navigates/expands; clicking the\n *   checkbox toggles selection of the node and all loaded descendants.\n *\n * ## Events\n * - `expand`: FYI event fired after a column opens. Detail: `{ node, depth }`\n * - `collapse`: FYI event fired when a column closes. Detail: `{ node, depth }`\n * - `header-click`: fired when a column header is clicked (requires `headers` attr).\n *   Detail: `{ depth, label, path: MillerNode[] }`\n * - `activate`: fired when Enter is pressed on an item. Detail: `{ node, depth }`\n * - `select`: fired when the selection set changes. Detail: `{ selected, previous }`\n * - `item-click`: fired on any item click. Detail: `{ node, depth }`\n * - `tickle`: fired when an item is hovered or keyboard cursor moves to it. Detail: `{ node, depth }`\n *\n * ## CSS variables\n * - `--column-bg`: var(--surface-3)\n * - `--column-header-bg`: var(--surface-2)\n * - `--column-header-text`: var(--surface-muted-text)\n * - `--column-separator`: var(--surface-5)\n * - `--column-resize-handle`: var(--surface-5)\n * - `--column-resize-handle-hover`: var(--accent)\n * - `--column-resize-width`: 4px\n * - `--item-hover-bg`: var(--item-bg-tickled)\n * - `--item-selected-bg`: var(--item-bg-selected)\n * - `--item-selected-text`: var(--item-text-selected)\n */\n@customElement(`ixfx-miller-base`)\nexport class MillerBaseElement extends LitElement implements TreeComponent, TreeSearchHost {\n  @property({ type: Object })\n  root: MillerNode | undefined;\n\n  @property({ attribute: false })\n  model: TreeDataModel | undefined;\n\n  @property({ type: Boolean })\n  headers = false;\n\n  /**\n   * Controls the column-level interaction pattern (how clicks map to column changes).\n   * This is distinct from `selectionFilter` (which restricts which node kinds are selectable).\n   * Default: `'standard'`.\n   */\n  @property({ type: String })\n  interactionMode: MillerSelectionMode = `standard`;\n\n  // --- TreeComponent shared interface properties ---\n\n  @property({ reflect: true, attribute: `selection-filter` })\n  selectionFilter: TreeSelectionFilter = `leaf`;\n\n  @property({ reflect: true, attribute: `exclusivity` })\n  exclusivity: TreeExclusivity = `none`;\n\n  /**\n   * Callback to load children for a lazy node.\n   * Superseded by `model` when both are set.\n   * If not set and `model` is not set, clicking a lazy node opens an empty column.\n   */\n  @property({ type: Object })\n  loadChildren: LoadChildrenCallback | undefined;\n\n  @property({ attribute: false })\n  filterPredicate: TreeFilterPredicate | undefined;\n\n  @state()\n  protected _columns: MillerNode[][] = [];\n\n  // Depth of the currently loading column (undefined = not loading)\n  @state()\n  protected _loadingDepth: number | undefined;\n\n  // Selected node at each depth (implicit mode)\n  protected _selectedByDepth = new Map<number, MillerNode>();\n\n  // Selected item keys (standard / manual / checked / interactionMode modes)\n  protected _selectedKeys: Set<string> = new Set();\n\n  // Full selection set — implements TreeComponent.selectedNodes\n  @state()\n  protected _selectedNodes = new Set<MillerNode>();\n\n  // Most recently selected node\n  #lastSelectedNode: MillerNode | undefined;\n\n  // Anchor for shift-click / shift-arrow range selection\n  #anchor: Anchor | undefined;\n\n  // User-resized widths by depth (px)\n  #columnWidths = new Map<number, number>();\n\n  // Pending lazy expansion\n  #pendingNode: MillerNode | undefined;\n  #pendingController: AbortController | undefined;\n\n  // Debounce timer for loadChildren callback\n  #expandTimer: ReturnType<typeof setTimeout> | undefined;\n\n  // Resize drag state\n  #resizingDepth = -1;\n  #resizeStartX = 0;\n  #resizeStartWidth = 0;\n\n  // Model subscription teardown\n  #modelUnsubscribe: (() => void) | undefined;\n\n  // Tickled controller for hover/keyboard focus\n  tickled = new TickledController<string>(this, {\n    getItems: () => {\n      const items: Array<{ id: string; enabled?: boolean }> = [];\n      for (let depth = 0; depth < this._columns.length; depth++) {\n        const col = this._columns[depth];\n        if (col) {\n          for (const node of col) {\n            items.push({ id: this.#buildTickledId(node, depth) });\n          }\n        }\n      }\n      return items;\n    },\n  });\n\n  // Helper to build unique ID from depth and node key\n  #buildTickledId(node: MillerNode, depth: number): string {\n    return `${depth}:${node.item.key}`;\n  }\n\n  // Helper to extract depth from tickled ID\n  #getTickledDepth(): number | undefined {\n    const id = this.tickled.tickledId;\n    if (!id)\n      return undefined;\n    const colonIndex = id.indexOf(`:`);\n    if (colonIndex < 0)\n      return undefined;\n    return Number(id.substring(0, colonIndex));\n  }\n\n  override updated(changedProps: PropertyValues) {\n    if (changedProps.has(`root`) && this.root) {\n      this.#abortPending();\n      this._columns = this.root.children ? [this.root.children] : [];\n      this._selectedByDepth.clear();\n      this._selectedKeys = new Set();\n      this._selectedNodes.clear();\n      this.#lastSelectedNode = undefined;\n      this.#anchor = undefined;\n      this.tickled.clearTickled();\n    }\n\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          } else if (event.type === `invalidate`) {\n            // Collapse the column that shows this node's children, if open\n            // Find which column depth contains the invalidated node\n            for (let depth = 0; depth < this._columns.length - 1; depth++) {\n              const col = this._columns[depth];\n              if (col?.some(n => n.item.key === event.key)) {\n                this._columns = this._columns.slice(0, depth + 1);\n                this.requestUpdate();\n                break;\n              }\n            }\n          }\n        });\n      }\n    }\n\n    // Detect when the app has resolved a pending expansion\n    if (this.#pendingNode?.children !== undefined && this._loadingDepth !== undefined) {\n      const loadingDepth = this._loadingDepth;\n      const resolvedChildren = this.#pendingNode.children;\n      this.#pendingNode = undefined;\n      this.#pendingController = undefined;\n      this._loadingDepth = undefined;\n\n      const cols = this._columns.slice(0, loadingDepth);\n      if (resolvedChildren.length > 0)\n        cols.push(resolvedChildren);\n      this._columns = cols;\n    }\n\n    // Scroll new rightmost column into view\n    const prevColumns = changedProps.get(`_columns`) as MillerNode[][] | undefined;\n    const columnAdded = changedProps.has(`_columns`) && (prevColumns?.length ?? 0) < this._columns.length;\n    const loadingAppeared = changedProps.has(`_loadingDepth`) && this._loadingDepth !== undefined;\n    if (columnAdded || loadingAppeared) {\n      const container = this.shadowRoot?.querySelector(`#container`) as HTMLElement | null;\n      container?.scrollTo({ left: container.scrollWidth, behavior: `smooth` });\n    }\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.#modelUnsubscribe?.();\n    this.#modelUnsubscribe = undefined;\n  }\n\n  // --- Public API ---\n\n  getConfig(): MillerConfig {\n    const columnWidths: Record<number, number> = {};\n    for (const [depth, width] of this.#columnWidths) {\n      columnWidths[depth] = width;\n    }\n    return { columnWidths };\n  }\n\n  setConfig(config: MillerConfig) {\n    this.#columnWidths.clear();\n    for (const [depth, width] of Object.entries(config.columnWidths)) {\n      this.#columnWidths.set(Number(depth), width);\n    }\n    this.requestUpdate();\n  }\n\n  /** Read current selection as an immutable set of item keys. */\n  get selectedKeys(): ReadonlySet<string> {\n    return this._selectedKeys;\n  }\n\n  /** Replace entire selection and trigger a re-render. */\n  set selectedKeys(keys: Iterable<string>) {\n    this._selectedKeys = new Set(keys);\n    this.requestUpdate();\n  }\n\n  // --- TreeComponent.selectedNode / selectedNodes ---\n\n  /** The most recently selected node. */\n  get selectedNode(): MillerNode | undefined {\n    return this.#lastSelectedNode;\n  }\n\n  set selectedNode(node: MillerNode | undefined) {\n    this.#lastSelectedNode = node;\n    if (node) {\n      if (this.interactionMode === `implicit` || this.interactionMode === `standard`) {\n        this._selectedKeys = new Set([node.item.key]);\n      }\n    }\n    this.requestUpdate();\n  }\n\n  /** Full selection set (implements TreeComponent interface). */\n  get selectedNodes(): ReadonlySet<MillerNode> {\n    return this._selectedNodes;\n  }\n\n  // --- TreeComponent programmatic selection ---\n\n  /** Add `node` to the selection (respects selectionFilter). Dispatches `select` event. */\n  select(node: MillerNode): void {\n    if (!this.#canSelect(node))\n      return;\n    const prev = new Set(this._selectedNodes);\n    this._selectedNodes.add(node);\n    this._selectedKeys.add(node.item.key);\n    this.#lastSelectedNode = node;\n    this.#dispatchSelectEvent(prev);\n    this.requestUpdate();\n  }\n\n  /** Remove `node` from the selection. Dispatches `select` event. */\n  deselect(node: MillerNode): void {\n    if (!this._selectedNodes.has(node))\n      return;\n    const prev = new Set(this._selectedNodes);\n    this._selectedNodes.delete(node);\n    this._selectedKeys.delete(node.item.key);\n    if (this.#lastSelectedNode === node) {\n      this.#lastSelectedNode = [...this._selectedNodes].at(-1);\n    }\n    this.#dispatchSelectEvent(prev);\n    this.requestUpdate();\n  }\n\n  /**\n   * Clear all selection and trigger a re-render.\n   */\n  clearSelection(): void {\n    const prev = new Set(this._selectedNodes);\n    this._selectedKeys = new Set();\n    this._selectedNodes.clear();\n    this.#lastSelectedNode = undefined;\n    if (prev.size > 0) {\n      this.#dispatchSelectEvent(prev);\n    }\n    this.requestUpdate();\n  }\n\n  /** Not implemented on miller-list. */\n  selectAll(): void {\n    // no-op\n  }\n\n  /** Not implemented on miller-list. */\n  deselectAll(): void {\n    // no-op\n  }\n\n  /**\n   * Select or deselect a single node by key.\n   * In `checked` interactionMode this also recursively selects/deselects all loaded descendants.\n   */\n  setSelected(node: MillerNode, selected: boolean): void {\n    if (this.interactionMode === `checked`) {\n      this.#applyCheckedToggle(node, selected);\n    } else {\n      if (selected) {\n        this._selectedKeys.add(node.item.key);\n        this._selectedNodes.add(node);\n      } else {\n        this._selectedKeys.delete(node.item.key);\n        this._selectedNodes.delete(node);\n      }\n    }\n    this.requestUpdate();\n  }\n\n  /**\n   * Return all MillerNodes whose key is in `_selectedKeys`, searching only\n   * the currently visible columns.\n   */\n  getSelected(): MillerNode[] {\n    const results: MillerNode[] = [];\n    for (const col of this._columns) {\n      for (const node of col) {\n        if (this._selectedKeys.has(node.item.key))\n          results.push(node);\n      }\n    }\n    return results;\n  }\n\n  /**\n   * Programmatically navigate to a node by key path.\n   */\n  navigateTo(keys: readonly string[]): boolean {\n    if (!this.root?.children)\n      return false;\n    this.#abortPending();\n    this._selectedByDepth.clear();\n    this.tickled.clearTickled();\n\n    const newColumns: MillerNode[][] = [this.root.children];\n    let currentColumn = this.root.children;\n    let success = true;\n    let lastNode: MillerNode | undefined;\n    let lastDepth = 0;\n\n    for (let depth = 0; depth < keys.length; depth++) {\n      const idx = currentColumn.findIndex(n => n.item.key === keys[depth]);\n      if (idx < 0) {\n        success = false; break;\n      }\n\n      const node = currentColumn[idx];\n      this._selectedByDepth.set(depth, node);\n      lastNode = node;\n      lastDepth = depth;\n\n      if (node.item.isLeaf || !node.children || node.children.length === 0) {\n        if (depth < keys.length - 1)\n          success = false;\n        break;\n      }\n\n      newColumns.push(node.children);\n      currentColumn = node.children;\n    }\n\n    this._columns = newColumns;\n\n    if (lastNode) {\n      this.tickled.setTickled(this.#buildTickledId(lastNode, lastDepth));\n    }\n\n    if (this.interactionMode !== `implicit` && this.interactionMode !== `manual`) {\n      const leafKey = keys.at(-1);\n      if (leafKey)\n        this._selectedKeys = new Set([leafKey]);\n    }\n\n    this.requestUpdate();\n    this.#scrollNavigatedItemIntoView();\n    return success;\n  }\n\n  /**\n   * Programmatically navigate to the first node (breadth-first) matching a predicate.\n   */\n  navigateToNode(predicate: (node: MillerNode) => boolean): boolean {\n    if (!this.root?.children)\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  getNodes(): ReadonlyArray<{ node: MillerNode; depth: number }> {\n    if (!this.root?.children)\n      return [];\n    const result: Array<{ node: MillerNode; depth: number }> = [];\n    const visit = (node: MillerNode, 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  #findNodePath(\n    nodes: MillerNode[],\n    predicate: (node: MillerNode) => 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  // --- Methods subclasses override ---\n\n  protected renderColumnContent(nodes: MillerNode[], depth: number): TemplateResult | typeof nothing {\n    console.warn(`ixfx-miller-base: renderColumnContent not overridden. depth=${depth}, nodes=${nodes.length}`);\n    return nothing;\n  }\n\n  // Called by subclasses to handle item clicks\n  protected _handleItemClick(node: MillerNode, depth: number, event?: MouseEvent) {\n    this.#onItemClick(node, depth, event);\n  }\n\n  /**\n   * Called by subclasses (in `checked` interactionMode) when a checkbox is clicked.\n   */\n  protected _handleCheckboxClick(event: MouseEvent, node: MillerNode, _depth: number) {\n    event.stopPropagation();\n    this.#onCheckboxClick(node);\n  }\n\n  /**\n   * Called by subclasses when an item is double-clicked.\n   */\n  protected _handleItemDblClick(node: MillerNode, depth: number, _event: MouseEvent) {\n    this.dispatchEvent(new CustomEvent<MillerItemDblClickDetail>(`item-dblclick`, {\n      detail: { node, depth },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  /**\n   * Called by subclasses when an item is right-clicked.\n   */\n  protected _handleItemRightClick(node: MillerNode, depth: number, event: MouseEvent) {\n    this.dispatchEvent(new CustomEvent<MillerItemRightClickDetail>(`item-rightclick`, {\n      detail: { node, depth, mouseEvent: event },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  /**\n   * Called by subclasses when a column header is right-clicked.\n   */\n  protected _handleHeaderRightClick(event: MouseEvent, depth: number) {\n    const label = this.#getColumnHeader(depth);\n    const path = this.#buildPath(depth);\n    this.dispatchEvent(new CustomEvent<MillerHeaderRightClickDetail>(`header-rightclick`, {\n      detail: { depth, label, path, mouseEvent: event },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  protected _isSelected(node: MillerNode, depth: number): boolean {\n    if (this.interactionMode === `implicit`) {\n      return this._selectedByDepth.get(depth) === node;\n    }\n    return this._selectedKeys.has(node.item.key);\n  }\n\n  #isAncestor(node: MillerNode, depth: number): boolean {\n    const nextCol = this._columns[depth + 1];\n    return nextCol !== undefined && node.children === nextCol;\n  }\n\n  protected _isOpen(node: MillerNode, depth: number): boolean {\n    return this.#isAncestor(node, depth);\n  }\n\n  /**\n   * Return the display state for an item identified by key at a given depth.\n   */\n  getItemState(key: string, depth: number): MillerItemState | undefined {\n    const col = this._columns[depth];\n    const node = col?.find(n => n.item.key === key);\n    if (!node)\n      return undefined;\n    return {\n      selected: this._isSelected(node, depth),\n      open: this.#isAncestor(node, depth),\n      focused: this._isFocused(node, depth),\n      isLeaf: node.item.isLeaf ?? false,\n    };\n  }\n\n  // --- Internal ---\n\n  #canSelect(node: MillerNode): boolean {\n    if (this.selectionFilter === `none`)\n      return false;\n    if (this.selectionFilter === `leaf`)\n      return node.item.isLeaf !== false;\n    if (this.selectionFilter === `branch`)\n      return node.item.isLeaf === false || (node.children !== undefined && node.children.length > 0);\n    return true;\n  }\n\n  #dispatchSelectEvent(previous: ReadonlySet<TreeNode>): void {\n    const detail: TreeSelectDetail = {\n      selected: new Set(this._selectedNodes),\n      previous,\n    };\n    this.dispatchEvent(new CustomEvent<TreeSelectDetail>(`select`, {\n      detail,\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  #abortPending() {\n    if (this.#expandTimer !== undefined) {\n      clearTimeout(this.#expandTimer);\n      this.#expandTimer = undefined;\n    }\n\n    if (this.#pendingController) {\n      const node = this.#pendingNode;\n      const depth = this._loadingDepth;\n      this.#pendingController.abort();\n      this.#pendingController = undefined;\n      this.#pendingNode = undefined;\n      this._loadingDepth = undefined;\n\n      if (node && depth !== undefined) {\n        this.dispatchEvent(new CustomEvent<MillerCollapseDetail>(`collapse`, {\n          detail: { node, depth },\n          bubbles: true,\n          composed: true,\n        }));\n      }\n    }\n  }\n\n  /**\n   * Build the ancestry path for a given column depth.\n   */\n  #buildPath(depth: number): MillerNode[] {\n    const path: MillerNode[] = [];\n    if (this.root)\n      path.push(this.root);\n    for (let d = 0; d < depth; d++) {\n      const sel = this._selectedByDepth.get(d);\n      if (sel)\n        path.push(sel);\n    }\n    return path;\n  }\n\n  #onHeaderClick(depth: number) {\n    const label = this.#getColumnHeader(depth);\n    const path = this.#buildPath(depth);\n    const detail: MillerHeaderClickDetail = { depth, label, path };\n    this.dispatchEvent(new CustomEvent<MillerHeaderClickDetail>(`header-click`, {\n      detail,\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  #onItemClick(node: MillerNode, depth: number, event?: MouseEvent) {\n    if (this._loadingDepth !== undefined && this._loadingDepth > depth) {\n      this.#abortPending();\n    }\n\n    this.tickled.setTickled(this.#buildTickledId(node, depth));\n\n    this.dispatchEvent(new CustomEvent<MillerItemClickDetail>(`item-click`, {\n      detail: { node, depth },\n      bubbles: true,\n      composed: true,\n    }));\n\n    switch (this.interactionMode) {\n      case `implicit`:\n        this.#handleImplicitClick(node, depth);\n        break;\n      case `standard`:\n        this.#handleStandardClick(node, depth, event);\n        break;\n      case `vscode`:\n        this.#handleStandardClick(node, depth, event);\n        break;\n      case `manual`:\n        break;\n      case `checked`:\n        this.#expandNode(node, depth);\n        break;\n    }\n  }\n\n  #handleImplicitClick(node: MillerNode, depth: number) {\n    const previous = new Set(this._selectedNodes);\n    this._selectedByDepth.set(depth, node);\n    this.#lastSelectedNode = node;\n    this._selectedKeys = new Set([node.item.key]);\n    this._selectedNodes.clear();\n    this._selectedNodes.add(node);\n    this.#expandNode(node, depth);\n    if (!previous.has(node)) {\n      this.#dispatchSelectEvent(previous);\n    }\n  }\n\n  #handleStandardClick(node: MillerNode, depth: number, event?: MouseEvent) {\n    const col = this._columns[depth];\n    const index = col ? col.indexOf(node) : -1;\n\n    const isMeta = event ? (event.metaKey || event.ctrlKey) : false;\n    const isShift = event ? event.shiftKey : false;\n\n    if (isMeta) {\n      if (this._selectedKeys.has(node.item.key)) {\n        this._selectedKeys.delete(node.item.key);\n        this._selectedNodes.delete(node);\n      } else {\n        this._selectedKeys.add(node.item.key);\n        this._selectedNodes.add(node);\n      }\n      this.#anchor = index >= 0 ? { key: node.item.key, depth, index } : this.#anchor;\n      this.requestUpdate();\n      return;\n    }\n\n    if (isShift && this.#anchor && this.#anchor.depth === depth && col) {\n      const from = Math.min(this.#anchor.index, index);\n      const to = Math.max(this.#anchor.index, index);\n      const rangeNodes = col.slice(from, to + 1);\n      this._selectedKeys = new Set(rangeNodes.map(n => n.item.key));\n      this._selectedNodes = new Set(rangeNodes);\n      this.requestUpdate();\n      return;\n    }\n\n    const previous = new Set(this._selectedNodes);\n    this._selectedKeys = new Set([node.item.key]);\n    this._selectedNodes = new Set([node]);\n    this.#anchor = index >= 0 ? { key: node.item.key, depth, index } : undefined;\n    this._selectedByDepth.set(depth, node);\n    this.#lastSelectedNode = node;\n    this.#expandNode(node, depth);\n    if (!previous.has(node) || previous.size !== 1) {\n      this.#dispatchSelectEvent(previous);\n    }\n  }\n\n  #expandNode(node: MillerNode, depth: number) {\n    if (node.item.isLeaf) {\n      this._columns = this._columns.slice(0, depth + 1);\n      this.requestUpdate();\n      return;\n    }\n\n    if (node.children === undefined) {\n      this._columns = this._columns.slice(0, depth + 1);\n      this._loadingDepth = depth + 1;\n      this.#pendingNode = node;\n      const controller = new AbortController();\n      this.#pendingController = controller;\n\n      this.dispatchEvent(new CustomEvent<MillerExpandDetail>(`expand`, {\n        detail: { node, depth },\n        bubbles: true,\n        composed: true,\n      }));\n\n      const applyChildren = (children: MillerNode[]) => {\n        if (controller.signal.aborted)\n          return;\n        node.children = children;\n        this.#pendingNode = undefined;\n        this.#pendingController = undefined;\n        this._loadingDepth = undefined;\n        const cols = this._columns.slice(0, depth + 1);\n        if (children.length > 0)\n          cols.push(children);\n        this._columns = cols;\n      };\n\n      const handleError = (err: unknown) => {\n        if ((err as Error).name !== `AbortError`)\n          console.error(err);\n        node.children = [];\n        this.#pendingNode = undefined;\n        this.#pendingController = undefined;\n        this._loadingDepth = undefined;\n        this.requestUpdate();\n      };\n\n      if (this.model || this.loadChildren) {\n        if (this.#expandTimer !== undefined) {\n          clearTimeout(this.#expandTimer);\n        }\n        this.#expandTimer = setTimeout(() => {\n          this.#expandTimer = undefined;\n          if (this.#pendingNode !== node)\n            return;\n\n          const promise = this.model\n            ? this.model.getChildren(node, depth, controller.signal)\n            : collectDataResult(this.loadChildren!({ node, depth }, controller.signal), controller.signal);\n\n          promise.then(children => applyChildren([...children] as MillerNode[])).catch(handleError);\n        }, EXPAND_DEBOUNCE_MS);\n      } else {\n        this._loadingDepth = undefined;\n        this.#pendingNode = undefined;\n        this.#pendingController = undefined;\n        const newColumns = this._columns.slice(0, depth + 1);\n        newColumns.push([]);\n        this._columns = newColumns;\n      }\n    } else {\n      const newColumns = this._columns.slice(0, depth + 1);\n      newColumns.push(node.children);\n      this._columns = newColumns;\n\n      this.dispatchEvent(new CustomEvent<MillerExpandDetail>(`expand`, {\n        detail: { node, depth },\n        bubbles: true,\n        composed: true,\n      }));\n    }\n  }\n\n  #onCheckboxClick(node: MillerNode) {\n    const currentlySelected = this._selectedKeys.has(node.item.key);\n    const hasLoadedChildren = !!(node.children?.length);\n\n    const allDescendantsSelected = hasLoadedChildren\n      ? this.#allDescendantsSelected(node)\n      : currentlySelected;\n\n    if (allDescendantsSelected) {\n      this.#applyCheckedToggle(node, false);\n    } else {\n      this.#applyCheckedToggle(node, true);\n    }\n\n    this.requestUpdate();\n  }\n\n  #allDescendantsSelected(node: MillerNode): boolean {\n    if (!this._selectedKeys.has(node.item.key))\n      return false;\n    if (!node.children?.length)\n      return true;\n    return node.children.every(child => this.#allDescendantsSelected(child));\n  }\n\n  #applyCheckedToggle(node: MillerNode, selected: boolean) {\n    if (selected) {\n      this._selectedKeys.add(node.item.key);\n      this._selectedNodes.add(node);\n    } else {\n      this._selectedKeys.delete(node.item.key);\n      this._selectedNodes.delete(node);\n    }\n    if (node.children) {\n      for (const child of node.children) {\n        this.#applyCheckedToggle(child, selected);\n      }\n    }\n  }\n\n  #getTickledDepthOrDefault(): number {\n    return this.#getTickledDepth() ?? 0;\n  }\n\n  #getTickledNodeAndDepth(): { node: MillerNode; depth: number; index: number } | undefined {\n    const id = this.tickled.tickledId;\n    if (!id)\n      return undefined;\n\n    const colonIndex = id.indexOf(`:`);\n    if (colonIndex < 0)\n      return undefined;\n\n    const depth = Number(id.substring(0, colonIndex));\n    const key = id.substring(colonIndex + 1);\n\n    const col = this._columns[depth];\n    if (!col)\n      return undefined;\n\n    const index = col.findIndex(n => n.item.key === key);\n    if (index < 0)\n      return undefined;\n\n    return { node: col[index], depth, index };\n  }\n\n  #scrollNavigatedItemIntoView() {\n    requestAnimationFrame(() => {\n      const tickled = this.#getTickledNodeAndDepth();\n      if (!tickled)\n        return;\n\n      const container = this.shadowRoot?.querySelectorAll(`.column`)[tickled.depth]?.querySelector(`.column-content`);\n      if (!container)\n        return;\n\n      const items = container.querySelectorAll(`.item`);\n      const item = items[tickled.index] as HTMLElement | undefined;\n      item?.scrollIntoView({ block: `nearest`, behavior: `smooth` });\n    });\n  }\n\n  #setTickledNode(node: MillerNode, depth: number) {\n    this.tickled.setTickled(this.#buildTickledId(node, depth));\n    this.dispatchEvent(new CustomEvent<TreeTickleDetail>(`tickle`, {\n      detail: { node, depth },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  #onKeyDown = (event: KeyboardEvent) => {\n    const currentDepth = this.#getTickledDepthOrDefault();\n    const col = this._columns[currentDepth];\n\n    if (!col || col.length === 0) {\n      const depth0Col = this._columns[0];\n      if (depth0Col && depth0Col.length > 0) {\n        this.tickled.setTickled(this.#buildTickledId(depth0Col[0], 0));\n        this.requestUpdate();\n      }\n      return;\n    }\n\n    switch (event.key) {\n      case `ArrowDown`: {\n        event.preventDefault();\n\n        const current = this.#getTickledNodeAndDepth();\n        let targetIndex = 0;\n\n        if (current && current.depth === currentDepth) {\n          targetIndex = Math.min(current.index + 1, col.length - 1);\n        }\n\n        const targetNode = col[targetIndex];\n        if (!targetNode)\n          break;\n\n        this.#setTickledNode(targetNode, currentDepth);\n\n        if (this.interactionMode === `standard` || this.interactionMode === `vscode`) {\n          const prevIndex = current?.index ?? 0;\n\n          if (event.shiftKey) {\n            if (!this.#anchor || this.#anchor.depth !== currentDepth) {\n              const anchorNode = col[prevIndex];\n              if (anchorNode) {\n                this.#anchor = {\n                  key: anchorNode.item.key,\n                  depth: currentDepth,\n                  index: prevIndex,\n                  selectionSnapshot: this.interactionMode === `vscode` ? new Set(this._selectedKeys) : undefined,\n                };\n              }\n            }\n\n            if (this.#anchor) {\n              const from = Math.min(this.#anchor.index, targetIndex);\n              const to = Math.max(this.#anchor.index, targetIndex);\n              const rangeKeys = col.slice(from, to + 1).map(n => n.item.key);\n\n              if (this.interactionMode === `vscode`) {\n                const snap = this.#anchor.selectionSnapshot!;\n                for (const k of rangeKeys) {\n                  if (snap.has(k))\n                    this._selectedKeys.delete(k);\n                  else this._selectedKeys.add(k);\n                }\n              } else {\n                this._selectedKeys = new Set(rangeKeys);\n              }\n            }\n          } else if (this.interactionMode === `standard`) {\n            this.#anchor = { key: targetNode.item.key, depth: currentDepth, index: targetIndex };\n          } else {\n            this.#anchor = undefined;\n          }\n        }\n\n        this.requestUpdate();\n        break;\n      }\n\n      case `ArrowUp`: {\n        event.preventDefault();\n\n        const current = this.#getTickledNodeAndDepth();\n        let targetIndex = 0;\n\n        if (current && current.depth === currentDepth) {\n          targetIndex = Math.max(current.index - 1, 0);\n        }\n\n        const targetNode = col[targetIndex];\n        if (!targetNode)\n          break;\n\n        this.#setTickledNode(targetNode, currentDepth);\n\n        if (this.interactionMode === `standard` || this.interactionMode === `vscode`) {\n          const prevIndex = current?.index ?? 0;\n\n          if (event.shiftKey) {\n            if (!this.#anchor || this.#anchor.depth !== currentDepth) {\n              const anchorNode = col[prevIndex];\n              if (anchorNode) {\n                this.#anchor = {\n                  key: anchorNode.item.key,\n                  depth: currentDepth,\n                  index: prevIndex,\n                  selectionSnapshot: this.interactionMode === `vscode` ? new Set(this._selectedKeys) : undefined,\n                };\n              }\n            }\n\n            if (this.#anchor) {\n              const from = Math.min(this.#anchor.index, targetIndex);\n              const to = Math.max(this.#anchor.index, targetIndex);\n              const rangeKeys = col.slice(from, to + 1).map(n => n.item.key);\n\n              if (this.interactionMode === `vscode`) {\n                const snap = this.#anchor.selectionSnapshot!;\n                for (const k of rangeKeys) {\n                  if (snap.has(k))\n                    this._selectedKeys.delete(k);\n                  else this._selectedKeys.add(k);\n                }\n              } else {\n                this._selectedKeys = new Set(rangeKeys);\n              }\n            }\n          } else if (this.interactionMode === `standard`) {\n            this.#anchor = { key: targetNode.item.key, depth: currentDepth, index: targetIndex };\n          } else {\n            this.#anchor = undefined;\n          }\n        }\n\n        this.requestUpdate();\n        break;\n      }\n\n      case `ArrowRight`: {\n        event.preventDefault();\n        const tickled = this.#getTickledNodeAndDepth();\n        if (!tickled) {\n          if (col.length > 0) {\n            this.#setTickledNode(col[0], currentDepth);\n            this.requestUpdate();\n          }\n          return;\n        }\n\n        const { node, depth } = tickled;\n\n        if (this.interactionMode === `vscode` || this.interactionMode === `standard`) {\n          this._selectedByDepth.set(depth, node);\n          this.#expandNode(node, depth);\n        } else {\n          this.#onItemClick(node, depth);\n        }\n\n        if (this._columns.length > depth + 1) {\n          const nextCol = this._columns[depth + 1];\n          if (nextCol && nextCol.length > 0) {\n            this.#setTickledNode(nextCol[0], depth + 1);\n          }\n        }\n\n        this.requestUpdate();\n        break;\n      }\n\n      case `ArrowLeft`: {\n        event.preventDefault();\n        if (currentDepth > 0) {\n          this.#abortPending();\n          this._columns = this._columns.slice(0, currentDepth);\n\n          const prevCol = this._columns[currentDepth - 1];\n          if (prevCol && prevCol.length > 0) {\n            const selectedNode = this._selectedByDepth.get(currentDepth - 1);\n            const targetNode = selectedNode && prevCol.includes(selectedNode) ? selectedNode : prevCol[0];\n            this.#setTickledNode(targetNode, currentDepth - 1);\n          }\n\n          this.requestUpdate();\n        }\n        break;\n      }\n\n      case `Enter`: {\n        event.preventDefault();\n        const tickled = this.#getTickledNodeAndDepth();\n        if (!tickled)\n          return;\n\n        const { node, depth, index } = tickled;\n\n        if (this.interactionMode === `standard` || this.interactionMode === `vscode`) {\n          if (event.shiftKey && this.#anchor?.depth === depth) {\n            const from = Math.min(this.#anchor.index, index);\n            const to = Math.max(this.#anchor.index, index);\n            this._selectedKeys = new Set(col.slice(from, to + 1).map(n => n.item.key));\n          } else {\n            this._selectedKeys.add(node.item.key);\n            this.#anchor = { key: node.item.key, depth, index };\n          }\n        } else {\n          this._selectedByDepth.set(depth, node);\n        }\n\n        this.dispatchEvent(new CustomEvent<TreeActivateDetail>(`activate`, {\n          detail: { node, depth },\n          bubbles: true,\n          composed: true,\n        }));\n\n        this.requestUpdate();\n        break;\n      }\n\n      case `Escape`: {\n        event.preventDefault();\n        this.#abortPending();\n        if (this._columns.length > 1) {\n          this._columns = this._columns.slice(0, -1);\n          const newDepth = Math.max(0, currentDepth - 1);\n\n          const prevCol = this._columns[newDepth];\n          if (prevCol && prevCol.length > 0) {\n            const selectedNode = this._selectedByDepth.get(newDepth);\n            const targetNode = selectedNode && prevCol.includes(selectedNode) ? selectedNode : prevCol[0];\n            this.#setTickledNode(targetNode, newDepth);\n          }\n\n          this.requestUpdate();\n        }\n        break;\n      }\n    }\n  };\n\n  // --- Column resize ---\n\n  #onResizeStart = (event: PointerEvent, depth: number) => {\n    event.preventDefault();\n    event.stopPropagation();\n    this.#resizingDepth = depth;\n    this.#resizeStartX = event.clientX;\n    const el = this.shadowRoot?.querySelectorAll(`.column`)[depth] as HTMLElement | undefined;\n    this.#resizeStartWidth = el ? el.getBoundingClientRect().width : 200;\n    window.addEventListener(`pointermove`, this.#onResizeMove);\n    window.addEventListener(`pointerup`, this.#onResizeEnd);\n  };\n\n  #onResizeMove = (event: PointerEvent) => {\n    if (this.#resizingDepth < 0)\n      return;\n    const delta = event.clientX - this.#resizeStartX;\n    const newWidth = Math.max(32, this.#resizeStartWidth + delta);\n    this.#columnWidths.set(this.#resizingDepth, newWidth);\n    this.requestUpdate();\n  };\n\n  #onResizeEnd = () => {\n    this.#resizingDepth = -1;\n    window.removeEventListener(`pointermove`, this.#onResizeMove);\n    window.removeEventListener(`pointerup`, this.#onResizeEnd);\n  };\n\n  // --- Render ---\n\n  #getColumnHeader(depth: number): string {\n    if (depth === 0)\n      return this.root?.item.label ?? ``;\n    const explicit = this._selectedByDepth.get(depth - 1);\n    if (explicit)\n      return explicit.item.label;\n    const prevCol = this._columns[depth - 1];\n    const thisCol = this._columns[depth];\n    if (prevCol && thisCol) {\n      const parent = prevCol.find(n => n.children === thisCol);\n      if (parent)\n        return parent.item.label;\n    }\n    return ``;\n  }\n\n  #columnStyle(depth: number): string {\n    const w = this.#columnWidths.get(depth);\n    return w !== undefined ? `width:${w}px;flex-shrink:0` : `width:max-content`;\n  }\n\n  #isFocused(node: MillerNode, depth: number): boolean {\n    return this.tickled.isTickled(this.#buildTickledId(node, depth));\n  }\n\n  /**\n   * Override to provide a custom loading indicator.\n   */\n  protected renderLoadingIndicator(): TemplateResult | typeof nothing {\n    return html`<div class=\"loading-spinner\"></div>`;\n  }\n\n  #renderLoadingColumn() {\n    const depth = this._loadingDepth!;\n    return html`\n      <div class=\"column loading-column\" style=${this.#columnStyle(depth)}>\n        ${this.headers\n          ? html`\n          <div class=\"column-header\">${this.#getColumnHeader(depth)}</div>\n        `\n          : nothing}\n        <div class=\"column-content loading-content\">\n          ${this.renderLoadingIndicator()}\n        </div>\n      </div>\n    `;\n  }\n\n  protected override render() {\n    return html`\n      <div id=\"container\" @keydown=${this.#onKeyDown} tabindex=\"0\">\n        ${this._columns.map((nodes, depth) => {\n          const visibleNodes = this.filterPredicate\n            ? nodes.filter(n => this.filterPredicate!(n, depth))\n            : nodes;\n          return html`\n          <div class=\"column\" style=${this.#columnStyle(depth)}>\n            ${this.headers\n              ? html`\n              <div class=\"column-header\"\n                @click=${() => this.#onHeaderClick(depth)}\n                @contextmenu=${(e: MouseEvent) => this._handleHeaderRightClick(e, depth)}>\n                ${this.#getColumnHeader(depth)}\n              </div>\n            `\n              : nothing}\n            <div class=\"column-content\">\n              ${this.renderColumnContent(visibleNodes, depth)}\n            </div>\n            <div class=\"resize-handle\"\n              @pointerdown=${(e: PointerEvent) => this.#onResizeStart(e, depth)}>\n            </div>\n          </div>\n        `;\n        })}\n        ${this._loadingDepth !== undefined ? this.#renderLoadingColumn() : nothing}\n      </div>\n    `;\n  }\n\n  protected _getFocusedIndex(depth: number): number {\n    const tickled = this.#getTickledNodeAndDepth();\n    if (tickled && tickled.depth === depth) {\n      return tickled.index;\n    }\n    return 0;\n  }\n\n  protected _isFocused(node: MillerNode, depth: number): boolean {\n    return this.#isFocused(node, depth);\n  }\n\n  /**\n   * Called by subclasses when pointer enters an item.\n   * Fires tickle event and switches to mouse mode.\n   */\n  protected _handleItemPointerEnter(node: MillerNode, depth: number) {\n    this.tickled.handlePointerEnter(this.#buildTickledId(node, depth));\n    this.dispatchEvent(new CustomEvent<TreeTickleDetail>(`tickle`, {\n      detail: { node, depth },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  /**\n   * Called by subclasses when pointer leaves the column container.\n   */\n  protected _handleColumnPointerLeave() {\n    this.tickled.handlePointerLeave(new PointerEvent(`pointerleave`));\n  }\n\n  static override styles = [themeFallbacks, tickledStyles, css`\n    :host {\n      --column-bg: var(--surface-3);\n      --column-header-bg: var(--surface-2);\n      --column-header-text: var(--surface-muted-text);\n      --column-separator: var(--surface-5);\n      --column-resize-handle: var(--surface-5);\n      --column-resize-handle-hover: var(--accent);\n      --column-resize-width: 4px;\n      --item-hover-bg: var(--item-bg-tickled);\n      --item-open-bg: color-mix(in oklch, var(--accent, oklch(60% 0.15 140)) 15%, transparent);\n      --item-selected-bg: var(--item-bg-selected);\n      --item-selected-text: var(--item-text-selected);\n\n      display: block;\n      overflow: hidden;\n      position: relative;\n      box-sizing: border-box;\n    }\n\n    #container {\n      display: flex;\n      height: 100%;\n      overflow-x: auto;\n      outline: none;\n    }\n\n    .column {\n      display: flex;\n      flex-direction: column;\n      position: relative;\n      background: var(--column-bg);\n      border-right: 1px solid var(--column-separator);\n      flex-shrink: 0;\n    }\n\n    .column-header {\n      background: var(--column-header-bg);\n      color: var(--column-header-text);\n      font-size: var(--text-s, 11px);\n      font-family: var(--font-family, system-ui, sans-serif);\n      font-weight: var(--font-weight-bold, 600);\n      padding: var(--space-xs, 3px) var(--space-m, 8px);\n      border-bottom: 1px solid var(--column-separator);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      flex-shrink: 0;\n      cursor: pointer;\n      user-select: none;\n      transition: background var(--transition, 0.15s ease-out),\n                  color var(--transition, 0.15s ease-out);\n    }\n\n    .column-header:hover {\n      background: var(--item-hover-bg);\n      color: var(--surface-2-text, #fff);\n    }\n\n    .column-content {\n      flex: 1;\n      overflow-y: auto;\n      overflow-x: visible;\n    }\n\n    .resize-handle {\n      position: absolute;\n      top: 0;\n      right: 0;\n      width: var(--column-resize-width);\n      height: 100%;\n      background: var(--column-resize-handle);\n      cursor: ew-resize;\n      z-index: 1;\n      transition: background var(--transition, 0.15s ease-out);\n    }\n\n    .resize-handle:hover {\n      background: var(--column-resize-handle-hover);\n    }\n\n    .loading-column {\n      min-width: 60px;\n    }\n\n    .loading-content {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .loading-spinner {\n      width: 22px;\n      height: 22px;\n      border: 2px solid var(--column-separator);\n      border-top-color: var(--accent, oklch(60% 0.15 140));\n      border-radius: 50%;\n      animation: miller-spin 0.7s linear infinite;\n    }\n\n    @keyframes miller-spin {\n      to { transform: rotate(360deg); }\n    }\n\n    ::highlight(incr-search-highlight) {\n      background: var(--search-highlight-bg, var(--accent));\n      color: var(--search-highlight-color, var(--accent-text, #fff));\n      border-radius: 2px;\n      padding: 0 1px;\n    }\n  `];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-miller-base': MillerBaseElement;\n  }\n}\n\nexport interface MillerBaseElementEventMap extends TreeComponentEventMap {\n  'item-click': TreeItemClickEvent;\n  'expand': TreeExpandEvent;\n  'collapse': TreeCollapseEvent;\n  'select': TreeSelectEvent;\n  'tickle': TreeTickleEvent;\n  'activate': TreeActivateEvent;\n  'item-dblclick': CustomEvent<MillerItemDblClickDetail>;\n  'item-rightclick': CustomEvent<MillerItemRightClickDetail>;\n  'header-click': CustomEvent<MillerHeaderClickDetail>;\n  'header-rightclick': CustomEvent<MillerHeaderRightClickDetail>;\n}\n\nexport interface MillerBaseElement {\n  addEventListener: (<K extends keyof MillerBaseElementEventMap>(\n    type: K,\n    listener: (this: MillerBaseElement, event: MillerBaseElementEventMap[K]) => void,\n    options?: boolean | AddEventListenerOptions,\n  ) => void) & ((\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions,\n  ) => void);\n  removeEventListener: (<K extends keyof MillerBaseElementEventMap>(\n    type: K,\n    listener: (this: MillerBaseElement, event: MillerBaseElementEventMap[K]) => void,\n    options?: boolean | EventListenerOptions,\n  ) => void) & ((\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | EventListenerOptions,\n  ) => void);\n}\n","import type { TemplateResult } from 'lit';\nimport type { MillerNode } from './types.js';\nimport { css, html, nothing } from 'lit';\nimport { tickledItemStyles } from '../interaction/index.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\nimport { MillerBaseElement } from './miller-base.js';\n\ntype CheckboxState = `checked` | `unchecked` | `indeterminate`;\n\n/**\n * Recursively compute the checkbox state for a node based on `selectedKeys`.\n *\n * - Unloaded branch (`children === undefined`): treated as a leaf — we can only\n *   report on what is known.\n * - Leaf or confirmed-empty branch: checked iff its key is in `selectedKeys`.\n * - Loaded branch: checked if ALL descendants are checked; unchecked if NONE are;\n *   indeterminate otherwise.\n */\nfunction computeCheckboxState(node: MillerNode, selectedKeys: ReadonlySet<string>): CheckboxState {\n  // Unloaded or leaf\n  if (node.item.isLeaf || !node.children?.length) {\n    return selectedKeys.has(node.item.key) ? `checked` : `unchecked`;\n  }\n\n  const childStates = node.children.map(c => computeCheckboxState(c, selectedKeys));\n  const allChecked = childStates.every(s => s === `checked`);\n  const allUnchecked = childStates.every(s => s === `unchecked`);\n\n  if (allChecked)\n    return `checked`;\n  if (allUnchecked)\n    return `unchecked`;\n  return `indeterminate`;\n}\n\n/**\n * Miller columns with a vertical list layout — items stack in rows like macOS Finder.\n *\n * Usage:\n * ```html\n * <ixfx-miller-list id=\"miller\"></ixfx-miller-list>\n * <script>\n *   const el = document.getElementById('miller');\n *   el.root = { item: { key: 'root', label: 'Root' }, children: [...] };\n *   el.addEventListener('expand', ({ detail }) => {\n *     detail.node.children = fetchChildren(detail.node.item.key);\n *     el.requestUpdate();\n *   });\n * </script>\n * ```\n */\n@customElement(`ixfx-miller-list`)\nexport class MillerListElement extends MillerBaseElement {\n  protected override renderColumnContent(nodes: MillerNode[], depth: number): TemplateResult {\n    const hasIcons = nodes.some(node => !!node.item.icon);\n    const isCheckedMode = this.interactionMode === `checked`;\n    return html`\n      <ul\n        class=\"item-list ${hasIcons ? `has-icons` : ``} ${isCheckedMode ? `checked-mode` : ``}\"\n        role=\"listbox\"\n        aria-label=\"Column ${depth}\"\n        @pointerleave=${() => this._handleColumnPointerLeave()}\n      >\n        ${nodes.map(node => this.#renderListItem(node, depth))}\n      </ul>\n    `;\n  }\n\n  #renderListItem(node: MillerNode, depth: number): TemplateResult {\n    const selected = this._isSelected(node, depth);\n    const tickled = this._isFocused(node, depth); // Note: _isFocused now checks tickled state\n    const open = this._isOpen(node, depth);\n    const isBranch = node.item.isLeaf !== true;\n    const icon = node.item.icon;\n    const tooltip = node.item.tooltip;\n    const isCheckedMode = this.interactionMode === `checked`;\n\n    let checkboxTpl: TemplateResult | typeof nothing = nothing;\n    if (isCheckedMode) {\n      const state = computeCheckboxState(node, this._selectedKeys);\n      checkboxTpl = html`\n        <input\n          type=\"checkbox\"\n          class=\"item-checkbox\"\n          .checked=${state === `checked`}\n          .indeterminate=${state === `indeterminate`}\n          aria-label=\"Select ${node.item.label}\"\n          @click=${(e: MouseEvent) => this._handleCheckboxClick(e, node, depth)}\n        />\n      `;\n    }\n\n    return html`\n      <li\n        class=\"item ${selected ? `selected` : ``} ${open ? `open` : ``} ${tickled ? `tickled` : ``} ${isBranch ? `branch` : `leaf`}\"\n        role=\"option\"\n        aria-selected=${selected}\n        @click=${(e: MouseEvent) => this._handleItemClick(node, depth, e)}\n        @dblclick=${(e: MouseEvent) => this._handleItemDblClick(node, depth, e)}\n        @contextmenu=${(e: MouseEvent) => this._handleItemRightClick(node, depth, e)}\n        @pointerenter=${() => this._handleItemPointerEnter(node, depth)}\n      >\n        ${checkboxTpl}\n        ${icon ? html`<ixfx-icon class=\"item-icon\" name=\"${icon}\"></ixfx-icon>` : nothing}\n        <span class=\"label\">${node.item.label}</span>\n        ${tooltip ? html`<ixfx-tooltip class=\"item-tooltip\" anchor=\"--tooltip-miller-${depth}-${node.item.key}\" .value=${tooltip}></ixfx-tooltip>` : nothing}\n        ${isBranch ? html`<span class=\"caret\" aria-hidden=\"true\">›</span>` : nothing}\n      </li>\n    `;\n  }\n\n  static override styles = [\n    themeFallbacks,\n    ...MillerBaseElement.styles,\n    tickledItemStyles,\n    css`\n      .item-list {\n        list-style: none;\n        margin: 0;\n        padding: var(--space-xs, 3px) 0;\n      }\n\n      .item {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n      }\n\n      .item.selected {\n        background: var(--item-selected-bg);\n        color: var(--item-selected-text, #fff);\n        outline: 2px dashed var(--surface-3, #333);\n        outline-offset: -2px;\n      }\n\n      /* Item is on the currently open path (ancestor of deepest column) */\n      .item.open:not(.selected) {\n        background: var(--item-open-bg);\n      }\n\n      .item-icon {\n        flex-shrink: 0;\n        width: var(--icon-size, 1em);\n        height: var(--icon-size, 1em);\n        margin-right: var(--icon-spacing, 0.3em);\n      }\n\n      /* Align text on icon-less rows with icon rows in a mixed list */\n      .item-list.has-icons .item:not(:has(.item-icon)) .label {\n        margin-left: calc(var(--icon-size, 1em) + var(--icon-spacing, 0.3em));\n      }\n\n      .label {\n        flex: 1;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      .item-tooltip {\n        position: absolute;\n      }\n\n      .caret {\n        flex-shrink: 0;\n        margin-left: var(--space-s, 4px);\n        color: var(--surface-muted-text);\n        font-size: var(--text-l, 13px);\n      }\n\n      .item.selected .caret {\n        color: var(--item-selected-text, #fff);\n      }\n\n      /* ---- checked mode ---- */\n\n      .item-checkbox {\n        flex-shrink: 0;\n        margin-right: var(--space-xs, 3px);\n        cursor: pointer;\n        accent-color: var(--accent);\n        /* Prevent the checkbox click from also triggering item styles */\n        pointer-events: auto;\n      }\n\n      /* In checked mode the item row itself is not highlighted on selection —\n         the checkbox communicates state instead. */\n      .item-list.checked-mode .item.selected {\n        background: transparent;\n        color: var(--surface-3-text, #fff);\n      }\n\n      \n    `,\n  ];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-miller-list': MillerListElement;\n  }\n}\n","import type { TraversableTree } from '@ixfx/collections';\nimport type { MillerBaseElement } from './miller-base.js';\nimport type { MillerItem, MillerNode } from './types.js';\n\nexport type MillerTreeControllerOptions<T> = {\n  /**\n   * Convert a tree node's value to a `MillerItem`.\n   * You must supply at minimum `key` and `label`.\n   * If `isLeaf` is omitted the controller infers it from whether the\n   * `TraversableTree` node has any children.\n   */\n  valueToItem: (value: T, node: TraversableTree<T>) => MillerItem;\n};\n\n/**\n * Bridges an `ixfx` `TraversableTree<T>` with an `ixfx-miller-*` component.\n *\n * Usage:\n * ```ts\n * import { Trees } from '@ixfx/collections';\n * import { MillerTreeController } from 'ixfx-components/miller';\n *\n * const root = Trees.Mutable.createNode({ key: 'root', label: 'Root' });\n * Trees.Mutable.addValue({ key: 'a', label: 'Alpha' }, root);\n *\n * const ctrl = new MillerTreeController(\n *   Trees.Mutable.asDynamicTraversable(root),\n *   document.querySelector('ixfx-miller-list'),\n *   { valueToItem: v => ({ key: v.key, label: v.label }) }\n * );\n * ctrl.connect();\n * ```\n *\n * Children are populated lazily: the controller provides a `loadChildren`\n * callback that synchronously reads from the underlying tree.\n *\n * Call `disconnect()` to remove all event listeners and release resources.\n */\nexport class MillerTreeController<T> {\n  #root: TraversableTree<T>;\n  #element: MillerBaseElement;\n  #options: MillerTreeControllerOptions<T>;\n\n  // Forward map: MillerNode → TraversableTree node (for expand handler)\n  #nodeToTree = new WeakMap<MillerNode, TraversableTree<T>>();\n  // Reverse map: tree identity → MillerNode (for path pre-loading in navigateToValue)\n  #identityToMillerNode = new Map<unknown, MillerNode>();\n\n  #connectSignal: AbortController | undefined;\n\n  constructor(\n    root: TraversableTree<T>,\n    element: MillerBaseElement,\n    options: MillerTreeControllerOptions<T>,\n  ) {\n    this.#root = root;\n    this.#element = element;\n    this.#options = options;\n  }\n\n  // --- Public ---\n\n  /**\n   * Wire up the controller: sets `element.root` and provides `loadChildren` callback.\n   * Safe to call again after `disconnect()`.\n   */\n  connect() {\n    this.disconnect();\n    this.#connectSignal = new AbortController();\n\n    const rootValue = this.#root.getValue();\n    const rootItem = this.#options.valueToItem(rootValue, this.#root);\n    const rootChildren = this.#childrenOf(this.#root);\n\n    this.#element.root = { item: rootItem, children: rootChildren };\n\n    // Use loadChildren callback instead of expand event\n    this.#element.loadChildren = ({ node }) => {\n      const treeNode = this.#nodeToTree.get(node);\n      if (!treeNode)\n        return [];\n      return this.#childrenOf(treeNode);\n    };\n  }\n\n  /** Remove all event listeners and release internal state. */\n  disconnect() {\n    this.#connectSignal?.abort();\n    this.#connectSignal = undefined;\n    this.#element.loadChildren = undefined; // Clear callback\n  }\n\n  /**\n   * Navigate the component to the first node (depth-first) in the ixfx tree\n   * whose value satisfies `predicate`.\n   *\n   * Any ancestor `MillerNode`s with unloaded children are populated\n   * synchronously before calling `element.navigateTo()`.\n   *\n   * Returns `false` if no matching node is found.\n   */\n  navigateToValue(predicate: (value: T) => boolean): boolean {\n    const treePath = this.#findTreePath(this.#root, predicate);\n    if (!treePath)\n      return false;\n\n    // treePath[0] is root; treePath[1..] are the nodes in each column.\n    // Ensure ancestor MillerNodes have their children loaded.\n    let currentColumn = this.#element.root?.children ?? [];\n    const keys: string[] = [];\n\n    for (let i = 1; i < treePath.length; i++) {\n      const treeNode = treePath[i];\n      const key = this.#options.valueToItem(treeNode.getValue(), treeNode).key;\n      keys.push(key);\n\n      if (i < treePath.length - 1) {\n        // Not the final node — ensure its MillerNode has children loaded\n        const millerNode = currentColumn.find(n => n.item.key === key);\n        if (!millerNode)\n          return false;\n\n        if (millerNode.children === undefined) {\n          const mapped = this.#nodeToTree.get(millerNode);\n          if (mapped)\n            millerNode.children = this.#childrenOf(mapped);\n        }\n        currentColumn = millerNode.children ?? [];\n      }\n    }\n\n    return this.#element.navigateTo(keys);\n  }\n\n  // --- Private helpers ---\n\n  /** Convert a TraversableTree node's children to MillerNode[]. */\n  #childrenOf(treeNode: TraversableTree<T>): MillerNode[] {\n    return Array.from(treeNode.children(), child => this.#toMillerNode(child));\n  }\n\n  #toMillerNode(treeNode: TraversableTree<T>): MillerNode {\n    const value = treeNode.getValue();\n    const childList = [...treeNode.children()];\n    const userItem = this.#options.valueToItem(value, treeNode);\n\n    // Infer isLeaf from tree structure if not supplied by user\n    const isLeaf = userItem.isLeaf ?? childList.length === 0;\n\n    const millerNode: MillerNode = {\n      item: { ...userItem, isLeaf },\n      // undefined = has children but not loaded yet; [] = confirmed empty/leaf\n      children: isLeaf ? [] : undefined,\n    };\n\n    this.#nodeToTree.set(millerNode, treeNode);\n    this.#identityToMillerNode.set(treeNode.getIdentity(), millerNode);\n    return millerNode;\n  }\n\n  /** DFS through the ixfx tree returning the path of nodes to the first match. */\n  #findTreePath(\n    node: TraversableTree<T>,\n    predicate: (value: T) => boolean,\n    ancestors: Array<TraversableTree<T>> = [],\n  ): Array<TraversableTree<T>> | undefined {\n    const path = [...ancestors, node];\n    if (predicate(node.getValue()))\n      return path;\n    for (const child of node.children()) {\n      const result = this.#findTreePath(child, predicate, path);\n      if (result)\n        return result;\n    }\n    return undefined;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"miller.js","names":["#buildTickledId","#getTickledDepthOrDefault","#getTickledNodeAndDepth","#setTickledNode","#anchor","#expandNode","#onItemClick","#abortPending","#resizingDepth","#resizeStartX","#resizeStartWidth","#onResizeMove","#onResizeEnd","#columnWidths","#lastSelectedNode","#modelUnsubscribe","#pendingNode","#pendingController","#canSelect","#dispatchSelectEvent","#applyCheckedToggle","#scrollNavigatedItemIntoView","#findNodePath","#onCheckboxClick","#getColumnHeader","#buildPath","#isAncestor","#expandTimer","#handleImplicitClick","#handleStandardClick","#allDescendantsSelected","#getTickledDepth","#columnStyle","#onKeyDown","#onHeaderClick","#onResizeStart","#renderLoadingColumn","#isFocused","customElement","#renderListItem","customElement","#root","#element","#options","#connectSignal","#childrenOf","#nodeToTree","#findTreePath","#toMillerNode","#identityToMillerNode"],"sources":["../src/miller/miller-base.ts","../src/miller/miller-list.ts","../src/miller/miller-tree-controller.ts"],"sourcesContent":["/* eslint-disable ts/no-unsafe-declaration-merging */\nimport type { PropertyValues, TemplateResult } from 'lit';\nimport type {\n  TreeActivateDetail,\n  TreeActivateEvent,\n  TreeCollapseEvent,\n  TreeComponent,\n  TreeComponentEventMap,\n  TreeExpandEvent,\n  TreeItemClickEvent,\n  TreeSearchHost,\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  LoadChildrenCallback,\n  TreeExclusivity,\n  TreeFilterPredicate,\n  TreeNode,\n  TreeSelectionFilter,\n} from '../common/types.js';\nimport type {\n  MillerCollapseDetail,\n  MillerConfig,\n  MillerExpandDetail,\n  MillerHeaderClickDetail,\n  MillerHeaderRightClickDetail,\n  MillerItemClickDetail,\n  MillerItemDblClickDetail,\n  MillerItemRightClickDetail,\n  MillerItemState,\n  MillerNode,\n  MillerSelectionMode,\n} from './types.js';\nimport { css, html, LitElement, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { collectDataResult } from '../common/data-provider.js';\nimport { TickledController } from '../interaction/tickled-controller.js';\nimport { tickledStyles } from '../interaction/tickled-styles.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\n\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\n\nconst EXPAND_DEBOUNCE_MS = 150;\n\ntype Anchor = { key: string; depth: number; index: number; selectionSnapshot?: ReadonlySet<string> };\n\n/**\n * Base class for Miller column components. Handles column lifecycle,\n * column resizing, keyboard navigation, and selection modes.\n *\n * Subclasses must override `renderColumnContent`.\n *\n * ## Interaction modes (`interactionMode`)\n *\n * Controls how clicks map to selection changes. Default: `'standard'`.\n *\n * - `implicit`: Selection follows the cursor path (navigation mode).\n * - `standard`: Single click selects; Shift+click range-selects within a column;\n *   Cmd/Ctrl+click toggles individual items.\n * - `manual`: Component never modifies selection. Use `selectedKeys` / `setSelected`\n *   / `clearSelection` to drive state externally.\n * - `checked`: Checkboxes on every item (rendered by subclass via `_isChecked` /\n *   `_handleCheckboxClick`). Clicking the item navigates/expands; clicking the\n *   checkbox toggles selection of the node and all loaded descendants.\n *\n * ## Events\n * - `expand`: FYI event fired after a column opens. Detail: `{ node, depth }`\n * - `collapse`: FYI event fired when a column closes. Detail: `{ node, depth }`\n * - `header-click`: fired when a column header is clicked (requires `headers` attr).\n *   Detail: `{ depth, label, path: MillerNode[] }`\n * - `activate`: fired when Enter is pressed on an item. Detail: `{ node, depth }`\n * - `select`: fired when the selection set changes. Detail: `{ selected, previous }`\n * - `item-click`: fired on any item click. Detail: `{ node, depth }`\n * - `tickle`: fired when an item is hovered or keyboard cursor moves to it. Detail: `{ node, depth }`\n *\n * ## CSS variables\n * - `--column-bg`: var(--surface-3)\n * - `--column-header-bg`: var(--surface-2)\n * - `--column-header-text`: var(--surface-muted-text)\n * - `--column-separator`: var(--surface-5)\n * - `--column-resize-handle`: var(--surface-5)\n * - `--column-resize-handle-hover`: var(--accent)\n * - `--column-resize-width`: 4px\n * - `--item-hover-bg`: var(--item-bg-tickled)\n * - `--item-selected-bg`: var(--item-bg-selected)\n * - `--item-selected-text`: var(--item-text-selected)\n */\n@customElement(`ixfx-miller-base`)\nexport class MillerBaseElement extends LitElement implements TreeComponent, TreeSearchHost {\n  @property({ type: Object })\n  root: MillerNode | undefined;\n\n  @property({ attribute: false })\n  model: TreeDataModel | undefined;\n\n  @property({ type: Boolean })\n  headers = false;\n\n  /**\n   * Controls the column-level interaction pattern (how clicks map to column changes).\n   * This is distinct from `selectionFilter` (which restricts which node kinds are selectable).\n   * Default: `'standard'`.\n   */\n  @property({ type: String })\n  interactionMode: MillerSelectionMode = `standard`;\n\n  // --- TreeComponent shared interface properties ---\n\n  @property({ reflect: true, attribute: `selection-filter` })\n  selectionFilter: TreeSelectionFilter = `leaf`;\n\n  @property({ reflect: true, attribute: `exclusivity` })\n  exclusivity: TreeExclusivity = `none`;\n\n  /**\n   * Callback to load children for a lazy node.\n   * Superseded by `model` when both are set.\n   * If not set and `model` is not set, clicking a lazy node opens an empty column.\n   */\n  @property({ type: Object })\n  loadChildren: LoadChildrenCallback | undefined;\n\n  @property({ attribute: false })\n  filterPredicate: TreeFilterPredicate | undefined;\n\n  @state()\n  protected _columns: MillerNode[][] = [];\n\n  // Depth of the currently loading column (undefined = not loading)\n  @state()\n  protected _loadingDepth: number | undefined;\n\n  // Selected node at each depth (implicit mode)\n  protected _selectedByDepth = new Map<number, MillerNode>();\n\n  // Selected item keys (standard / manual / checked / interactionMode modes)\n  protected _selectedKeys: Set<string> = new Set();\n\n  // Full selection set — implements TreeComponent.selectedNodes\n  @state()\n  protected _selectedNodes = new Set<MillerNode>();\n\n  // Most recently selected node\n  #lastSelectedNode: MillerNode | undefined;\n\n  // Anchor for shift-click / shift-arrow range selection\n  #anchor: Anchor | undefined;\n\n  // User-resized widths by depth (px)\n  #columnWidths = new Map<number, number>();\n\n  // Pending lazy expansion\n  #pendingNode: MillerNode | undefined;\n  #pendingController: AbortController | undefined;\n\n  // Debounce timer for loadChildren callback\n  #expandTimer: ReturnType<typeof setTimeout> | undefined;\n\n  // Resize drag state\n  #resizingDepth = -1;\n  #resizeStartX = 0;\n  #resizeStartWidth = 0;\n\n  // Model subscription teardown\n  #modelUnsubscribe: (() => void) | undefined;\n\n  // Tickled controller for hover/keyboard focus\n  tickled = new TickledController<string>(this, {\n    getItems: () => {\n      const items: Array<{ id: string; enabled?: boolean }> = [];\n      for (let depth = 0; depth < this._columns.length; depth++) {\n        const col = this._columns[depth];\n        if (col) {\n          for (const node of col) {\n            items.push({ id: this.#buildTickledId(node, depth) });\n          }\n        }\n      }\n      return items;\n    },\n  });\n\n  // Helper to build unique ID from depth and node key\n  #buildTickledId(node: MillerNode, depth: number): string {\n    return `${depth}:${node.item.key}`;\n  }\n\n  // Helper to extract depth from tickled ID\n  #getTickledDepth(): number | undefined {\n    const id = this.tickled.tickledId;\n    if (!id)\n      return undefined;\n    const colonIndex = id.indexOf(`:`);\n    if (colonIndex < 0)\n      return undefined;\n    return Number(id.substring(0, colonIndex));\n  }\n\n  override updated(changedProps: PropertyValues) {\n    if (changedProps.has(`root`) && this.root) {\n      this.#abortPending();\n      this._columns = this.root.children ? [this.root.children] : [];\n      this._selectedByDepth.clear();\n      this._selectedKeys = new Set();\n      this._selectedNodes.clear();\n      this.#lastSelectedNode = undefined;\n      this.#anchor = undefined;\n      this.tickled.clearTickled();\n    }\n\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          } else if (event.type === `invalidate`) {\n            // Collapse the column that shows this node's children, if open\n            // Find which column depth contains the invalidated node\n            for (let depth = 0; depth < this._columns.length - 1; depth++) {\n              const col = this._columns[depth];\n              if (col?.some(n => n.item.key === event.key)) {\n                this._columns = this._columns.slice(0, depth + 1);\n                this.requestUpdate();\n                break;\n              }\n            }\n          }\n        });\n      }\n    }\n\n    // Detect when the app has resolved a pending expansion\n    if (this.#pendingNode?.children !== undefined && this._loadingDepth !== undefined) {\n      const loadingDepth = this._loadingDepth;\n      const resolvedChildren = this.#pendingNode.children;\n      this.#pendingNode = undefined;\n      this.#pendingController = undefined;\n      this._loadingDepth = undefined;\n\n      const cols = this._columns.slice(0, loadingDepth);\n      if (resolvedChildren.length > 0)\n        cols.push(resolvedChildren);\n      this._columns = cols;\n    }\n\n    // Scroll new rightmost column into view\n    const prevColumns = changedProps.get(`_columns`) as MillerNode[][] | undefined;\n    const columnAdded = changedProps.has(`_columns`) && (prevColumns?.length ?? 0) < this._columns.length;\n    const loadingAppeared = changedProps.has(`_loadingDepth`) && this._loadingDepth !== undefined;\n    if (columnAdded || loadingAppeared) {\n      const container = this.shadowRoot?.querySelector(`#container`) as HTMLElement | null;\n      container?.scrollTo({ left: container.scrollWidth, behavior: `smooth` });\n    }\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.#modelUnsubscribe?.();\n    this.#modelUnsubscribe = undefined;\n  }\n\n  // --- Public API ---\n\n  getConfig(): MillerConfig {\n    const columnWidths: Record<number, number> = {};\n    for (const [depth, width] of this.#columnWidths) {\n      columnWidths[depth] = width;\n    }\n    return { columnWidths };\n  }\n\n  setConfig(config: MillerConfig) {\n    this.#columnWidths.clear();\n    for (const [depth, width] of Object.entries(config.columnWidths)) {\n      this.#columnWidths.set(Number(depth), width);\n    }\n    this.requestUpdate();\n  }\n\n  /** Read current selection as an immutable set of item keys. */\n  get selectedKeys(): ReadonlySet<string> {\n    return this._selectedKeys;\n  }\n\n  /** Replace entire selection and trigger a re-render. */\n  set selectedKeys(keys: Iterable<string>) {\n    this._selectedKeys = new Set(keys);\n    this.requestUpdate();\n  }\n\n  // --- TreeComponent.selectedNode / selectedNodes ---\n\n  /** The most recently selected node. */\n  get selectedNode(): MillerNode | undefined {\n    return this.#lastSelectedNode;\n  }\n\n  set selectedNode(node: MillerNode | undefined) {\n    this.#lastSelectedNode = node;\n    if (node) {\n      if (this.interactionMode === `implicit` || this.interactionMode === `standard`) {\n        this._selectedKeys = new Set([node.item.key]);\n      }\n    }\n    this.requestUpdate();\n  }\n\n  /** Full selection set (implements TreeComponent interface). */\n  get selectedNodes(): ReadonlySet<MillerNode> {\n    return this._selectedNodes;\n  }\n\n  // --- TreeComponent programmatic selection ---\n\n  /** Add `node` to the selection (respects selectionFilter). Dispatches `select` event. */\n  select(node: MillerNode): void {\n    if (!this.#canSelect(node))\n      return;\n    const prev = new Set(this._selectedNodes);\n    this._selectedNodes.add(node);\n    this._selectedKeys.add(node.item.key);\n    this.#lastSelectedNode = node;\n    this.#dispatchSelectEvent(prev);\n    this.requestUpdate();\n  }\n\n  /** Remove `node` from the selection. Dispatches `select` event. */\n  deselect(node: MillerNode): void {\n    if (!this._selectedNodes.has(node))\n      return;\n    const prev = new Set(this._selectedNodes);\n    this._selectedNodes.delete(node);\n    this._selectedKeys.delete(node.item.key);\n    if (this.#lastSelectedNode === node) {\n      this.#lastSelectedNode = [...this._selectedNodes].at(-1);\n    }\n    this.#dispatchSelectEvent(prev);\n    this.requestUpdate();\n  }\n\n  /**\n   * Clear all selection and trigger a re-render.\n   */\n  clearSelection(): void {\n    const prev = new Set(this._selectedNodes);\n    this._selectedKeys = new Set();\n    this._selectedNodes.clear();\n    this.#lastSelectedNode = undefined;\n    if (prev.size > 0) {\n      this.#dispatchSelectEvent(prev);\n    }\n    this.requestUpdate();\n  }\n\n  /** Not implemented on miller-list. */\n  selectAll(): void {\n    // no-op\n  }\n\n  /** Not implemented on miller-list. */\n  deselectAll(): void {\n    // no-op\n  }\n\n  /**\n   * Select or deselect a single node by key.\n   * In `checked` interactionMode this also recursively selects/deselects all loaded descendants.\n   */\n  setSelected(node: MillerNode, selected: boolean): void {\n    if (this.interactionMode === `checked`) {\n      this.#applyCheckedToggle(node, selected);\n    } else {\n      if (selected) {\n        this._selectedKeys.add(node.item.key);\n        this._selectedNodes.add(node);\n      } else {\n        this._selectedKeys.delete(node.item.key);\n        this._selectedNodes.delete(node);\n      }\n    }\n    this.requestUpdate();\n  }\n\n  /**\n   * Return all MillerNodes whose key is in `_selectedKeys`, searching only\n   * the currently visible columns.\n   */\n  getSelected(): MillerNode[] {\n    const results: MillerNode[] = [];\n    for (const col of this._columns) {\n      for (const node of col) {\n        if (this._selectedKeys.has(node.item.key))\n          results.push(node);\n      }\n    }\n    return results;\n  }\n\n  /**\n   * Programmatically navigate to a node by key path.\n   */\n  navigateTo(keys: readonly string[]): boolean {\n    if (!this.root?.children)\n      return false;\n    this.#abortPending();\n    this._selectedByDepth.clear();\n    this.tickled.clearTickled();\n\n    const newColumns: MillerNode[][] = [this.root.children];\n    let currentColumn = this.root.children;\n    let success = true;\n    let lastNode: MillerNode | undefined;\n    let lastDepth = 0;\n\n    for (let depth = 0; depth < keys.length; depth++) {\n      const idx = currentColumn.findIndex(n => n.item.key === keys[depth]);\n      if (idx < 0) {\n        success = false; break;\n      }\n\n      const node = currentColumn[idx];\n      this._selectedByDepth.set(depth, node);\n      lastNode = node;\n      lastDepth = depth;\n\n      if (node.item.isLeaf || !node.children || node.children.length === 0) {\n        if (depth < keys.length - 1)\n          success = false;\n        break;\n      }\n\n      newColumns.push(node.children);\n      currentColumn = node.children;\n    }\n\n    this._columns = newColumns;\n\n    if (lastNode) {\n      this.tickled.setTickled(this.#buildTickledId(lastNode, lastDepth));\n    }\n\n    if (this.interactionMode !== `implicit` && this.interactionMode !== `manual`) {\n      const leafKey = keys.at(-1);\n      if (leafKey)\n        this._selectedKeys = new Set([leafKey]);\n    }\n\n    this.requestUpdate();\n    this.#scrollNavigatedItemIntoView();\n    return success;\n  }\n\n  /**\n   * Programmatically navigate to the first node (breadth-first) matching a predicate.\n   */\n  navigateToNode(predicate: (node: MillerNode) => boolean): boolean {\n    if (!this.root?.children)\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  getNodes(): ReadonlyArray<{ node: MillerNode; depth: number }> {\n    if (!this.root?.children)\n      return [];\n    const result: Array<{ node: MillerNode; depth: number }> = [];\n    const visit = (node: MillerNode, 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  #findNodePath(\n    nodes: MillerNode[],\n    predicate: (node: MillerNode) => 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  // --- Methods subclasses override ---\n\n  protected renderColumnContent(nodes: MillerNode[], depth: number): TemplateResult | typeof nothing {\n    console.warn(`ixfx-miller-base: renderColumnContent not overridden. depth=${depth}, nodes=${nodes.length}`);\n    return nothing;\n  }\n\n  // Called by subclasses to handle item clicks\n  protected _handleItemClick(node: MillerNode, depth: number, event?: MouseEvent) {\n    this.#onItemClick(node, depth, event);\n  }\n\n  /**\n   * Called by subclasses (in `checked` interactionMode) when a checkbox is clicked.\n   */\n  protected _handleCheckboxClick(event: MouseEvent, node: MillerNode, _depth: number) {\n    event.stopPropagation();\n    this.#onCheckboxClick(node);\n  }\n\n  /**\n   * Called by subclasses when an item is double-clicked.\n   */\n  protected _handleItemDblClick(node: MillerNode, depth: number, _event: MouseEvent) {\n    this.dispatchEvent(new CustomEvent<MillerItemDblClickDetail>(`item-dblclick`, {\n      detail: { node, depth },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  /**\n   * Called by subclasses when an item is right-clicked.\n   */\n  protected _handleItemRightClick(node: MillerNode, depth: number, event: MouseEvent) {\n    this.dispatchEvent(new CustomEvent<MillerItemRightClickDetail>(`item-rightclick`, {\n      detail: { node, depth, mouseEvent: event },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  /**\n   * Called by subclasses when a column header is right-clicked.\n   */\n  protected _handleHeaderRightClick(event: MouseEvent, depth: number) {\n    const label = this.#getColumnHeader(depth);\n    const path = this.#buildPath(depth);\n    this.dispatchEvent(new CustomEvent<MillerHeaderRightClickDetail>(`header-rightclick`, {\n      detail: { depth, label, path, mouseEvent: event },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  protected _isSelected(node: MillerNode, depth: number): boolean {\n    if (this.interactionMode === `implicit`) {\n      return this._selectedByDepth.get(depth) === node;\n    }\n    return this._selectedKeys.has(node.item.key);\n  }\n\n  #isAncestor(node: MillerNode, depth: number): boolean {\n    const nextCol = this._columns[depth + 1];\n    return nextCol !== undefined && node.children === nextCol;\n  }\n\n  protected _isOpen(node: MillerNode, depth: number): boolean {\n    return this.#isAncestor(node, depth);\n  }\n\n  /**\n   * Return the display state for an item identified by key at a given depth.\n   */\n  getItemState(key: string, depth: number): MillerItemState | undefined {\n    const col = this._columns[depth];\n    const node = col?.find(n => n.item.key === key);\n    if (!node)\n      return undefined;\n    return {\n      selected: this._isSelected(node, depth),\n      open: this.#isAncestor(node, depth),\n      focused: this._isFocused(node, depth),\n      isLeaf: node.item.isLeaf ?? false,\n    };\n  }\n\n  // --- Internal ---\n\n  #canSelect(node: MillerNode): boolean {\n    if (this.selectionFilter === `none`)\n      return false;\n    if (this.selectionFilter === `leaf`)\n      return node.item.isLeaf !== false;\n    if (this.selectionFilter === `branch`)\n      return node.item.isLeaf === false || (node.children !== undefined && node.children.length > 0);\n    return true;\n  }\n\n  #dispatchSelectEvent(previous: ReadonlySet<TreeNode>): void {\n    const detail: TreeSelectDetail = {\n      selected: new Set(this._selectedNodes),\n      previous,\n    };\n    this.dispatchEvent(new CustomEvent<TreeSelectDetail>(`select`, {\n      detail,\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  #abortPending() {\n    if (this.#expandTimer !== undefined) {\n      clearTimeout(this.#expandTimer);\n      this.#expandTimer = undefined;\n    }\n\n    if (this.#pendingController) {\n      const node = this.#pendingNode;\n      const depth = this._loadingDepth;\n      this.#pendingController.abort();\n      this.#pendingController = undefined;\n      this.#pendingNode = undefined;\n      this._loadingDepth = undefined;\n\n      if (node && depth !== undefined) {\n        this.dispatchEvent(new CustomEvent<MillerCollapseDetail>(`collapse`, {\n          detail: { node, depth },\n          bubbles: true,\n          composed: true,\n        }));\n      }\n    }\n  }\n\n  /**\n   * Build the ancestry path for a given column depth.\n   */\n  #buildPath(depth: number): MillerNode[] {\n    const path: MillerNode[] = [];\n    if (this.root)\n      path.push(this.root);\n    for (let d = 0; d < depth; d++) {\n      const sel = this._selectedByDepth.get(d);\n      if (sel)\n        path.push(sel);\n    }\n    return path;\n  }\n\n  #onHeaderClick(depth: number) {\n    const label = this.#getColumnHeader(depth);\n    const path = this.#buildPath(depth);\n    const detail: MillerHeaderClickDetail = { depth, label, path };\n    this.dispatchEvent(new CustomEvent<MillerHeaderClickDetail>(`header-click`, {\n      detail,\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  #onItemClick(node: MillerNode, depth: number, event?: MouseEvent) {\n    if (this._loadingDepth !== undefined && this._loadingDepth > depth) {\n      this.#abortPending();\n    }\n\n    this.tickled.setTickled(this.#buildTickledId(node, depth));\n\n    this.dispatchEvent(new CustomEvent<MillerItemClickDetail>(`item-click`, {\n      detail: { node, depth },\n      bubbles: true,\n      composed: true,\n    }));\n\n    switch (this.interactionMode) {\n      case `implicit`:\n        this.#handleImplicitClick(node, depth);\n        break;\n      case `standard`:\n        this.#handleStandardClick(node, depth, event);\n        break;\n      case `vscode`:\n        this.#handleStandardClick(node, depth, event);\n        break;\n      case `manual`:\n        break;\n      case `checked`:\n        this.#expandNode(node, depth);\n        break;\n    }\n  }\n\n  #handleImplicitClick(node: MillerNode, depth: number) {\n    const previous = new Set(this._selectedNodes);\n    this._selectedByDepth.set(depth, node);\n    this.#lastSelectedNode = node;\n    this._selectedKeys = new Set([node.item.key]);\n    this._selectedNodes.clear();\n    this._selectedNodes.add(node);\n    this.#expandNode(node, depth);\n    if (!previous.has(node)) {\n      this.#dispatchSelectEvent(previous);\n    }\n  }\n\n  #handleStandardClick(node: MillerNode, depth: number, event?: MouseEvent) {\n    const col = this._columns[depth];\n    const index = col ? col.indexOf(node) : -1;\n\n    const isMeta = event ? (event.metaKey || event.ctrlKey) : false;\n    const isShift = event ? event.shiftKey : false;\n\n    if (isMeta) {\n      if (this._selectedKeys.has(node.item.key)) {\n        this._selectedKeys.delete(node.item.key);\n        this._selectedNodes.delete(node);\n      } else {\n        this._selectedKeys.add(node.item.key);\n        this._selectedNodes.add(node);\n      }\n      this.#anchor = index >= 0 ? { key: node.item.key, depth, index } : this.#anchor;\n      this.requestUpdate();\n      return;\n    }\n\n    if (isShift && this.#anchor && this.#anchor.depth === depth && col) {\n      const from = Math.min(this.#anchor.index, index);\n      const to = Math.max(this.#anchor.index, index);\n      const rangeNodes = col.slice(from, to + 1);\n      this._selectedKeys = new Set(rangeNodes.map(n => n.item.key));\n      this._selectedNodes = new Set(rangeNodes);\n      this.requestUpdate();\n      return;\n    }\n\n    const previous = new Set(this._selectedNodes);\n    this._selectedKeys = new Set([node.item.key]);\n    this._selectedNodes = new Set([node]);\n    this.#anchor = index >= 0 ? { key: node.item.key, depth, index } : undefined;\n    this._selectedByDepth.set(depth, node);\n    this.#lastSelectedNode = node;\n    this.#expandNode(node, depth);\n    if (!previous.has(node) || previous.size !== 1) {\n      this.#dispatchSelectEvent(previous);\n    }\n  }\n\n  #expandNode(node: MillerNode, depth: number) {\n    if (node.item.isLeaf) {\n      this._columns = this._columns.slice(0, depth + 1);\n      this.requestUpdate();\n      return;\n    }\n\n    if (node.children === undefined) {\n      this._columns = this._columns.slice(0, depth + 1);\n      this._loadingDepth = depth + 1;\n      this.#pendingNode = node;\n      const controller = new AbortController();\n      this.#pendingController = controller;\n\n      this.dispatchEvent(new CustomEvent<MillerExpandDetail>(`expand`, {\n        detail: { node, depth },\n        bubbles: true,\n        composed: true,\n      }));\n\n      const applyChildren = (children: MillerNode[]) => {\n        if (controller.signal.aborted)\n          return;\n        node.children = children;\n        this.#pendingNode = undefined;\n        this.#pendingController = undefined;\n        this._loadingDepth = undefined;\n        const cols = this._columns.slice(0, depth + 1);\n        if (children.length > 0)\n          cols.push(children);\n        this._columns = cols;\n      };\n\n      const handleError = (err: unknown) => {\n        if ((err as Error).name !== `AbortError`)\n          console.error(err);\n        node.children = [];\n        this.#pendingNode = undefined;\n        this.#pendingController = undefined;\n        this._loadingDepth = undefined;\n        this.requestUpdate();\n      };\n\n      if (this.model || this.loadChildren) {\n        if (this.#expandTimer !== undefined) {\n          clearTimeout(this.#expandTimer);\n        }\n        this.#expandTimer = setTimeout(() => {\n          this.#expandTimer = undefined;\n          if (this.#pendingNode !== node)\n            return;\n\n          const promise = this.model\n            ? this.model.getChildren(node, depth, controller.signal)\n            : collectDataResult(this.loadChildren!({ node, depth }, controller.signal), controller.signal);\n\n          promise.then(children => applyChildren([...children] as MillerNode[])).catch(handleError);\n        }, EXPAND_DEBOUNCE_MS);\n      } else {\n        this._loadingDepth = undefined;\n        this.#pendingNode = undefined;\n        this.#pendingController = undefined;\n        const newColumns = this._columns.slice(0, depth + 1);\n        newColumns.push([]);\n        this._columns = newColumns;\n      }\n    } else {\n      const newColumns = this._columns.slice(0, depth + 1);\n      newColumns.push(node.children);\n      this._columns = newColumns;\n\n      this.dispatchEvent(new CustomEvent<MillerExpandDetail>(`expand`, {\n        detail: { node, depth },\n        bubbles: true,\n        composed: true,\n      }));\n    }\n  }\n\n  #onCheckboxClick(node: MillerNode) {\n    const currentlySelected = this._selectedKeys.has(node.item.key);\n    const hasLoadedChildren = !!(node.children?.length);\n\n    const allDescendantsSelected = hasLoadedChildren\n      ? this.#allDescendantsSelected(node)\n      : currentlySelected;\n\n    if (allDescendantsSelected) {\n      this.#applyCheckedToggle(node, false);\n    } else {\n      this.#applyCheckedToggle(node, true);\n    }\n\n    this.requestUpdate();\n  }\n\n  #allDescendantsSelected(node: MillerNode): boolean {\n    if (!this._selectedKeys.has(node.item.key))\n      return false;\n    if (!node.children?.length)\n      return true;\n    return node.children.every(child => this.#allDescendantsSelected(child));\n  }\n\n  #applyCheckedToggle(node: MillerNode, selected: boolean) {\n    if (selected) {\n      this._selectedKeys.add(node.item.key);\n      this._selectedNodes.add(node);\n    } else {\n      this._selectedKeys.delete(node.item.key);\n      this._selectedNodes.delete(node);\n    }\n    if (node.children) {\n      for (const child of node.children) {\n        this.#applyCheckedToggle(child, selected);\n      }\n    }\n  }\n\n  #getTickledDepthOrDefault(): number {\n    return this.#getTickledDepth() ?? 0;\n  }\n\n  #getTickledNodeAndDepth(): { node: MillerNode; depth: number; index: number } | undefined {\n    const id = this.tickled.tickledId;\n    if (!id)\n      return undefined;\n\n    const colonIndex = id.indexOf(`:`);\n    if (colonIndex < 0)\n      return undefined;\n\n    const depth = Number(id.substring(0, colonIndex));\n    const key = id.substring(colonIndex + 1);\n\n    const col = this._columns[depth];\n    if (!col)\n      return undefined;\n\n    const index = col.findIndex(n => n.item.key === key);\n    if (index < 0)\n      return undefined;\n\n    return { node: col[index], depth, index };\n  }\n\n  #scrollNavigatedItemIntoView() {\n    requestAnimationFrame(() => {\n      const tickled = this.#getTickledNodeAndDepth();\n      if (!tickled)\n        return;\n\n      const container = this.shadowRoot?.querySelectorAll(`.column`)[tickled.depth]?.querySelector(`.column-content`);\n      if (!container)\n        return;\n\n      const items = container.querySelectorAll(`.item`);\n      const item = items[tickled.index] as HTMLElement | undefined;\n      item?.scrollIntoView({ block: `nearest`, behavior: `smooth` });\n    });\n  }\n\n  #setTickledNode(node: MillerNode, depth: number) {\n    this.tickled.setTickled(this.#buildTickledId(node, depth));\n    this.dispatchEvent(new CustomEvent<TreeTickleDetail>(`tickle`, {\n      detail: { node, depth },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  #onKeyDown = (event: KeyboardEvent) => {\n    const currentDepth = this.#getTickledDepthOrDefault();\n    const col = this._columns[currentDepth];\n\n    if (!col || col.length === 0) {\n      const depth0Col = this._columns[0];\n      if (depth0Col && depth0Col.length > 0) {\n        this.tickled.setTickled(this.#buildTickledId(depth0Col[0], 0));\n        this.requestUpdate();\n      }\n      return;\n    }\n\n    switch (event.key) {\n      case `ArrowDown`: {\n        event.preventDefault();\n\n        const current = this.#getTickledNodeAndDepth();\n        let targetIndex = 0;\n\n        if (current && current.depth === currentDepth) {\n          targetIndex = Math.min(current.index + 1, col.length - 1);\n        }\n\n        const targetNode = col[targetIndex];\n        if (!targetNode)\n          break;\n\n        this.#setTickledNode(targetNode, currentDepth);\n\n        if (this.interactionMode === `standard` || this.interactionMode === `vscode`) {\n          const prevIndex = current?.index ?? 0;\n\n          if (event.shiftKey) {\n            if (!this.#anchor || this.#anchor.depth !== currentDepth) {\n              const anchorNode = col[prevIndex];\n              if (anchorNode) {\n                this.#anchor = {\n                  key: anchorNode.item.key,\n                  depth: currentDepth,\n                  index: prevIndex,\n                  selectionSnapshot: this.interactionMode === `vscode` ? new Set(this._selectedKeys) : undefined,\n                };\n              }\n            }\n\n            if (this.#anchor) {\n              const from = Math.min(this.#anchor.index, targetIndex);\n              const to = Math.max(this.#anchor.index, targetIndex);\n              const rangeKeys = col.slice(from, to + 1).map(n => n.item.key);\n\n              if (this.interactionMode === `vscode`) {\n                const snap = this.#anchor.selectionSnapshot!;\n                for (const k of rangeKeys) {\n                  if (snap.has(k))\n                    this._selectedKeys.delete(k);\n                  else this._selectedKeys.add(k);\n                }\n              } else {\n                this._selectedKeys = new Set(rangeKeys);\n              }\n            }\n          } else if (this.interactionMode === `standard`) {\n            this.#anchor = { key: targetNode.item.key, depth: currentDepth, index: targetIndex };\n          } else {\n            this.#anchor = undefined;\n          }\n        }\n\n        this.requestUpdate();\n        break;\n      }\n\n      case `ArrowUp`: {\n        event.preventDefault();\n\n        const current = this.#getTickledNodeAndDepth();\n        let targetIndex = 0;\n\n        if (current && current.depth === currentDepth) {\n          targetIndex = Math.max(current.index - 1, 0);\n        }\n\n        const targetNode = col[targetIndex];\n        if (!targetNode)\n          break;\n\n        this.#setTickledNode(targetNode, currentDepth);\n\n        if (this.interactionMode === `standard` || this.interactionMode === `vscode`) {\n          const prevIndex = current?.index ?? 0;\n\n          if (event.shiftKey) {\n            if (!this.#anchor || this.#anchor.depth !== currentDepth) {\n              const anchorNode = col[prevIndex];\n              if (anchorNode) {\n                this.#anchor = {\n                  key: anchorNode.item.key,\n                  depth: currentDepth,\n                  index: prevIndex,\n                  selectionSnapshot: this.interactionMode === `vscode` ? new Set(this._selectedKeys) : undefined,\n                };\n              }\n            }\n\n            if (this.#anchor) {\n              const from = Math.min(this.#anchor.index, targetIndex);\n              const to = Math.max(this.#anchor.index, targetIndex);\n              const rangeKeys = col.slice(from, to + 1).map(n => n.item.key);\n\n              if (this.interactionMode === `vscode`) {\n                const snap = this.#anchor.selectionSnapshot!;\n                for (const k of rangeKeys) {\n                  if (snap.has(k))\n                    this._selectedKeys.delete(k);\n                  else this._selectedKeys.add(k);\n                }\n              } else {\n                this._selectedKeys = new Set(rangeKeys);\n              }\n            }\n          } else if (this.interactionMode === `standard`) {\n            this.#anchor = { key: targetNode.item.key, depth: currentDepth, index: targetIndex };\n          } else {\n            this.#anchor = undefined;\n          }\n        }\n\n        this.requestUpdate();\n        break;\n      }\n\n      case `ArrowRight`: {\n        event.preventDefault();\n        const tickled = this.#getTickledNodeAndDepth();\n        if (!tickled) {\n          if (col.length > 0) {\n            this.#setTickledNode(col[0], currentDepth);\n            this.requestUpdate();\n          }\n          return;\n        }\n\n        const { node, depth } = tickled;\n\n        if (this.interactionMode === `vscode` || this.interactionMode === `standard`) {\n          this._selectedByDepth.set(depth, node);\n          this.#expandNode(node, depth);\n        } else {\n          this.#onItemClick(node, depth);\n        }\n\n        if (this._columns.length > depth + 1) {\n          const nextCol = this._columns[depth + 1];\n          if (nextCol && nextCol.length > 0) {\n            this.#setTickledNode(nextCol[0], depth + 1);\n          }\n        }\n\n        this.requestUpdate();\n        break;\n      }\n\n      case `ArrowLeft`: {\n        event.preventDefault();\n        if (currentDepth > 0) {\n          this.#abortPending();\n          this._columns = this._columns.slice(0, currentDepth);\n\n          const prevCol = this._columns[currentDepth - 1];\n          if (prevCol && prevCol.length > 0) {\n            const selectedNode = this._selectedByDepth.get(currentDepth - 1);\n            const targetNode = selectedNode && prevCol.includes(selectedNode) ? selectedNode : prevCol[0];\n            this.#setTickledNode(targetNode, currentDepth - 1);\n          }\n\n          this.requestUpdate();\n        }\n        break;\n      }\n\n      case `Enter`: {\n        event.preventDefault();\n        const tickled = this.#getTickledNodeAndDepth();\n        if (!tickled)\n          return;\n\n        const { node, depth, index } = tickled;\n\n        if (this.interactionMode === `standard` || this.interactionMode === `vscode`) {\n          if (event.shiftKey && this.#anchor?.depth === depth) {\n            const from = Math.min(this.#anchor.index, index);\n            const to = Math.max(this.#anchor.index, index);\n            this._selectedKeys = new Set(col.slice(from, to + 1).map(n => n.item.key));\n          } else {\n            this._selectedKeys.add(node.item.key);\n            this.#anchor = { key: node.item.key, depth, index };\n          }\n        } else {\n          this._selectedByDepth.set(depth, node);\n        }\n\n        this.dispatchEvent(new CustomEvent<TreeActivateDetail>(`activate`, {\n          detail: { node, depth },\n          bubbles: true,\n          composed: true,\n        }));\n\n        this.requestUpdate();\n        break;\n      }\n\n      case `Escape`: {\n        event.preventDefault();\n        this.#abortPending();\n        if (this._columns.length > 1) {\n          this._columns = this._columns.slice(0, -1);\n          const newDepth = Math.max(0, currentDepth - 1);\n\n          const prevCol = this._columns[newDepth];\n          if (prevCol && prevCol.length > 0) {\n            const selectedNode = this._selectedByDepth.get(newDepth);\n            const targetNode = selectedNode && prevCol.includes(selectedNode) ? selectedNode : prevCol[0];\n            this.#setTickledNode(targetNode, newDepth);\n          }\n\n          this.requestUpdate();\n        }\n        break;\n      }\n    }\n  };\n\n  // --- Column resize ---\n\n  #onResizeStart = (event: PointerEvent, depth: number) => {\n    event.preventDefault();\n    event.stopPropagation();\n    this.#resizingDepth = depth;\n    this.#resizeStartX = event.clientX;\n    const el = this.shadowRoot?.querySelectorAll(`.column`)[depth] as HTMLElement | undefined;\n    this.#resizeStartWidth = el ? el.getBoundingClientRect().width : 200;\n    window.addEventListener(`pointermove`, this.#onResizeMove);\n    window.addEventListener(`pointerup`, this.#onResizeEnd);\n  };\n\n  #onResizeMove = (event: PointerEvent) => {\n    if (this.#resizingDepth < 0)\n      return;\n    const delta = event.clientX - this.#resizeStartX;\n    const newWidth = Math.max(32, this.#resizeStartWidth + delta);\n    this.#columnWidths.set(this.#resizingDepth, newWidth);\n    this.requestUpdate();\n  };\n\n  #onResizeEnd = () => {\n    this.#resizingDepth = -1;\n    window.removeEventListener(`pointermove`, this.#onResizeMove);\n    window.removeEventListener(`pointerup`, this.#onResizeEnd);\n  };\n\n  // --- Render ---\n\n  #getColumnHeader(depth: number): string {\n    if (depth === 0)\n      return this.root?.item.label ?? ``;\n    const explicit = this._selectedByDepth.get(depth - 1);\n    if (explicit)\n      return explicit.item.label;\n    const prevCol = this._columns[depth - 1];\n    const thisCol = this._columns[depth];\n    if (prevCol && thisCol) {\n      const parent = prevCol.find(n => n.children === thisCol);\n      if (parent)\n        return parent.item.label;\n    }\n    return ``;\n  }\n\n  #columnStyle(depth: number): string {\n    const w = this.#columnWidths.get(depth);\n    return w !== undefined ? `width:${w}px;flex-shrink:0` : `width:max-content`;\n  }\n\n  #isFocused(node: MillerNode, depth: number): boolean {\n    return this.tickled.isTickled(this.#buildTickledId(node, depth));\n  }\n\n  /**\n   * Override to provide a custom loading indicator.\n   */\n  protected renderLoadingIndicator(): TemplateResult | typeof nothing {\n    return html`<div class=\"loading-spinner\"></div>`;\n  }\n\n  #renderLoadingColumn() {\n    const depth = this._loadingDepth!;\n    return html`\n      <div class=\"column loading-column\" style=${this.#columnStyle(depth)}>\n        ${this.headers\n          ? html`\n          <div class=\"column-header\">${this.#getColumnHeader(depth)}</div>\n        `\n          : nothing}\n        <div class=\"column-content loading-content\">\n          ${this.renderLoadingIndicator()}\n        </div>\n      </div>\n    `;\n  }\n\n  protected override render() {\n    return html`\n      <div id=\"container\" @keydown=${this.#onKeyDown} tabindex=\"0\">\n        ${this._columns.map((nodes, depth) => {\n          const visibleNodes = this.filterPredicate\n            ? nodes.filter(n => this.filterPredicate!(n, depth))\n            : nodes;\n          return html`\n          <div class=\"column\" style=${this.#columnStyle(depth)}>\n            ${this.headers\n              ? html`\n              <div class=\"column-header\"\n                @click=${() => this.#onHeaderClick(depth)}\n                @contextmenu=${(e: MouseEvent) => this._handleHeaderRightClick(e, depth)}>\n                ${this.#getColumnHeader(depth)}\n              </div>\n            `\n              : nothing}\n            <div class=\"column-content\">\n              ${this.renderColumnContent(visibleNodes, depth)}\n            </div>\n            <div class=\"resize-handle\"\n              @pointerdown=${(e: PointerEvent) => this.#onResizeStart(e, depth)}>\n            </div>\n          </div>\n        `;\n        })}\n        ${this._loadingDepth !== undefined ? this.#renderLoadingColumn() : nothing}\n      </div>\n    `;\n  }\n\n  protected _getFocusedIndex(depth: number): number {\n    const tickled = this.#getTickledNodeAndDepth();\n    if (tickled && tickled.depth === depth) {\n      return tickled.index;\n    }\n    return 0;\n  }\n\n  protected _isFocused(node: MillerNode, depth: number): boolean {\n    return this.#isFocused(node, depth);\n  }\n\n  /**\n   * Called by subclasses when pointer enters an item.\n   * Fires tickle event and switches to mouse mode.\n   */\n  protected _handleItemPointerEnter(node: MillerNode, depth: number) {\n    this.tickled.handlePointerEnter(this.#buildTickledId(node, depth));\n    this.dispatchEvent(new CustomEvent<TreeTickleDetail>(`tickle`, {\n      detail: { node, depth },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  /**\n   * Called by subclasses when pointer leaves the column container.\n   */\n  protected _handleColumnPointerLeave() {\n    this.tickled.handlePointerLeave(new PointerEvent(`pointerleave`));\n  }\n\n  static override styles = [themeFallbacks, tickledStyles, css`\n    :host {\n      --column-bg: var(--surface-3);\n      --column-header-bg: var(--surface-2);\n      --column-header-text: var(--surface-muted-text);\n      --column-separator: var(--surface-5);\n      --column-resize-handle: var(--surface-5);\n      --column-resize-handle-hover: var(--accent);\n      --column-resize-width: 4px;\n      --item-hover-bg: var(--item-bg-tickled);\n      --item-open-bg: color-mix(in oklch, var(--accent, oklch(60% 0.15 140)) 15%, transparent);\n      --item-selected-bg: var(--item-bg-selected);\n      --item-selected-text: var(--item-text-selected);\n\n      display: block;\n      overflow: hidden;\n      position: relative;\n      box-sizing: border-box;\n    }\n\n    #container {\n      display: flex;\n      height: 100%;\n      overflow-x: auto;\n      outline: none;\n    }\n\n    .column {\n      display: flex;\n      flex-direction: column;\n      position: relative;\n      background: var(--column-bg);\n      border-right: 1px solid var(--column-separator);\n      flex-shrink: 0;\n    }\n\n    .column-header {\n      background: var(--column-header-bg);\n      color: var(--column-header-text);\n      font-size: var(--text-s, 11px);\n      font-family: var(--font-family, system-ui, sans-serif);\n      font-weight: var(--font-weight-bold, 600);\n      padding: var(--space-xs, 3px) var(--space-m, 8px);\n      border-bottom: 1px solid var(--column-separator);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      flex-shrink: 0;\n      cursor: pointer;\n      user-select: none;\n      transition: background var(--transition, 0.15s ease-out),\n                  color var(--transition, 0.15s ease-out);\n    }\n\n    .column-header:hover {\n      background: var(--item-hover-bg);\n      color: var(--surface-2-text, #fff);\n    }\n\n    .column-content {\n      flex: 1;\n      overflow-y: auto;\n      overflow-x: visible;\n    }\n\n    .resize-handle {\n      position: absolute;\n      top: 0;\n      right: 0;\n      width: var(--column-resize-width);\n      height: 100%;\n      background: var(--column-resize-handle);\n      cursor: ew-resize;\n      z-index: 1;\n      transition: background var(--transition, 0.15s ease-out);\n    }\n\n    .resize-handle:hover {\n      background: var(--column-resize-handle-hover);\n    }\n\n    .loading-column {\n      min-width: 60px;\n    }\n\n    .loading-content {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .loading-spinner {\n      width: 22px;\n      height: 22px;\n      border: 2px solid var(--column-separator);\n      border-top-color: var(--accent, oklch(60% 0.15 140));\n      border-radius: 50%;\n      animation: miller-spin 0.7s linear infinite;\n    }\n\n    @keyframes miller-spin {\n      to { transform: rotate(360deg); }\n    }\n\n    ::highlight(incr-search-highlight) {\n      background: var(--search-highlight-bg, var(--accent));\n      color: var(--search-highlight-color, var(--accent-text, #fff));\n      border-radius: 2px;\n      padding: 0 1px;\n    }\n  `];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-miller-base': MillerBaseElement;\n  }\n}\n\nexport interface MillerBaseElementEventMap extends TreeComponentEventMap {\n  'item-click': TreeItemClickEvent;\n  'expand': TreeExpandEvent;\n  'collapse': TreeCollapseEvent;\n  'select': TreeSelectEvent;\n  'tickle': TreeTickleEvent;\n  'activate': TreeActivateEvent;\n  'item-dblclick': CustomEvent<MillerItemDblClickDetail>;\n  'item-rightclick': CustomEvent<MillerItemRightClickDetail>;\n  'header-click': CustomEvent<MillerHeaderClickDetail>;\n  'header-rightclick': CustomEvent<MillerHeaderRightClickDetail>;\n}\n\nexport interface MillerBaseElement {\n  addEventListener: (<K extends keyof MillerBaseElementEventMap>(\n    type: K,\n    listener: (this: MillerBaseElement, event: MillerBaseElementEventMap[K]) => void,\n    options?: boolean | AddEventListenerOptions,\n  ) => void) & ((\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions,\n  ) => void);\n  removeEventListener: (<K extends keyof MillerBaseElementEventMap>(\n    type: K,\n    listener: (this: MillerBaseElement, event: MillerBaseElementEventMap[K]) => void,\n    options?: boolean | EventListenerOptions,\n  ) => void) & ((\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | EventListenerOptions,\n  ) => void);\n}\n","import type { TemplateResult } from 'lit';\nimport type { MillerNode } from './types.js';\nimport { css, html, nothing } from 'lit';\nimport { tickledItemStyles } from '../interaction/index.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\nimport { MillerBaseElement } from './miller-base.js';\n\ntype CheckboxState = `checked` | `unchecked` | `indeterminate`;\n\n/**\n * Recursively compute the checkbox state for a node based on `selectedKeys`.\n *\n * - Unloaded branch (`children === undefined`): treated as a leaf — we can only\n *   report on what is known.\n * - Leaf or confirmed-empty branch: checked iff its key is in `selectedKeys`.\n * - Loaded branch: checked if ALL descendants are checked; unchecked if NONE are;\n *   indeterminate otherwise.\n */\nfunction computeCheckboxState(node: MillerNode, selectedKeys: ReadonlySet<string>): CheckboxState {\n  // Unloaded or leaf\n  if (node.item.isLeaf || !node.children?.length) {\n    return selectedKeys.has(node.item.key) ? `checked` : `unchecked`;\n  }\n\n  const childStates = node.children.map(c => computeCheckboxState(c, selectedKeys));\n  const allChecked = childStates.every(s => s === `checked`);\n  const allUnchecked = childStates.every(s => s === `unchecked`);\n\n  if (allChecked)\n    return `checked`;\n  if (allUnchecked)\n    return `unchecked`;\n  return `indeterminate`;\n}\n\n/**\n * Miller columns with a vertical list layout — items stack in rows like macOS Finder.\n *\n * Usage:\n * ```html\n * <ixfx-miller-list id=\"miller\"></ixfx-miller-list>\n * <script>\n *   const el = document.getElementById('miller');\n *   el.root = { item: { key: 'root', label: 'Root' }, children: [...] };\n *   el.addEventListener('expand', ({ detail }) => {\n *     detail.node.children = fetchChildren(detail.node.item.key);\n *     el.requestUpdate();\n *   });\n * </script>\n * ```\n */\n@customElement(`ixfx-miller-list`)\nexport class MillerListElement extends MillerBaseElement {\n  protected override renderColumnContent(nodes: MillerNode[], depth: number): TemplateResult {\n    const hasIcons = nodes.some(node => !!node.item.icon);\n    const isCheckedMode = this.interactionMode === `checked`;\n    return html`\n      <ul\n        class=\"item-list ${hasIcons ? `has-icons` : ``} ${isCheckedMode ? `checked-mode` : ``}\"\n        role=\"listbox\"\n        aria-label=\"Column ${depth}\"\n        @pointerleave=${() => this._handleColumnPointerLeave()}\n      >\n        ${nodes.map(node => this.#renderListItem(node, depth))}\n      </ul>\n    `;\n  }\n\n  #renderListItem(node: MillerNode, depth: number): TemplateResult {\n    const selected = this._isSelected(node, depth);\n    const tickled = this._isFocused(node, depth); // Note: _isFocused now checks tickled state\n    const open = this._isOpen(node, depth);\n    const isBranch = node.item.isLeaf !== true;\n    const icon = node.item.icon;\n    const tooltip = node.item.tooltip;\n    const isCheckedMode = this.interactionMode === `checked`;\n\n    let checkboxTpl: TemplateResult | typeof nothing = nothing;\n    if (isCheckedMode) {\n      const state = computeCheckboxState(node, this._selectedKeys);\n      checkboxTpl = html`\n        <input\n          type=\"checkbox\"\n          class=\"item-checkbox\"\n          .checked=${state === `checked`}\n          .indeterminate=${state === `indeterminate`}\n          aria-label=\"Select ${node.item.label}\"\n          @click=${(e: MouseEvent) => this._handleCheckboxClick(e, node, depth)}\n        />\n      `;\n    }\n\n    return html`\n      <li\n        class=\"item ${selected ? `selected` : ``} ${open ? `open` : ``} ${tickled ? `tickled` : ``} ${isBranch ? `branch` : `leaf`}\"\n        role=\"option\"\n        aria-selected=${selected}\n        @click=${(e: MouseEvent) => this._handleItemClick(node, depth, e)}\n        @dblclick=${(e: MouseEvent) => this._handleItemDblClick(node, depth, e)}\n        @contextmenu=${(e: MouseEvent) => this._handleItemRightClick(node, depth, e)}\n        @pointerenter=${() => this._handleItemPointerEnter(node, depth)}\n      >\n        ${checkboxTpl}\n        ${icon ? html`<ixfx-icon class=\"item-icon\" name=\"${icon}\"></ixfx-icon>` : nothing}\n        <span class=\"label\">${node.item.label}</span>\n        ${tooltip ? html`<ixfx-tooltip class=\"item-tooltip\" anchor=\"--tooltip-miller-${depth}-${node.item.key}\" .value=${tooltip}></ixfx-tooltip>` : nothing}\n        ${isBranch ? html`<span class=\"caret\" aria-hidden=\"true\">›</span>` : nothing}\n      </li>\n    `;\n  }\n\n  static override styles = [\n    themeFallbacks,\n    ...MillerBaseElement.styles,\n    tickledItemStyles,\n    css`\n      .item-list {\n        list-style: none;\n        margin: 0;\n        padding: var(--space-xs, 3px) 0;\n      }\n\n      .item {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n      }\n\n      .item.selected {\n        background: var(--item-selected-bg);\n        color: var(--item-selected-text, #fff);\n        outline: 2px dashed var(--surface-3, #333);\n        outline-offset: -2px;\n      }\n\n      /* Item is on the currently open path (ancestor of deepest column) */\n      .item.open:not(.selected) {\n        background: var(--item-open-bg);\n      }\n\n      .item-icon {\n        flex-shrink: 0;\n        width: var(--icon-size, 1em);\n        height: var(--icon-size, 1em);\n        margin-right: var(--icon-spacing, 0.3em);\n      }\n\n      /* Align text on icon-less rows with icon rows in a mixed list */\n      .item-list.has-icons .item:not(:has(.item-icon)) .label {\n        margin-left: calc(var(--icon-size, 1em) + var(--icon-spacing, 0.3em));\n      }\n\n      .label {\n        flex: 1;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      .item-tooltip {\n        position: absolute;\n      }\n\n      .caret {\n        flex-shrink: 0;\n        margin-left: var(--space-s, 4px);\n        color: var(--surface-muted-text);\n        font-size: var(--text-l, 13px);\n      }\n\n      .item.selected .caret {\n        color: var(--item-selected-text, #fff);\n      }\n\n      /* ---- checked mode ---- */\n\n      .item-checkbox {\n        flex-shrink: 0;\n        margin-right: var(--space-xs, 3px);\n        cursor: pointer;\n        accent-color: var(--accent);\n        /* Prevent the checkbox click from also triggering item styles */\n        pointer-events: auto;\n      }\n\n      /* In checked mode the item row itself is not highlighted on selection —\n         the checkbox communicates state instead. */\n      .item-list.checked-mode .item.selected {\n        background: transparent;\n        color: var(--surface-3-text, #fff);\n      }\n\n      \n    `,\n  ];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-miller-list': MillerListElement;\n  }\n}\n","import type { TraversableTree } from '@ixfx/collections';\nimport type { MillerBaseElement } from './miller-base.js';\nimport type { MillerItem, MillerNode } from './types.js';\n\nexport type MillerTreeControllerOptions<T> = {\n  /**\n   * Convert a tree node's value to a `MillerItem`.\n   * You must supply at minimum `key` and `label`.\n   * If `isLeaf` is omitted the controller infers it from whether the\n   * `TraversableTree` node has any children.\n   */\n  valueToItem: (value: T, node: TraversableTree<T>) => MillerItem;\n};\n\n/**\n * Bridges an `ixfx` `TraversableTree<T>` with an `ixfx-miller-*` component.\n *\n * Usage:\n * ```ts\n * import { Trees } from '@ixfx/collections';\n * import { MillerTreeController } from 'ixfx-components/miller';\n *\n * const root = Trees.Mutable.createNode({ key: 'root', label: 'Root' });\n * Trees.Mutable.addValue({ key: 'a', label: 'Alpha' }, root);\n *\n * const ctrl = new MillerTreeController(\n *   Trees.Mutable.asDynamicTraversable(root),\n *   document.querySelector('ixfx-miller-list'),\n *   { valueToItem: v => ({ key: v.key, label: v.label }) }\n * );\n * ctrl.connect();\n * ```\n *\n * Children are populated lazily: the controller provides a `loadChildren`\n * callback that synchronously reads from the underlying tree.\n *\n * Call `disconnect()` to remove all event listeners and release resources.\n */\nexport class MillerTreeController<T> {\n  #root: TraversableTree<T>;\n  #element: MillerBaseElement;\n  #options: MillerTreeControllerOptions<T>;\n\n  // Forward map: MillerNode → TraversableTree node (for expand handler)\n  #nodeToTree = new WeakMap<MillerNode, TraversableTree<T>>();\n  // Reverse map: tree identity → MillerNode (for path pre-loading in navigateToValue)\n  #identityToMillerNode = new Map<unknown, MillerNode>();\n\n  #connectSignal: AbortController | undefined;\n\n  constructor(\n    root: TraversableTree<T>,\n    element: MillerBaseElement,\n    options: MillerTreeControllerOptions<T>,\n  ) {\n    this.#root = root;\n    this.#element = element;\n    this.#options = options;\n  }\n\n  // --- Public ---\n\n  /**\n   * Wire up the controller: sets `element.root` and provides `loadChildren` callback.\n   * Safe to call again after `disconnect()`.\n   */\n  connect() {\n    this.disconnect();\n    this.#connectSignal = new AbortController();\n\n    const rootValue = this.#root.getValue();\n    const rootItem = this.#options.valueToItem(rootValue, this.#root);\n    const rootChildren = this.#childrenOf(this.#root);\n\n    this.#element.root = { item: rootItem, children: rootChildren };\n\n    // Use loadChildren callback instead of expand event\n    this.#element.loadChildren = ({ node }) => {\n      const treeNode = this.#nodeToTree.get(node);\n      if (!treeNode)\n        return [];\n      return this.#childrenOf(treeNode);\n    };\n  }\n\n  /** Remove all event listeners and release internal state. */\n  disconnect() {\n    this.#connectSignal?.abort();\n    this.#connectSignal = undefined;\n    this.#element.loadChildren = undefined; // Clear callback\n  }\n\n  /**\n   * Navigate the component to the first node (depth-first) in the ixfx tree\n   * whose value satisfies `predicate`.\n   *\n   * Any ancestor `MillerNode`s with unloaded children are populated\n   * synchronously before calling `element.navigateTo()`.\n   *\n   * Returns `false` if no matching node is found.\n   */\n  navigateToValue(predicate: (value: T) => boolean): boolean {\n    const treePath = this.#findTreePath(this.#root, predicate);\n    if (!treePath)\n      return false;\n\n    // treePath[0] is root; treePath[1..] are the nodes in each column.\n    // Ensure ancestor MillerNodes have their children loaded.\n    let currentColumn = this.#element.root?.children ?? [];\n    const keys: string[] = [];\n\n    for (let i = 1; i < treePath.length; i++) {\n      const treeNode = treePath[i];\n      const key = this.#options.valueToItem(treeNode.getValue(), treeNode).key;\n      keys.push(key);\n\n      if (i < treePath.length - 1) {\n        // Not the final node — ensure its MillerNode has children loaded\n        const millerNode = currentColumn.find(n => n.item.key === key);\n        if (!millerNode)\n          return false;\n\n        if (millerNode.children === undefined) {\n          const mapped = this.#nodeToTree.get(millerNode);\n          if (mapped)\n            millerNode.children = this.#childrenOf(mapped);\n        }\n        currentColumn = millerNode.children ?? [];\n      }\n    }\n\n    return this.#element.navigateTo(keys);\n  }\n\n  // --- Private helpers ---\n\n  /** Convert a TraversableTree node's children to MillerNode[]. */\n  #childrenOf(treeNode: TraversableTree<T>): MillerNode[] {\n    return Array.from(treeNode.children(), child => this.#toMillerNode(child));\n  }\n\n  #toMillerNode(treeNode: TraversableTree<T>): MillerNode {\n    const value = treeNode.getValue();\n    const childList = [...treeNode.children()];\n    const userItem = this.#options.valueToItem(value, treeNode);\n\n    // Infer isLeaf from tree structure if not supplied by user\n    const isLeaf = userItem.isLeaf ?? childList.length === 0;\n\n    const millerNode: MillerNode = {\n      item: { ...userItem, isLeaf },\n      // undefined = has children but not loaded yet; [] = confirmed empty/leaf\n      children: isLeaf ? [] : undefined,\n    };\n\n    this.#nodeToTree.set(millerNode, treeNode);\n    this.#identityToMillerNode.set(treeNode.getIdentity(), millerNode);\n    return millerNode;\n  }\n\n  /** DFS through the ixfx tree returning the path of nodes to the first match. */\n  #findTreePath(\n    node: TraversableTree<T>,\n    predicate: (value: T) => boolean,\n    ancestors: Array<TraversableTree<T>> = [],\n  ): Array<TraversableTree<T>> | undefined {\n    const path = [...ancestors, node];\n    if (predicate(node.getValue()))\n      return path;\n    for (const child of node.children()) {\n      const result = this.#findTreePath(child, predicate, path);\n      if (result)\n        return result;\n    }\n    return undefined;\n  }\n}\n"],"mappings":";;;;;;;;;AA8CA,MAAM,qBAAqB;AA8CpB,IAAM,oBAAN,MAAM,0BAA0B,WAAoD;;;EAQ/E,KAAA,UAAA;EAQ6B,KAAA,kBAAA;EAKA,KAAA,kBAAA;EAGR,KAAA,cAAA;EAcM,KAAA,WAAA,CAAC;EAOT,KAAA,mCAAA,IAAI,IAAwB;EAGlB,KAAA,gCAAA,IAAI,IAAI;EAIpB,KAAA,iCAAA,IAAI,IAAgB;EAS/B,KAAA,gCAAA,IAAI,IAAoB;EAUvB,KAAA,iBAAA;EACD,KAAA,gBAAA;EACI,KAAA,oBAAA;EAMV,KAAA,UAAA,IAAI,kBAA0B,MAAM,EAC5C,gBAAgB;GACd,MAAM,QAAkD,CAAC;GACzD,KAAK,IAAI,QAAQ,GAAG,QAAQ,KAAK,SAAS,QAAQ,SAAS;IACzD,MAAM,MAAM,KAAK,SAAS;IAC1B,IAAI,KACF,KAAK,MAAM,QAAQ,KACjB,MAAM,KAAK,EAAE,IAAI,KAAKA,gBAAgB,MAAM,KAAK,EAAE,CAAC;GAG1D;GACA,OAAO;EACT,EACF,CAAC;EAmuBa,KAAA,cAAA,UAAyB;GACrC,MAAM,eAAe,KAAKC,0BAA0B;GACpD,MAAM,MAAM,KAAK,SAAS;GAE1B,IAAI,CAAC,OAAO,IAAI,WAAW,GAAG;IAC5B,MAAM,YAAY,KAAK,SAAS;IAChC,IAAI,aAAa,UAAU,SAAS,GAAG;KACrC,KAAK,QAAQ,WAAW,KAAKD,gBAAgB,UAAU,IAAI,CAAC,CAAC;KAC7D,KAAK,cAAc;IACrB;IACA;GACF;GAEA,QAAQ,MAAM,KAAd;IACE,KAAK,aAAa;KAChB,MAAM,eAAe;KAErB,MAAM,UAAU,KAAKE,wBAAwB;KAC7C,IAAI,cAAc;KAElB,IAAI,WAAW,QAAQ,UAAU,cAC/B,cAAc,KAAK,IAAI,QAAQ,QAAQ,GAAG,IAAI,SAAS,CAAC;KAG1D,MAAM,aAAa,IAAI;KACvB,IAAI,CAAC,YACH;KAEF,KAAKC,gBAAgB,YAAY,YAAY;KAE7C,IAAI,KAAK,oBAAoB,cAAc,KAAK,oBAAoB,UAAU;MAC5E,MAAM,YAAY,SAAS,SAAS;MAEpC,IAAI,MAAM,UAAU;OAClB,IAAI,CAAC,KAAKC,WAAW,KAAKA,QAAQ,UAAU,cAAc;QACxD,MAAM,aAAa,IAAI;QACvB,IAAI,YACF,KAAKA,UAAU;SACb,KAAK,WAAW,KAAK;SACrB,OAAO;SACP,OAAO;SACP,mBAAmB,KAAK,oBAAoB,WAAW,IAAI,IAAI,KAAK,aAAa,IAAI,KAAA;QACvF;OAEJ;OAEA,IAAI,KAAKA,SAAS;QAChB,MAAM,OAAO,KAAK,IAAI,KAAKA,QAAQ,OAAO,WAAW;QACrD,MAAM,KAAK,KAAK,IAAI,KAAKA,QAAQ,OAAO,WAAW;QACnD,MAAM,YAAY,IAAI,MAAM,MAAM,KAAK,CAAC,CAAC,CAAC,KAAI,MAAK,EAAE,KAAK,GAAG;QAE7D,IAAI,KAAK,oBAAoB,UAAU;SACrC,MAAM,OAAO,KAAKA,QAAQ;SAC1B,KAAK,MAAM,KAAK,WACd,IAAI,KAAK,IAAI,CAAC,GACZ,KAAK,cAAc,OAAO,CAAC;cACxB,KAAK,cAAc,IAAI,CAAC;QAEjC,OACE,KAAK,gBAAgB,IAAI,IAAI,SAAS;OAE1C;MACF,OAAO,IAAI,KAAK,oBAAoB,YAClC,KAAKA,UAAU;OAAE,KAAK,WAAW,KAAK;OAAK,OAAO;OAAc,OAAO;MAAY;WAEnF,KAAKA,UAAU,KAAA;KAEnB;KAEA,KAAK,cAAc;KACnB;IACF;IAEA,KAAK,WAAW;KACd,MAAM,eAAe;KAErB,MAAM,UAAU,KAAKF,wBAAwB;KAC7C,IAAI,cAAc;KAElB,IAAI,WAAW,QAAQ,UAAU,cAC/B,cAAc,KAAK,IAAI,QAAQ,QAAQ,GAAG,CAAC;KAG7C,MAAM,aAAa,IAAI;KACvB,IAAI,CAAC,YACH;KAEF,KAAKC,gBAAgB,YAAY,YAAY;KAE7C,IAAI,KAAK,oBAAoB,cAAc,KAAK,oBAAoB,UAAU;MAC5E,MAAM,YAAY,SAAS,SAAS;MAEpC,IAAI,MAAM,UAAU;OAClB,IAAI,CAAC,KAAKC,WAAW,KAAKA,QAAQ,UAAU,cAAc;QACxD,MAAM,aAAa,IAAI;QACvB,IAAI,YACF,KAAKA,UAAU;SACb,KAAK,WAAW,KAAK;SACrB,OAAO;SACP,OAAO;SACP,mBAAmB,KAAK,oBAAoB,WAAW,IAAI,IAAI,KAAK,aAAa,IAAI,KAAA;QACvF;OAEJ;OAEA,IAAI,KAAKA,SAAS;QAChB,MAAM,OAAO,KAAK,IAAI,KAAKA,QAAQ,OAAO,WAAW;QACrD,MAAM,KAAK,KAAK,IAAI,KAAKA,QAAQ,OAAO,WAAW;QACnD,MAAM,YAAY,IAAI,MAAM,MAAM,KAAK,CAAC,CAAC,CAAC,KAAI,MAAK,EAAE,KAAK,GAAG;QAE7D,IAAI,KAAK,oBAAoB,UAAU;SACrC,MAAM,OAAO,KAAKA,QAAQ;SAC1B,KAAK,MAAM,KAAK,WACd,IAAI,KAAK,IAAI,CAAC,GACZ,KAAK,cAAc,OAAO,CAAC;cACxB,KAAK,cAAc,IAAI,CAAC;QAEjC,OACE,KAAK,gBAAgB,IAAI,IAAI,SAAS;OAE1C;MACF,OAAO,IAAI,KAAK,oBAAoB,YAClC,KAAKA,UAAU;OAAE,KAAK,WAAW,KAAK;OAAK,OAAO;OAAc,OAAO;MAAY;WAEnF,KAAKA,UAAU,KAAA;KAEnB;KAEA,KAAK,cAAc;KACnB;IACF;IAEA,KAAK,cAAc;KACjB,MAAM,eAAe;KACrB,MAAM,UAAU,KAAKF,wBAAwB;KAC7C,IAAI,CAAC,SAAS;MACZ,IAAI,IAAI,SAAS,GAAG;OAClB,KAAKC,gBAAgB,IAAI,IAAI,YAAY;OACzC,KAAK,cAAc;MACrB;MACA;KACF;KAEA,MAAM,EAAE,MAAM,UAAU;KAExB,IAAI,KAAK,oBAAoB,YAAY,KAAK,oBAAoB,YAAY;MAC5E,KAAK,iBAAiB,IAAI,OAAO,IAAI;MACrC,KAAKE,YAAY,MAAM,KAAK;KAC9B,OACE,KAAKC,aAAa,MAAM,KAAK;KAG/B,IAAI,KAAK,SAAS,SAAS,QAAQ,GAAG;MACpC,MAAM,UAAU,KAAK,SAAS,QAAQ;MACtC,IAAI,WAAW,QAAQ,SAAS,GAC9B,KAAKH,gBAAgB,QAAQ,IAAI,QAAQ,CAAC;KAE9C;KAEA,KAAK,cAAc;KACnB;IACF;IAEA,KAAK;KACH,MAAM,eAAe;KACrB,IAAI,eAAe,GAAG;MACpB,KAAKI,cAAc;MACnB,KAAK,WAAW,KAAK,SAAS,MAAM,GAAG,YAAY;MAEnD,MAAM,UAAU,KAAK,SAAS,eAAe;MAC7C,IAAI,WAAW,QAAQ,SAAS,GAAG;OACjC,MAAM,eAAe,KAAK,iBAAiB,IAAI,eAAe,CAAC;OAC/D,MAAM,aAAa,gBAAgB,QAAQ,SAAS,YAAY,IAAI,eAAe,QAAQ;OAC3F,KAAKJ,gBAAgB,YAAY,eAAe,CAAC;MACnD;MAEA,KAAK,cAAc;KACrB;KACA;IAGF,KAAK,SAAS;KACZ,MAAM,eAAe;KACrB,MAAM,UAAU,KAAKD,wBAAwB;KAC7C,IAAI,CAAC,SACH;KAEF,MAAM,EAAE,MAAM,OAAO,UAAU;KAE/B,IAAI,KAAK,oBAAoB,cAAc,KAAK,oBAAoB,UAAU;MAC5E,IAAI,MAAM,YAAY,KAAKE,SAAS,UAAU,OAAO;OACnD,MAAM,OAAO,KAAK,IAAI,KAAKA,QAAQ,OAAO,KAAK;OAC/C,MAAM,KAAK,KAAK,IAAI,KAAKA,QAAQ,OAAO,KAAK;OAC7C,KAAK,gBAAgB,IAAI,IAAI,IAAI,MAAM,MAAM,KAAK,CAAC,CAAC,CAAC,KAAI,MAAK,EAAE,KAAK,GAAG,CAAC;MAC3E,OAAO;OACL,KAAK,cAAc,IAAI,KAAK,KAAK,GAAG;OACpC,KAAKA,UAAU;QAAE,KAAK,KAAK,KAAK;QAAK;QAAO;OAAM;MACpD;KACF,OACE,KAAK,iBAAiB,IAAI,OAAO,IAAI;KAGvC,KAAK,cAAc,IAAI,YAAgC,YAAY;MACjE,QAAQ;OAAE;OAAM;MAAM;MACtB,SAAS;MACT,UAAU;KACZ,CAAC,CAAC;KAEF,KAAK,cAAc;KACnB;IACF;IAEA,KAAK;KACH,MAAM,eAAe;KACrB,KAAKG,cAAc;KACnB,IAAI,KAAK,SAAS,SAAS,GAAG;MAC5B,KAAK,WAAW,KAAK,SAAS,MAAM,GAAG,EAAE;MACzC,MAAM,WAAW,KAAK,IAAI,GAAG,eAAe,CAAC;MAE7C,MAAM,UAAU,KAAK,SAAS;MAC9B,IAAI,WAAW,QAAQ,SAAS,GAAG;OACjC,MAAM,eAAe,KAAK,iBAAiB,IAAI,QAAQ;OACvD,MAAM,aAAa,gBAAgB,QAAQ,SAAS,YAAY,IAAI,eAAe,QAAQ;OAC3F,KAAKJ,gBAAgB,YAAY,QAAQ;MAC3C;MAEA,KAAK,cAAc;KACrB;GAGJ;EACF;EAIkB,KAAA,kBAAA,OAAqB,UAAkB;GACvD,MAAM,eAAe;GACrB,MAAM,gBAAgB;GACtB,KAAKK,iBAAiB;GACtB,KAAKC,gBAAgB,MAAM;GAC3B,MAAM,KAAK,KAAK,YAAY,iBAAiB,SAAS,CAAC,CAAC;GACxD,KAAKC,oBAAoB,KAAK,GAAG,sBAAsB,CAAC,CAAC,QAAQ;GACjE,OAAO,iBAAiB,eAAe,KAAKC,aAAa;GACzD,OAAO,iBAAiB,aAAa,KAAKC,YAAY;EACxD;EAEiB,KAAA,iBAAA,UAAwB;GACvC,IAAI,KAAKJ,iBAAiB,GACxB;GACF,MAAM,QAAQ,MAAM,UAAU,KAAKC;GACnC,MAAM,WAAW,KAAK,IAAI,IAAI,KAAKC,oBAAoB,KAAK;GAC5D,KAAKG,cAAc,IAAI,KAAKL,gBAAgB,QAAQ;GACpD,KAAK,cAAc;EACrB;EAEqB,KAAA,qBAAA;GACnB,KAAKA,iBAAiB;GACtB,OAAO,oBAAoB,eAAe,KAAKG,aAAa;GAC5D,OAAO,oBAAoB,aAAa,KAAKC,YAAY;EAC3D;;CA3gCA;CAGA;CAGA;CAGA;CACA;CAGA;CAGA;CACA;CACA;CAGA;CAmBA,gBAAgB,MAAkB,OAAuB;EACvD,OAAO,GAAG,MAAM,GAAG,KAAK,KAAK;CAC/B;CAGA,mBAAuC;EACrC,MAAM,KAAK,KAAK,QAAQ;EACxB,IAAI,CAAC,IACH,OAAO,KAAA;EACT,MAAM,aAAa,GAAG,QAAQ,GAAG;EACjC,IAAI,aAAa,GACf,OAAO,KAAA;EACT,OAAO,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC;CAC3C;CAEA,QAAiB,cAA8B;EAC7C,IAAI,aAAa,IAAI,MAAM,KAAK,KAAK,MAAM;GACzC,KAAKL,cAAc;GACnB,KAAK,WAAW,KAAK,KAAK,WAAW,CAAC,KAAK,KAAK,QAAQ,IAAI,CAAC;GAC7D,KAAK,iBAAiB,MAAM;GAC5B,KAAK,gCAAgB,IAAI,IAAI;GAC7B,KAAK,eAAe,MAAM;GAC1B,KAAKO,oBAAoB,KAAA;GACzB,KAAKV,UAAU,KAAA;GACf,KAAK,QAAQ,aAAa;EAC5B;EAEA,IAAI,aAAa,IAAI,OAAO,GAAG;GAC7B,KAAKW,oBAAoB;GACzB,KAAKA,oBAAoB,KAAA;GACzB,MAAM,QAAQ,KAAK;GACnB,IAAI,OAAO;IACT,KAAK,OAAO,MAAM;IAClB,KAAKA,oBAAoB,MAAM,YAAY,UAAU;KACnD,IAAI,MAAM,SAAS,QAAQ;MACzB,KAAK,OAAO,MAAM;MAClB,KAAK,cAAc;KACrB,OAAO,IAAI,MAAM,SAAS,cAGnB;WAAA,IAAI,QAAQ,GAAG,QAAQ,KAAK,SAAS,SAAS,GAAG,SAEpD,IADY,KAAK,SAAS,MACnB,EAAE,MAAK,MAAK,EAAE,KAAK,QAAQ,MAAM,GAAG,GAAG;OAC5C,KAAK,WAAW,KAAK,SAAS,MAAM,GAAG,QAAQ,CAAC;OAChD,KAAK,cAAc;OACnB;MACF;;IAGN,CAAC;GACH;EACF;EAGA,IAAI,KAAKC,cAAc,aAAa,KAAA,KAAa,KAAK,kBAAkB,KAAA,GAAW;GACjF,MAAM,eAAe,KAAK;GAC1B,MAAM,mBAAmB,KAAKA,aAAa;GAC3C,KAAKA,eAAe,KAAA;GACpB,KAAKC,qBAAqB,KAAA;GAC1B,KAAK,gBAAgB,KAAA;GAErB,MAAM,OAAO,KAAK,SAAS,MAAM,GAAG,YAAY;GAChD,IAAI,iBAAiB,SAAS,GAC5B,KAAK,KAAK,gBAAgB;GAC5B,KAAK,WAAW;EAClB;EAGA,MAAM,cAAc,aAAa,IAAI,UAAU;EAC/C,MAAM,cAAc,aAAa,IAAI,UAAU,MAAM,aAAa,UAAU,KAAK,KAAK,SAAS;EAC/F,MAAM,kBAAkB,aAAa,IAAI,eAAe,KAAK,KAAK,kBAAkB,KAAA;EACpF,IAAI,eAAe,iBAAiB;GAClC,MAAM,YAAY,KAAK,YAAY,cAAc,YAAY;GAC7D,WAAW,SAAS;IAAE,MAAM,UAAU;IAAa,UAAU;GAAS,CAAC;EACzE;CACF;CAEA,uBAAgC;EAC9B,MAAM,qBAAqB;EAC3B,KAAKF,oBAAoB;EACzB,KAAKA,oBAAoB,KAAA;CAC3B;CAIA,YAA0B;EACxB,MAAM,eAAuC,CAAC;EAC9C,KAAK,MAAM,CAAC,OAAO,UAAU,KAAKF,eAChC,aAAa,SAAS;EAExB,OAAO,EAAE,aAAa;CACxB;CAEA,UAAU,QAAsB;EAC9B,KAAKA,cAAc,MAAM;EACzB,KAAK,MAAM,CAAC,OAAO,UAAU,OAAO,QAAQ,OAAO,YAAY,GAC7D,KAAKA,cAAc,IAAI,OAAO,KAAK,GAAG,KAAK;EAE7C,KAAK,cAAc;CACrB;;CAGA,IAAI,eAAoC;EACtC,OAAO,KAAK;CACd;;CAGA,IAAI,aAAa,MAAwB;EACvC,KAAK,gBAAgB,IAAI,IAAI,IAAI;EACjC,KAAK,cAAc;CACrB;;CAKA,IAAI,eAAuC;EACzC,OAAO,KAAKC;CACd;CAEA,IAAI,aAAa,MAA8B;EAC7C,KAAKA,oBAAoB;EACzB,IAAI,MACE;OAAA,KAAK,oBAAoB,cAAc,KAAK,oBAAoB,YAClE,KAAK,gCAAgB,IAAI,IAAI,CAAC,KAAK,KAAK,GAAG,CAAC;EAAA;EAGhD,KAAK,cAAc;CACrB;;CAGA,IAAI,gBAAyC;EAC3C,OAAO,KAAK;CACd;;CAKA,OAAO,MAAwB;EAC7B,IAAI,CAAC,KAAKI,WAAW,IAAI,GACvB;EACF,MAAM,OAAO,IAAI,IAAI,KAAK,cAAc;EACxC,KAAK,eAAe,IAAI,IAAI;EAC5B,KAAK,cAAc,IAAI,KAAK,KAAK,GAAG;EACpC,KAAKJ,oBAAoB;EACzB,KAAKK,qBAAqB,IAAI;EAC9B,KAAK,cAAc;CACrB;;CAGA,SAAS,MAAwB;EAC/B,IAAI,CAAC,KAAK,eAAe,IAAI,IAAI,GAC/B;EACF,MAAM,OAAO,IAAI,IAAI,KAAK,cAAc;EACxC,KAAK,eAAe,OAAO,IAAI;EAC/B,KAAK,cAAc,OAAO,KAAK,KAAK,GAAG;EACvC,IAAI,KAAKL,sBAAsB,MAC7B,KAAKA,oBAAoB,CAAC,GAAG,KAAK,cAAc,CAAC,CAAC,GAAG,EAAE;EAEzD,KAAKK,qBAAqB,IAAI;EAC9B,KAAK,cAAc;CACrB;;;;CAKA,iBAAuB;EACrB,MAAM,OAAO,IAAI,IAAI,KAAK,cAAc;EACxC,KAAK,gCAAgB,IAAI,IAAI;EAC7B,KAAK,eAAe,MAAM;EAC1B,KAAKL,oBAAoB,KAAA;EACzB,IAAI,KAAK,OAAO,GACd,KAAKK,qBAAqB,IAAI;EAEhC,KAAK,cAAc;CACrB;;CAGA,YAAkB,CAElB;;CAGA,cAAoB,CAEpB;;;;;CAMA,YAAY,MAAkB,UAAyB;EACrD,IAAI,KAAK,oBAAoB,WAC3B,KAAKC,oBAAoB,MAAM,QAAQ;OAEvC,IAAI,UAAU;GACZ,KAAK,cAAc,IAAI,KAAK,KAAK,GAAG;GACpC,KAAK,eAAe,IAAI,IAAI;EAC9B,OAAO;GACL,KAAK,cAAc,OAAO,KAAK,KAAK,GAAG;GACvC,KAAK,eAAe,OAAO,IAAI;EACjC;EAEF,KAAK,cAAc;CACrB;;;;;CAMA,cAA4B;EAC1B,MAAM,UAAwB,CAAC;EAC/B,KAAK,MAAM,OAAO,KAAK,UACrB,KAAK,MAAM,QAAQ,KACjB,IAAI,KAAK,cAAc,IAAI,KAAK,KAAK,GAAG,GACtC,QAAQ,KAAK,IAAI;EAGvB,OAAO;CACT;;;;CAKA,WAAW,MAAkC;EAC3C,IAAI,CAAC,KAAK,MAAM,UACd,OAAO;EACT,KAAKb,cAAc;EACnB,KAAK,iBAAiB,MAAM;EAC5B,KAAK,QAAQ,aAAa;EAE1B,MAAM,aAA6B,CAAC,KAAK,KAAK,QAAQ;EACtD,IAAI,gBAAgB,KAAK,KAAK;EAC9B,IAAI,UAAU;EACd,IAAI;EACJ,IAAI,YAAY;EAEhB,KAAK,IAAI,QAAQ,GAAG,QAAQ,KAAK,QAAQ,SAAS;GAChD,MAAM,MAAM,cAAc,WAAU,MAAK,EAAE,KAAK,QAAQ,KAAK,MAAM;GACnE,IAAI,MAAM,GAAG;IACX,UAAU;IAAO;GACnB;GAEA,MAAM,OAAO,cAAc;GAC3B,KAAK,iBAAiB,IAAI,OAAO,IAAI;GACrC,WAAW;GACX,YAAY;GAEZ,IAAI,KAAK,KAAK,UAAU,CAAC,KAAK,YAAY,KAAK,SAAS,WAAW,GAAG;IACpE,IAAI,QAAQ,KAAK,SAAS,GACxB,UAAU;IACZ;GACF;GAEA,WAAW,KAAK,KAAK,QAAQ;GAC7B,gBAAgB,KAAK;EACvB;EAEA,KAAK,WAAW;EAEhB,IAAI,UACF,KAAK,QAAQ,WAAW,KAAKP,gBAAgB,UAAU,SAAS,CAAC;EAGnE,IAAI,KAAK,oBAAoB,cAAc,KAAK,oBAAoB,UAAU;GAC5E,MAAM,UAAU,KAAK,GAAG,EAAE;GAC1B,IAAI,SACF,KAAK,gCAAgB,IAAI,IAAI,CAAC,OAAO,CAAC;EAC1C;EAEA,KAAK,cAAc;EACnB,KAAKqB,6BAA6B;EAClC,OAAO;CACT;;;;CAKA,eAAe,WAAmD;EAChE,IAAI,CAAC,KAAK,MAAM,UACd,OAAO;EACT,MAAM,UAAU,KAAKC,cAAc,KAAK,KAAK,UAAU,SAAS;EAChE,IAAI,CAAC,SACH,OAAO;EACT,OAAO,KAAK,WAAW,OAAO;CAChC;CAEA,WAA+D;EAC7D,IAAI,CAAC,KAAK,MAAM,UACd,OAAO,CAAC;EACV,MAAM,SAAqD,CAAC;EAC5D,MAAM,SAAS,MAAkB,UAAkB;GACjD,OAAO,KAAK;IAAE;IAAM;GAAM,CAAC;GAC3B,IAAI,KAAK,UACP,KAAK,MAAM,SAAS,KAAK,UAAU,MAAM,OAAO,QAAQ,CAAC;EAE7D;EACA,KAAK,MAAM,SAAS,KAAK,KAAK,UAAU,MAAM,OAAO,CAAC;EACtD,OAAO;CACT;CAEA,cACE,OACA,WACA,SAAmB,CAAC,GACE;EACtB,KAAK,MAAM,QAAQ,OAAO;GACxB,MAAM,OAAO,CAAC,GAAG,QAAQ,KAAK,KAAK,GAAG;GACtC,IAAI,UAAU,IAAI,GAChB,OAAO;GACT,IAAI,KAAK,UAAU,QAAQ;IACzB,MAAM,SAAS,KAAKA,cAAc,KAAK,UAAU,WAAW,IAAI;IAChE,IAAI,QACF,OAAO;GACX;EACF;CAEF;CAIA,oBAA8B,OAAqB,OAAgD;EACjG,QAAQ,KAAK,+DAA+D,MAAM,UAAU,MAAM,QAAQ;EAC1G,OAAO;CACT;CAGA,iBAA2B,MAAkB,OAAe,OAAoB;EAC9E,KAAKhB,aAAa,MAAM,OAAO,KAAK;CACtC;;;;CAKA,qBAA+B,OAAmB,MAAkB,QAAgB;EAClF,MAAM,gBAAgB;EACtB,KAAKiB,iBAAiB,IAAI;CAC5B;;;;CAKA,oBAA8B,MAAkB,OAAe,QAAoB;EACjF,KAAK,cAAc,IAAI,YAAsC,iBAAiB;GAC5E,QAAQ;IAAE;IAAM;GAAM;GACtB,SAAS;GACT,UAAU;EACZ,CAAC,CAAC;CACJ;;;;CAKA,sBAAgC,MAAkB,OAAe,OAAmB;EAClF,KAAK,cAAc,IAAI,YAAwC,mBAAmB;GAChF,QAAQ;IAAE;IAAM;IAAO,YAAY;GAAM;GACzC,SAAS;GACT,UAAU;EACZ,CAAC,CAAC;CACJ;;;;CAKA,wBAAkC,OAAmB,OAAe;EAClE,MAAM,QAAQ,KAAKC,iBAAiB,KAAK;EACzC,MAAM,OAAO,KAAKC,WAAW,KAAK;EAClC,KAAK,cAAc,IAAI,YAA0C,qBAAqB;GACpF,QAAQ;IAAE;IAAO;IAAO;IAAM,YAAY;GAAM;GAChD,SAAS;GACT,UAAU;EACZ,CAAC,CAAC;CACJ;CAEA,YAAsB,MAAkB,OAAwB;EAC9D,IAAI,KAAK,oBAAoB,YAC3B,OAAO,KAAK,iBAAiB,IAAI,KAAK,MAAM;EAE9C,OAAO,KAAK,cAAc,IAAI,KAAK,KAAK,GAAG;CAC7C;CAEA,YAAY,MAAkB,OAAwB;EACpD,MAAM,UAAU,KAAK,SAAS,QAAQ;EACtC,OAAO,YAAY,KAAA,KAAa,KAAK,aAAa;CACpD;CAEA,QAAkB,MAAkB,OAAwB;EAC1D,OAAO,KAAKC,YAAY,MAAM,KAAK;CACrC;;;;CAKA,aAAa,KAAa,OAA4C;EAEpE,MAAM,OADM,KAAK,SAAS,MACV,EAAE,MAAK,MAAK,EAAE,KAAK,QAAQ,GAAG;EAC9C,IAAI,CAAC,MACH,OAAO,KAAA;EACT,OAAO;GACL,UAAU,KAAK,YAAY,MAAM,KAAK;GACtC,MAAM,KAAKA,YAAY,MAAM,KAAK;GAClC,SAAS,KAAK,WAAW,MAAM,KAAK;GACpC,QAAQ,KAAK,KAAK,UAAU;EAC9B;CACF;CAIA,WAAW,MAA2B;EACpC,IAAI,KAAK,oBAAoB,QAC3B,OAAO;EACT,IAAI,KAAK,oBAAoB,QAC3B,OAAO,KAAK,KAAK,WAAW;EAC9B,IAAI,KAAK,oBAAoB,UAC3B,OAAO,KAAK,KAAK,WAAW,SAAU,KAAK,aAAa,KAAA,KAAa,KAAK,SAAS,SAAS;EAC9F,OAAO;CACT;CAEA,qBAAqB,UAAuC;EAC1D,MAAM,SAA2B;GAC/B,UAAU,IAAI,IAAI,KAAK,cAAc;GACrC;EACF;EACA,KAAK,cAAc,IAAI,YAA8B,UAAU;GAC7D;GACA,SAAS;GACT,UAAU;EACZ,CAAC,CAAC;CACJ;CAEA,gBAAgB;EACd,IAAI,KAAKC,iBAAiB,KAAA,GAAW;GACnC,aAAa,KAAKA,YAAY;GAC9B,KAAKA,eAAe,KAAA;EACtB;EAEA,IAAI,KAAKV,oBAAoB;GAC3B,MAAM,OAAO,KAAKD;GAClB,MAAM,QAAQ,KAAK;GACnB,KAAKC,mBAAmB,MAAM;GAC9B,KAAKA,qBAAqB,KAAA;GAC1B,KAAKD,eAAe,KAAA;GACpB,KAAK,gBAAgB,KAAA;GAErB,IAAI,QAAQ,UAAU,KAAA,GACpB,KAAK,cAAc,IAAI,YAAkC,YAAY;IACnE,QAAQ;KAAE;KAAM;IAAM;IACtB,SAAS;IACT,UAAU;GACZ,CAAC,CAAC;EAEN;CACF;;;;CAKA,WAAW,OAA6B;EACtC,MAAM,OAAqB,CAAC;EAC5B,IAAI,KAAK,MACP,KAAK,KAAK,KAAK,IAAI;EACrB,KAAK,IAAI,IAAI,GAAG,IAAI,OAAO,KAAK;GAC9B,MAAM,MAAM,KAAK,iBAAiB,IAAI,CAAC;GACvC,IAAI,KACF,KAAK,KAAK,GAAG;EACjB;EACA,OAAO;CACT;CAEA,eAAe,OAAe;EAG5B,MAAM,SAAkC;GAAE;GAAO,OAFnC,KAAKQ,iBAAiB,KAEiB;GAAG,MAD3C,KAAKC,WAAW,KAC8B;EAAE;EAC7D,KAAK,cAAc,IAAI,YAAqC,gBAAgB;GAC1E;GACA,SAAS;GACT,UAAU;EACZ,CAAC,CAAC;CACJ;CAEA,aAAa,MAAkB,OAAe,OAAoB;EAChE,IAAI,KAAK,kBAAkB,KAAA,KAAa,KAAK,gBAAgB,OAC3D,KAAKlB,cAAc;EAGrB,KAAK,QAAQ,WAAW,KAAKP,gBAAgB,MAAM,KAAK,CAAC;EAEzD,KAAK,cAAc,IAAI,YAAmC,cAAc;GACtE,QAAQ;IAAE;IAAM;GAAM;GACtB,SAAS;GACT,UAAU;EACZ,CAAC,CAAC;EAEF,QAAQ,KAAK,iBAAb;GACE,KAAK;IACH,KAAK4B,qBAAqB,MAAM,KAAK;IACrC;GACF,KAAK;IACH,KAAKC,qBAAqB,MAAM,OAAO,KAAK;IAC5C;GACF,KAAK;IACH,KAAKA,qBAAqB,MAAM,OAAO,KAAK;IAC5C;GACF,KAAK,UACH;GACF,KAAK,WACH,KAAKxB,YAAY,MAAM,KAAK;EAEhC;CACF;CAEA,qBAAqB,MAAkB,OAAe;EACpD,MAAM,WAAW,IAAI,IAAI,KAAK,cAAc;EAC5C,KAAK,iBAAiB,IAAI,OAAO,IAAI;EACrC,KAAKS,oBAAoB;EACzB,KAAK,gCAAgB,IAAI,IAAI,CAAC,KAAK,KAAK,GAAG,CAAC;EAC5C,KAAK,eAAe,MAAM;EAC1B,KAAK,eAAe,IAAI,IAAI;EAC5B,KAAKT,YAAY,MAAM,KAAK;EAC5B,IAAI,CAAC,SAAS,IAAI,IAAI,GACpB,KAAKc,qBAAqB,QAAQ;CAEtC;CAEA,qBAAqB,MAAkB,OAAe,OAAoB;EACxE,MAAM,MAAM,KAAK,SAAS;EAC1B,MAAM,QAAQ,MAAM,IAAI,QAAQ,IAAI,IAAI;EAExC,MAAM,SAAS,QAAS,MAAM,WAAW,MAAM,UAAW;EAC1D,MAAM,UAAU,QAAQ,MAAM,WAAW;EAEzC,IAAI,QAAQ;GACV,IAAI,KAAK,cAAc,IAAI,KAAK,KAAK,GAAG,GAAG;IACzC,KAAK,cAAc,OAAO,KAAK,KAAK,GAAG;IACvC,KAAK,eAAe,OAAO,IAAI;GACjC,OAAO;IACL,KAAK,cAAc,IAAI,KAAK,KAAK,GAAG;IACpC,KAAK,eAAe,IAAI,IAAI;GAC9B;GACA,KAAKf,UAAU,SAAS,IAAI;IAAE,KAAK,KAAK,KAAK;IAAK;IAAO;GAAM,IAAI,KAAKA;GACxE,KAAK,cAAc;GACnB;EACF;EAEA,IAAI,WAAW,KAAKA,WAAW,KAAKA,QAAQ,UAAU,SAAS,KAAK;GAClE,MAAM,OAAO,KAAK,IAAI,KAAKA,QAAQ,OAAO,KAAK;GAC/C,MAAM,KAAK,KAAK,IAAI,KAAKA,QAAQ,OAAO,KAAK;GAC7C,MAAM,aAAa,IAAI,MAAM,MAAM,KAAK,CAAC;GACzC,KAAK,gBAAgB,IAAI,IAAI,WAAW,KAAI,MAAK,EAAE,KAAK,GAAG,CAAC;GAC5D,KAAK,iBAAiB,IAAI,IAAI,UAAU;GACxC,KAAK,cAAc;GACnB;EACF;EAEA,MAAM,WAAW,IAAI,IAAI,KAAK,cAAc;EAC5C,KAAK,gCAAgB,IAAI,IAAI,CAAC,KAAK,KAAK,GAAG,CAAC;EAC5C,KAAK,iCAAiB,IAAI,IAAI,CAAC,IAAI,CAAC;EACpC,KAAKA,UAAU,SAAS,IAAI;GAAE,KAAK,KAAK,KAAK;GAAK;GAAO;EAAM,IAAI,KAAA;EACnE,KAAK,iBAAiB,IAAI,OAAO,IAAI;EACrC,KAAKU,oBAAoB;EACzB,KAAKT,YAAY,MAAM,KAAK;EAC5B,IAAI,CAAC,SAAS,IAAI,IAAI,KAAK,SAAS,SAAS,GAC3C,KAAKc,qBAAqB,QAAQ;CAEtC;CAEA,YAAY,MAAkB,OAAe;EAC3C,IAAI,KAAK,KAAK,QAAQ;GACpB,KAAK,WAAW,KAAK,SAAS,MAAM,GAAG,QAAQ,CAAC;GAChD,KAAK,cAAc;GACnB;EACF;EAEA,IAAI,KAAK,aAAa,KAAA,GAAW;GAC/B,KAAK,WAAW,KAAK,SAAS,MAAM,GAAG,QAAQ,CAAC;GAChD,KAAK,gBAAgB,QAAQ;GAC7B,KAAKH,eAAe;GACpB,MAAM,aAAa,IAAI,gBAAgB;GACvC,KAAKC,qBAAqB;GAE1B,KAAK,cAAc,IAAI,YAAgC,UAAU;IAC/D,QAAQ;KAAE;KAAM;IAAM;IACtB,SAAS;IACT,UAAU;GACZ,CAAC,CAAC;GAEF,MAAM,iBAAiB,aAA2B;IAChD,IAAI,WAAW,OAAO,SACpB;IACF,KAAK,WAAW;IAChB,KAAKD,eAAe,KAAA;IACpB,KAAKC,qBAAqB,KAAA;IAC1B,KAAK,gBAAgB,KAAA;IACrB,MAAM,OAAO,KAAK,SAAS,MAAM,GAAG,QAAQ,CAAC;IAC7C,IAAI,SAAS,SAAS,GACpB,KAAK,KAAK,QAAQ;IACpB,KAAK,WAAW;GAClB;GAEA,MAAM,eAAe,QAAiB;IACpC,IAAK,IAAc,SAAS,cAC1B,QAAQ,MAAM,GAAG;IACnB,KAAK,WAAW,CAAC;IACjB,KAAKD,eAAe,KAAA;IACpB,KAAKC,qBAAqB,KAAA;IAC1B,KAAK,gBAAgB,KAAA;IACrB,KAAK,cAAc;GACrB;GAEA,IAAI,KAAK,SAAS,KAAK,cAAc;IACnC,IAAI,KAAKU,iBAAiB,KAAA,GACxB,aAAa,KAAKA,YAAY;IAEhC,KAAKA,eAAe,iBAAiB;KACnC,KAAKA,eAAe,KAAA;KACpB,IAAI,KAAKX,iBAAiB,MACxB;KAMF,CAJgB,KAAK,QACjB,KAAK,MAAM,YAAY,MAAM,OAAO,WAAW,MAAM,IACrD,kBAAkB,KAAK,aAAc;MAAE;MAAM;KAAM,GAAG,WAAW,MAAM,GAAG,WAAW,MAAM,EAAA,CAEvF,MAAK,aAAY,cAAc,CAAC,GAAG,QAAQ,CAAiB,CAAC,CAAC,CAAC,MAAM,WAAW;IAC1F,GAAG,kBAAkB;GACvB,OAAO;IACL,KAAK,gBAAgB,KAAA;IACrB,KAAKA,eAAe,KAAA;IACpB,KAAKC,qBAAqB,KAAA;IAC1B,MAAM,aAAa,KAAK,SAAS,MAAM,GAAG,QAAQ,CAAC;IACnD,WAAW,KAAK,CAAC,CAAC;IAClB,KAAK,WAAW;GAClB;EACF,OAAO;GACL,MAAM,aAAa,KAAK,SAAS,MAAM,GAAG,QAAQ,CAAC;GACnD,WAAW,KAAK,KAAK,QAAQ;GAC7B,KAAK,WAAW;GAEhB,KAAK,cAAc,IAAI,YAAgC,UAAU;IAC/D,QAAQ;KAAE;KAAM;IAAM;IACtB,SAAS;IACT,UAAU;GACZ,CAAC,CAAC;EACJ;CACF;CAEA,iBAAiB,MAAkB;EACjC,MAAM,oBAAoB,KAAK,cAAc,IAAI,KAAK,KAAK,GAAG;EAO9D,IAJ+B,CAFJ,CAAE,KAAK,UAAU,SAGxC,KAAKa,wBAAwB,IAAI,IACjC,mBAGF,KAAKV,oBAAoB,MAAM,KAAK;OAEpC,KAAKA,oBAAoB,MAAM,IAAI;EAGrC,KAAK,cAAc;CACrB;CAEA,wBAAwB,MAA2B;EACjD,IAAI,CAAC,KAAK,cAAc,IAAI,KAAK,KAAK,GAAG,GACvC,OAAO;EACT,IAAI,CAAC,KAAK,UAAU,QAClB,OAAO;EACT,OAAO,KAAK,SAAS,OAAM,UAAS,KAAKU,wBAAwB,KAAK,CAAC;CACzE;CAEA,oBAAoB,MAAkB,UAAmB;EACvD,IAAI,UAAU;GACZ,KAAK,cAAc,IAAI,KAAK,KAAK,GAAG;GACpC,KAAK,eAAe,IAAI,IAAI;EAC9B,OAAO;GACL,KAAK,cAAc,OAAO,KAAK,KAAK,GAAG;GACvC,KAAK,eAAe,OAAO,IAAI;EACjC;EACA,IAAI,KAAK,UACP,KAAK,MAAM,SAAS,KAAK,UACvB,KAAKV,oBAAoB,OAAO,QAAQ;CAG9C;CAEA,4BAAoC;EAClC,OAAO,KAAKW,iBAAiB,KAAK;CACpC;CAEA,0BAA0F;EACxF,MAAM,KAAK,KAAK,QAAQ;EACxB,IAAI,CAAC,IACH,OAAO,KAAA;EAET,MAAM,aAAa,GAAG,QAAQ,GAAG;EACjC,IAAI,aAAa,GACf,OAAO,KAAA;EAET,MAAM,QAAQ,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC;EAChD,MAAM,MAAM,GAAG,UAAU,aAAa,CAAC;EAEvC,MAAM,MAAM,KAAK,SAAS;EAC1B,IAAI,CAAC,KACH,OAAO,KAAA;EAET,MAAM,QAAQ,IAAI,WAAU,MAAK,EAAE,KAAK,QAAQ,GAAG;EACnD,IAAI,QAAQ,GACV,OAAO,KAAA;EAET,OAAO;GAAE,MAAM,IAAI;GAAQ;GAAO;EAAM;CAC1C;CAEA,+BAA+B;EAC7B,4BAA4B;GAC1B,MAAM,UAAU,KAAK7B,wBAAwB;GAC7C,IAAI,CAAC,SACH;GAEF,MAAM,YAAY,KAAK,YAAY,iBAAiB,SAAS,CAAC,CAAC,QAAQ,MAAM,EAAE,cAAc,iBAAiB;GAC9G,IAAI,CAAC,WACH;GAIF,UAFwB,iBAAiB,OACxB,CAAC,CAAC,QAAQ,MACvB,EAAE,eAAe;IAAE,OAAO;IAAW,UAAU;GAAS,CAAC;EAC/D,CAAC;CACH;CAEA,gBAAgB,MAAkB,OAAe;EAC/C,KAAK,QAAQ,WAAW,KAAKF,gBAAgB,MAAM,KAAK,CAAC;EACzD,KAAK,cAAc,IAAI,YAA8B,UAAU;GAC7D,QAAQ;IAAE;IAAM;GAAM;GACtB,SAAS;GACT,UAAU;EACZ,CAAC,CAAC;CACJ;CAEA;CA2OA;CAWA;CASA;CAQA,iBAAiB,OAAuB;EACtC,IAAI,UAAU,GACZ,OAAO,KAAK,MAAM,KAAK,SAAS;EAClC,MAAM,WAAW,KAAK,iBAAiB,IAAI,QAAQ,CAAC;EACpD,IAAI,UACF,OAAO,SAAS,KAAK;EACvB,MAAM,UAAU,KAAK,SAAS,QAAQ;EACtC,MAAM,UAAU,KAAK,SAAS;EAC9B,IAAI,WAAW,SAAS;GACtB,MAAM,SAAS,QAAQ,MAAK,MAAK,EAAE,aAAa,OAAO;GACvD,IAAI,QACF,OAAO,OAAO,KAAK;EACvB;EACA,OAAO;CACT;CAEA,aAAa,OAAuB;EAClC,MAAM,IAAI,KAAKa,cAAc,IAAI,KAAK;EACtC,OAAO,MAAM,KAAA,IAAY,SAAS,EAAE,oBAAoB;CAC1D;CAEA,WAAW,MAAkB,OAAwB;EACnD,OAAO,KAAK,QAAQ,UAAU,KAAKb,gBAAgB,MAAM,KAAK,CAAC;CACjE;;;;CAKA,yBAAoE;EAClE,OAAO,IAAI;CACb;CAEA,uBAAuB;EACrB,MAAM,QAAQ,KAAK;EACnB,OAAO,IAAI;iDACkC,KAAKgC,aAAa,KAAK,EAAE;UAChE,KAAK,UACH,IAAI;uCACuB,KAAKR,iBAAiB,KAAK,EAAE;YAExD,QAAQ;;YAER,KAAK,uBAAuB,EAAE;;;;CAIxC;CAEA,SAA4B;EAC1B,OAAO,IAAI;qCACsB,KAAKS,WAAW;UAC3C,KAAK,SAAS,KAAK,OAAO,UAAU;GACpC,MAAM,eAAe,KAAK,kBACtB,MAAM,QAAO,MAAK,KAAK,gBAAiB,GAAG,KAAK,CAAC,IACjD;GACJ,OAAO,IAAI;sCACiB,KAAKD,aAAa,KAAK,EAAE;cACjD,KAAK,UACH,IAAI;;+BAEW,KAAKE,eAAe,KAAK,EAAE;gCAC1B,MAAkB,KAAK,wBAAwB,GAAG,KAAK,EAAE;kBACvE,KAAKV,iBAAiB,KAAK,EAAE;;gBAG/B,QAAQ;;gBAER,KAAK,oBAAoB,cAAc,KAAK,EAAE;;;8BAGhC,MAAoB,KAAKW,eAAe,GAAG,KAAK,EAAE;;;;EAIxE,CAAC,EAAE;UACD,KAAK,kBAAkB,KAAA,IAAY,KAAKC,qBAAqB,IAAI,QAAQ;;;CAGjF;CAEA,iBAA2B,OAAuB;EAChD,MAAM,UAAU,KAAKlC,wBAAwB;EAC7C,IAAI,WAAW,QAAQ,UAAU,OAC/B,OAAO,QAAQ;EAEjB,OAAO;CACT;CAEA,WAAqB,MAAkB,OAAwB;EAC7D,OAAO,KAAKmC,WAAW,MAAM,KAAK;CACpC;;;;;CAMA,wBAAkC,MAAkB,OAAe;EACjE,KAAK,QAAQ,mBAAmB,KAAKrC,gBAAgB,MAAM,KAAK,CAAC;EACjE,KAAK,cAAc,IAAI,YAA8B,UAAU;GAC7D,QAAQ;IAAE;IAAM;GAAM;GACtB,SAAS;GACT,UAAU;EACZ,CAAC,CAAC;CACJ;;;;CAKA,4BAAsC;EACpC,KAAK,QAAQ,mBAAmB,IAAI,aAAa,cAAc,CAAC;CAClE;;EAEyB,KAAA,SAAA;GAAC;GAAgB;GAAe,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8G3D;;AACH;AApyCG,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,kBAAA,WAAA,QAAA,KAAA,CAAA;AAGzB,WAAA,CAAA,SAAS,EAAE,WAAW,MAAM,CAAC,CAAA,GAAA,kBAAA,WAAA,SAAA,KAAA,CAAA;AAG7B,WAAA,CAAA,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAA,kBAAA,WAAA,WAAA,KAAA,CAAA;AAQ1B,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,kBAAA,WAAA,mBAAA,KAAA,CAAA;AAKzB,WAAA,CAAA,SAAS;CAAE,SAAS;CAAM,WAAW;AAAmB,CAAC,CAAA,GAAA,kBAAA,WAAA,mBAAA,KAAA,CAAA;AAGzD,WAAA,CAAA,SAAS;CAAE,SAAS;CAAM,WAAW;AAAc,CAAC,CAAA,GAAA,kBAAA,WAAA,eAAA,KAAA,CAAA;AAQpD,WAAA,CAAA,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,kBAAA,WAAA,gBAAA,KAAA,CAAA;AAGzB,WAAA,CAAA,SAAS,EAAE,WAAW,MAAM,CAAC,CAAA,GAAA,kBAAA,WAAA,mBAAA,KAAA,CAAA;AAG7B,WAAA,CAAA,MAAM,CAAA,GAAA,kBAAA,WAAA,YAAA,KAAA,CAAA;AAIN,WAAA,CAAA,MAAM,CAAA,GAAA,kBAAA,WAAA,iBAAA,KAAA,CAAA;AAUN,WAAA,CAAA,MAAM,CAAA,GAAA,kBAAA,WAAA,kBAAA,KAAA,CAAA;AApDRsC,oBAAAA,WAAAA,CAAAA,kBAAc,kBAAkB,CAAA,GAAA,iBAAA;;;;;;;;;;;;ACxEjC,SAAS,qBAAqB,MAAkB,cAAkD;CAEhG,IAAI,KAAK,KAAK,UAAU,CAAC,KAAK,UAAU,QACtC,OAAO,aAAa,IAAI,KAAK,KAAK,GAAG,IAAI,YAAY;CAGvD,MAAM,cAAc,KAAK,SAAS,KAAI,MAAK,qBAAqB,GAAG,YAAY,CAAC;CAChF,MAAM,aAAa,YAAY,OAAM,MAAK,MAAM,SAAS;CACzD,MAAM,eAAe,YAAY,OAAM,MAAK,MAAM,WAAW;CAE7D,IAAI,YACF,OAAO;CACT,IAAI,cACF,OAAO;CACT,OAAO;AACT;AAmBO,IAAM,oBAAN,MAAM,0BAA0B,kBAAkB;CACvD,oBAAuC,OAAqB,OAA+B;EACzF,MAAM,WAAW,MAAM,MAAK,SAAQ,CAAC,CAAC,KAAK,KAAK,IAAI;EACpD,MAAM,gBAAgB,KAAK,oBAAoB;EAC/C,OAAO,IAAI;;2BAEY,WAAW,cAAc,GAAG,GAAG,gBAAgB,iBAAiB,GAAG;;6BAEjE,MAAM;8BACL,KAAK,0BAA0B,EAAE;;UAErD,MAAM,KAAI,SAAQ,KAAKC,gBAAgB,MAAM,KAAK,CAAC,EAAE;;;CAG7D;CAEA,gBAAgB,MAAkB,OAA+B;EAC/D,MAAM,WAAW,KAAK,YAAY,MAAM,KAAK;EAC7C,MAAM,UAAU,KAAK,WAAW,MAAM,KAAK;EAC3C,MAAM,OAAO,KAAK,QAAQ,MAAM,KAAK;EACrC,MAAM,WAAW,KAAK,KAAK,WAAW;EACtC,MAAM,OAAO,KAAK,KAAK;EACvB,MAAM,UAAU,KAAK,KAAK;EAC1B,MAAM,gBAAgB,KAAK,oBAAoB;EAE/C,IAAI,cAA+C;EACnD,IAAI,eAAe;GACjB,MAAM,QAAQ,qBAAqB,MAAM,KAAK,aAAa;GAC3D,cAAc,IAAI;;;;qBAIH,UAAU,UAAU;2BACd,UAAU,gBAAgB;+BACtB,KAAK,KAAK,MAAM;oBAC3B,MAAkB,KAAK,qBAAqB,GAAG,MAAM,KAAK,EAAE;;;EAG5E;EAEA,OAAO,IAAI;;sBAEO,WAAW,aAAa,GAAG,GAAG,OAAO,SAAS,GAAG,GAAG,UAAU,YAAY,GAAG,GAAG,WAAW,WAAW,OAAO;;wBAE3G,SAAS;kBACf,MAAkB,KAAK,iBAAiB,MAAM,OAAO,CAAC,EAAE;qBACrD,MAAkB,KAAK,oBAAoB,MAAM,OAAO,CAAC,EAAE;wBACxD,MAAkB,KAAK,sBAAsB,MAAM,OAAO,CAAC,EAAE;8BACvD,KAAK,wBAAwB,MAAM,KAAK,EAAE;;UAE9D,YAAY;UACZ,OAAO,IAAI,sCAAsC,KAAK,kBAAkB,QAAQ;8BAC5D,KAAK,KAAK,MAAM;UACpC,UAAU,IAAI,+DAA+D,MAAM,GAAG,KAAK,KAAK,IAAI,WAAW,QAAQ,oBAAoB,QAAQ;UACnJ,WAAW,IAAI,oDAAoD,QAAQ;;;CAGnF;;EAEyB,KAAA,SAAA;GACvB;GACA,GAAG,kBAAkB;GACrB;GACA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8EL;;AACF;AA/ICC,oBAAAA,WAAAA,CAAAA,kBAAc,kBAAkB,CAAA,GAAA,iBAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;ACdjC,IAAa,uBAAb,MAAqC;CACnC;CACA;CACA;CAGA,8BAAc,IAAI,QAAwC;CAE1D,wCAAwB,IAAI,IAAyB;CAErD;CAEA,YACE,MACA,SACA,SACA;EACA,KAAKC,QAAQ;EACb,KAAKC,WAAW;EAChB,KAAKC,WAAW;CAClB;;;;;CAQA,UAAU;EACR,KAAK,WAAW;EAChB,KAAKC,iBAAiB,IAAI,gBAAgB;EAE1C,MAAM,YAAY,KAAKH,MAAM,SAAS;EACtC,MAAM,WAAW,KAAKE,SAAS,YAAY,WAAW,KAAKF,KAAK;EAChE,MAAM,eAAe,KAAKI,YAAY,KAAKJ,KAAK;EAEhD,KAAKC,SAAS,OAAO;GAAE,MAAM;GAAU,UAAU;EAAa;EAG9D,KAAKA,SAAS,gBAAgB,EAAE,WAAW;GACzC,MAAM,WAAW,KAAKI,YAAY,IAAI,IAAI;GAC1C,IAAI,CAAC,UACH,OAAO,CAAC;GACV,OAAO,KAAKD,YAAY,QAAQ;EAClC;CACF;;CAGA,aAAa;EACX,KAAKD,gBAAgB,MAAM;EAC3B,KAAKA,iBAAiB,KAAA;EACtB,KAAKF,SAAS,eAAe,KAAA;CAC/B;;;;;;;;;;CAWA,gBAAgB,WAA2C;EACzD,MAAM,WAAW,KAAKK,cAAc,KAAKN,OAAO,SAAS;EACzD,IAAI,CAAC,UACH,OAAO;EAIT,IAAI,gBAAgB,KAAKC,SAAS,MAAM,YAAY,CAAC;EACrD,MAAM,OAAiB,CAAC;EAExB,KAAK,IAAI,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK;GACxC,MAAM,WAAW,SAAS;GAC1B,MAAM,MAAM,KAAKC,SAAS,YAAY,SAAS,SAAS,GAAG,QAAQ,CAAC,CAAC;GACrE,KAAK,KAAK,GAAG;GAEb,IAAI,IAAI,SAAS,SAAS,GAAG;IAE3B,MAAM,aAAa,cAAc,MAAK,MAAK,EAAE,KAAK,QAAQ,GAAG;IAC7D,IAAI,CAAC,YACH,OAAO;IAET,IAAI,WAAW,aAAa,KAAA,GAAW;KACrC,MAAM,SAAS,KAAKG,YAAY,IAAI,UAAU;KAC9C,IAAI,QACF,WAAW,WAAW,KAAKD,YAAY,MAAM;IACjD;IACA,gBAAgB,WAAW,YAAY,CAAC;GAC1C;EACF;EAEA,OAAO,KAAKH,SAAS,WAAW,IAAI;CACtC;;CAKA,YAAY,UAA4C;EACtD,OAAO,MAAM,KAAK,SAAS,SAAS,IAAG,UAAS,KAAKM,cAAc,KAAK,CAAC;CAC3E;CAEA,cAAc,UAA0C;EACtD,MAAM,QAAQ,SAAS,SAAS;EAChC,MAAM,YAAY,CAAC,GAAG,SAAS,SAAS,CAAC;EACzC,MAAM,WAAW,KAAKL,SAAS,YAAY,OAAO,QAAQ;EAG1D,MAAM,SAAS,SAAS,UAAU,UAAU,WAAW;EAEvD,MAAM,aAAyB;GAC7B,MAAM;IAAE,GAAG;IAAU;GAAO;GAE5B,UAAU,SAAS,CAAC,IAAI,KAAA;EAC1B;EAEA,KAAKG,YAAY,IAAI,YAAY,QAAQ;EACzC,KAAKG,sBAAsB,IAAI,SAAS,YAAY,GAAG,UAAU;EACjE,OAAO;CACT;;CAGA,cACE,MACA,WACA,YAAuC,CAAC,GACD;EACvC,MAAM,OAAO,CAAC,GAAG,WAAW,IAAI;EAChC,IAAI,UAAU,KAAK,SAAS,CAAC,GAC3B,OAAO;EACT,KAAK,MAAM,SAAS,KAAK,SAAS,GAAG;GACnC,MAAM,SAAS,KAAKF,cAAc,OAAO,WAAW,IAAI;GACxD,IAAI,QACF,OAAO;EACX;CAEF;AACF"}

package/dist/narrowed-text.js

@@ -1,9 +1,11 @@
 import { n as buildHighlightTargets, r as clearHighlights, t as applyHighlights } from "./highlight-B-eQrhhb.js";
-import { t as TickledController } from "./tickled-controller-DkAU-0qL.js";
+import { t as TickledController } from "./tickled-controller-h9GmJ_bU.js";
 import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-BrAHEj1q.js";
-import { t as themeFallbacks } from "./fallbacks-DEE1nCTt.js";
+import { t as themeFallbacks } from "./fallbacks-DNI9xt0F.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
 import { n as createIncrSearch } from "./element-search-Y8SRfPGM.js";
+import "./incr-search-vCzuao-2.js";
+import "./interaction-D5XdKzbR.js";
 import { LitElement, css, html, nothing } from "lit";
 import { property, query, state } from "lit/decorators.js";
 import { createCommandRegistry } from "@clinth/ui-commands";